@zeedhi/vuetify 3.0.5 → 3.0.7

package/dist/components/zd-iterable/ZdIterableNoData.js

@@ -0,0 +1,20 @@
+import { defineComponent } from 'vue';
+import { useHasSlot } from '../../composables/hasSlot';
+import { useGridInstance } from '../zd-grid/composables/grid-instance';
+export default defineComponent({
+    props: {},
+    setup(props) {
+        const slots = useHasSlot();
+        const instance = useGridInstance();
+        const hasErrorSlot = !!slots.errorSlot?.hasContent;
+        const hasNoResultSlot = !!slots.noResultSlot?.hasContent;
+        const hasNoDataSlot = !!slots.noDataSlot?.hasContent;
+        return {
+            props,
+            instance,
+            hasErrorSlot,
+            hasNoResultSlot,
+            hasNoDataSlot,
+        };
+    },
+});

package/dist/components/zd-iterable/zd-iterable-columns-button/ZdIterableColumnsButton.js

@@ -0,0 +1,50 @@
+import { IterableColumnsButton } from '@zeedhi/common';
+import { defineComponent } from 'vue';
+import { useCreateInstance } from '../..';
+import { ZdButtonProps } from '../../zd-button/ZdButton';
+export const ZdIterableColumnsButtonProps = {
+    ...ZdButtonProps,
+    iterableComponentName: {
+        type: String,
+    },
+    iconName: {
+        type: String,
+        default: 'mdi-table-headers-eye',
+    },
+    icon: {
+        type: [Boolean, String],
+        default: true,
+    },
+    ignoreColumns: {
+        type: [Array, String],
+        default: () => [],
+    },
+};
+/**
+ * Iterable Columns Button component
+ */
+const iterableColumnsButton = defineComponent({
+    name: 'ZdIterableColumnsButton',
+    props: ZdIterableColumnsButtonProps,
+    setup(props, ctx) {
+        const { instance } = useCreateInstance(props, ctx, IterableColumnsButton);
+        const getEvents = (on) => {
+            const events = { ...instance.events };
+            Object.keys(on).forEach((eventName) => {
+                const callback = instance.events[eventName];
+                events[eventName] = ({ event, component, element }) => {
+                    if (callback && typeof callback === 'function') {
+                        callback({ event, component, element });
+                    }
+                    on[eventName](event);
+                };
+            });
+            return events;
+        };
+        return {
+            instance,
+            getEvents,
+        };
+    },
+});
+export default iterableColumnsButton;

package/dist/components/zd-iterable/zd-iterable-page-info/ZdIterablePageInfo.js

@@ -0,0 +1,21 @@
+import { IterablePageInfo } from '@zeedhi/common';
+import { defineComponent } from 'vue';
+import { useCreateInstance } from '../../zd-component/ZdComponent';
+import { ZdComponentRenderProps } from '../../zd-component/ZdComponentRender';
+export const ZdIterablePageInfoProps = {
+    ...ZdComponentRenderProps,
+    iterableComponentName: {
+        type: String,
+    },
+    // Zeedhi 3.0
+};
+export default defineComponent({
+    props: ZdIterablePageInfoProps,
+    inheritAttrs: false,
+    setup(props, ctx) {
+        const { instance } = useCreateInstance(props, ctx, IterablePageInfo);
+        return {
+            instance,
+        };
+    },
+});

package/dist/components/zd-iterable/zd-iterable-page-size/ZdIterablePageSize.js

@@ -0,0 +1,55 @@
+import { IterablePageSize } from '@zeedhi/common';
+import { defineComponent, onMounted } from 'vue';
+import { useCreateInstance } from '../../zd-component/ZdComponent';
+import { ZdSelectProps } from '../../zd-select/ZdSelect';
+export const ZdIterablePageSizeProps = {
+    ...ZdSelectProps,
+    iterableComponentName: {
+        type: String,
+    },
+    clearable: {
+        type: [Boolean, String],
+    },
+    dataText: {
+        type: [String, Array],
+    },
+    dataValue: {
+        type: String,
+    },
+    dense: {
+        type: [Boolean, String],
+        default: false,
+    },
+    autocomplete: {
+        type: [Boolean, String],
+    },
+    showHelper: {
+        type: [Boolean, String],
+    },
+    showLabel: {
+        type: [Boolean, String],
+    },
+    validations: {
+        type: [Object, String],
+    },
+    // Zeedhi 3.0
+};
+export default defineComponent({
+    props: ZdIterablePageSizeProps,
+    inheritAttrs: false,
+    setup(props, ctx) {
+        const { instance } = useCreateInstance(props, ctx, IterablePageSize);
+        onMounted(() => {
+            const data = instance.iterableComponent.pageSizes.map((size) => ({ value: size }));
+            instance.updateData(data).then(() => {
+                const parentDatasource = instance.iterableComponent.datasource;
+                if (parentDatasource) {
+                    instance.setValue((parentDatasource.limit || 10).toString());
+                }
+            });
+        });
+        return {
+            instance,
+        };
+    },
+});

package/dist/components/zd-iterable/zd-iterable-pagination/ZdIterablePagination.js

@@ -0,0 +1,36 @@
+import { IterablePagination } from '@zeedhi/common';
+import { defineComponent } from 'vue';
+import { useCreateInstance } from '../../zd-component/ZdComponent';
+import { ZdTextInputProps } from '../../zd-text-input/ZdTextInput';
+export const ZdSearchProps = {
+    ...ZdTextInputProps,
+    iterableComponentName: {
+        type: String,
+    },
+    circle: {
+        type: [Boolean, String],
+        default: false,
+    },
+    maxButtons: {
+        type: [Number, String],
+    },
+    nextIcon: {
+        type: String,
+        default: 'next',
+    },
+    prevIcon: {
+        type: String,
+        default: 'prev',
+    },
+    // Zeedhi 3.0
+};
+export default defineComponent({
+    props: ZdSearchProps,
+    inheritAttrs: false,
+    setup(props, ctx) {
+        const { instance } = useCreateInstance(props, ctx, IterablePagination);
+        return {
+            instance,
+        };
+    },
+});

package/dist/components/zd-iterable/zd-search/ZdSearch.js

@@ -0,0 +1,42 @@
+import { Search } from '@zeedhi/common';
+import { defineComponent } from 'vue';
+import { useCreateInstance } from '../../zd-component/ZdComponent';
+import { ZdTextInputProps, useTextInput } from '../../zd-text-input/ZdTextInput';
+export const ZdSearchProps = {
+    ...ZdTextInputProps,
+    iterableComponentName: {
+        type: String,
+    },
+    showLabel: {
+        type: [Boolean, String],
+        default: false,
+    },
+    showHelper: {
+        type: [Boolean, String],
+        default: false,
+    },
+    appendIcon: {
+        type: String,
+        default: 'magnify',
+    },
+    placeholder: {
+        type: String,
+        default: 'SEARCH',
+    },
+    lazyAttach: {
+        type: [Boolean, String],
+        default: false,
+    },
+    // Zeedhi 3.0
+};
+export default defineComponent({
+    props: ZdSearchProps,
+    inheritAttrs: false,
+    setup(props, ctx) {
+        const { instance, root } = useCreateInstance(props, ctx, Search);
+        const textInputScope = useTextInput(instance, ctx, root);
+        return {
+            ...textInputScope,
+        };
+    },
+});

package/dist/components/zd-iterable-component-render/ZdIterableComponentRender.js

@@ -0,0 +1,108 @@
+import { IterableComponentRender } from '@zeedhi/common';
+import { defineComponent, getCurrentInstance, onMounted } from 'vue';
+import { buildProps } from '../../utils';
+import { setFillHeight } from '../../utils/fillHeight';
+import { useCreateInstance, useGetMethods } from '../zd-component/ZdComponent';
+import { ZdIterableProps } from '../zd-iterable/ZdIterable';
+export const ZdIterableComponentRenderProps = buildProps({
+    ...ZdIterableProps,
+    footerSlot: {
+        type: (Array),
+        default() {
+            return [];
+        },
+    },
+    toolbarSlot: {
+        type: (Array),
+        default() {
+            return [];
+        },
+    },
+    componentMetadata: {
+        type: [Object, String],
+    },
+    rowPropName: {
+        type: String,
+        default: 'row',
+    },
+    errorSlot: {
+        type: (Array),
+        default() {
+            return [];
+        },
+    },
+    noDataSlot: {
+        type: (Array),
+        default: () => [
+            {
+                name: '<<NAME>>_no-data',
+                component: 'ZdText',
+                cssClass: 'no-data',
+                text: 'NO_DATA',
+            },
+        ],
+    },
+    noResultSlot: {
+        type: (Array),
+        default: () => [
+            {
+                name: '<<NAME>>_no-result',
+                component: 'ZdText',
+                cssClass: 'no-result',
+                text: 'NO_RESULT',
+            },
+        ],
+    },
+    height: {
+        type: [Number, String],
+        default: 'auto',
+    },
+    minHeight: {
+        type: [Number, String],
+        default: 'auto',
+    },
+    maxHeight: {
+        type: [Number, String],
+        default: 'none',
+    },
+    width: {
+        type: [Number, String],
+        default: '100%',
+    },
+    minWidth: {
+        type: [Number, String],
+        default: 'auto',
+    },
+    maxWidth: {
+        type: [Number, String],
+        default: 'none',
+    },
+    fillHeight: {
+        type: [Boolean, String],
+        default: false,
+    },
+});
+const iterableComponentRender = defineComponent({
+    props: ZdIterableComponentRenderProps,
+    inheritAttrs: false,
+    setup(props, ctx) {
+        const { instance, root } = useCreateInstance(props, ctx, IterableComponentRender);
+        const { click, focus, blur, mouseenter, mouseleave } = useGetMethods(instance, root);
+        onMounted(() => {
+            const instance = getCurrentInstance();
+            if (props.fillHeight) {
+                setFillHeight(instance?.proxy?.$el);
+            }
+        });
+        return {
+            instance,
+            root,
+            click,
+            focus,
+            blur,
+            mouseenter,
+            mouseleave,
+        };
+    },
+});
+export default iterableComponentRender;

package/dist/components/zd-layout/ZdLayout.js

@@ -0,0 +1,41 @@
+import { Layout } from '@zeedhi/common';
+import { defineComponent } from 'vue';
+import { buildProps } from '../../utils';
+import { ZdComponentProps, useCreateInstance, useGetMethods } from '../zd-component/ZdComponent';
+export const ZdLayoutProps = buildProps({
+    ...ZdComponentProps,
+    fullHeight: {
+        type: [Boolean, String],
+        default: false,
+    },
+    scrollable: {
+        type: [Boolean, String],
+        default: false,
+    },
+    tag: {
+        type: String,
+        default: 'main',
+    },
+    height: {
+        type: [String, Number],
+        default: '100%',
+    },
+});
+const layoutComponent = defineComponent({
+    props: ZdLayoutProps,
+    inheritAttrs: false,
+    setup(props, ctx) {
+        const { instance, root } = useCreateInstance(props, ctx, Layout);
+        const { click, focus, blur, mouseenter, mouseleave } = useGetMethods(instance, root);
+        return {
+            instance,
+            root,
+            click,
+            focus,
+            blur,
+            mouseenter,
+            mouseleave,
+        };
+    },
+});
+export default layoutComponent;

package/dist/components/zd-list/ZdList.js

@@ -0,0 +1,84 @@
+import { List } from '@zeedhi/common';
+import { defineComponent } from 'vue';
+import { buildProps } from '../../utils';
+import { useCreateInstance } from '../zd-component/ZdComponent';
+import { ZdComponentRenderProps } from '../zd-component/ZdComponentRender';
+export const ZdListProps = buildProps({
+    ...ZdComponentRenderProps,
+    dense: {
+        type: [Boolean, String],
+        default: false,
+    },
+    disabled: {
+        type: [Boolean, String],
+        default: false,
+    },
+    divided: {
+        type: [Boolean, String],
+        default: false,
+    },
+    lines: {
+        type: [Boolean, String],
+        default: 'one',
+    },
+    color: {
+        type: String,
+        default: 'primary',
+    },
+    elevation: {
+        type: [Number, String],
+        default: 0,
+    },
+    openStrategy: {
+        type: [Boolean, String],
+        default: 'single',
+    },
+    height: {
+        type: [Number, String],
+        default: 'auto',
+    },
+    minHeight: {
+        type: [Number, String],
+        default: 'auto',
+    },
+    maxHeight: {
+        type: [Number, String],
+        default: 'none',
+    },
+    width: {
+        type: [Number, String],
+        default: '100%',
+    },
+    minWidth: {
+        type: [Number, String],
+        default: 'auto',
+    },
+    maxWidth: {
+        type: [Number, String],
+        default: 'none',
+    },
+    fillHeight: {
+        type: [Boolean, String],
+        default: false,
+    },
+    items: {
+        type: Array,
+        default: () => [],
+    },
+});
+const listComponent = defineComponent({
+    props: ZdListProps,
+    inheritAttrs: false,
+    setup(props, ctx) {
+        const { instance, root } = useCreateInstance(props, ctx, List);
+        const isLastItem = (index) => {
+            return index + 1 === instance.items.length;
+        };
+        return {
+            instance,
+            root,
+            isLastItem,
+        };
+    },
+});
+export default listComponent;

package/dist/components/zd-list/ZdListGroup.js

@@ -0,0 +1,38 @@
+import { ListGroup } from '@zeedhi/common';
+import { defineComponent } from 'vue';
+import { buildProps } from '../../utils';
+import { useCreateInstance, useGetMethods } from '../zd-component/ZdComponent';
+import { ZdListItemProps } from './ZdListItem';
+export const ZdListGroupProps = buildProps({
+    ...ZdListItemProps,
+    opened: {
+        type: [Boolean, String],
+        default: false,
+    },
+    lazyLoad: {
+        type: [Boolean, String],
+        default: false,
+    },
+    items: {
+        type: [Array, String],
+        default: () => [],
+    },
+});
+const listGroupComponent = defineComponent({
+    props: ZdListGroupProps,
+    inheritAttrs: false,
+    setup(props, ctx) {
+        const { instance, root } = useCreateInstance(props, ctx, ListGroup);
+        const { click, focus, blur, mouseenter, mouseleave } = useGetMethods(instance, root);
+        return {
+            instance,
+            root,
+            click,
+            focus,
+            blur,
+            mouseenter,
+            mouseleave,
+        };
+    },
+});
+export default listGroupComponent;

package/dist/components/zd-list/ZdListItem.js

@@ -0,0 +1,66 @@
+import { ListItem } from '@zeedhi/common';
+import { defineComponent } from 'vue';
+import { buildProps } from '../../utils';
+import { useCreateInstance, useGetMethods } from '../zd-component/ZdComponent';
+import { ZdComponentRenderProps } from '../zd-component/ZdComponentRender';
+export const ZdListItemProps = buildProps({
+    ...ZdComponentRenderProps,
+    appendIcon: {
+        type: String,
+        default: undefined,
+    },
+    disabled: {
+        type: [Boolean, String],
+        default: false,
+    },
+    leftField: {
+        type: Object,
+        default: undefined,
+    },
+    prependIcon: {
+        type: String,
+        default: undefined,
+    },
+    rightField: {
+        type: Object,
+        default: undefined,
+    },
+    ripple: {
+        type: [Boolean, String],
+        default: true,
+    },
+    subtitle: {
+        type: String,
+        default: undefined,
+    },
+    lines: {
+        type: [Boolean, String],
+        default: 'one',
+    },
+    title: {
+        type: String,
+        default: undefined,
+    },
+    dense: {
+        type: [Boolean, String],
+        default: false,
+    },
+});
+const listItemComponent = defineComponent({
+    props: ZdListItemProps,
+    inheritAttrs: false,
+    setup(props, ctx) {
+        const { instance, root } = useCreateInstance(props, ctx, ListItem);
+        const { click, focus, blur, mouseenter, mouseleave } = useGetMethods(instance, root);
+        return {
+            instance,
+            root,
+            click,
+            focus,
+            blur,
+            mouseenter,
+            mouseleave,
+        };
+    },
+});
+export default listItemComponent;

package/dist/components/zd-loading/ZdLoading.js

@@ -0,0 +1,61 @@
+import { Loading, LoadingService } from '@zeedhi/common';
+import { defineComponent, reactive } from 'vue';
+import { buildProps } from '../../utils';
+import { ZdComponentProps, useCreateInstance } from '../zd-component/ZdComponent';
+export const ZdLoadingProps = buildProps({
+    ...ZdComponentProps,
+    image: {
+        type: String,
+        default: undefined,
+    },
+    text: {
+        type: String,
+        default: 'Loading',
+    },
+    opacity: {
+        type: [String, Number],
+        default: 0.5,
+    },
+    size: {
+        type: [String, Number],
+        default: 70,
+    },
+    loadingColor: {
+        type: String,
+        default: 'primary',
+    },
+    loadingWidth: {
+        type: [String, Number],
+        default: 7,
+    },
+    zIndex: {
+        type: [String, Number],
+        default: 1999,
+    },
+    textColor: {
+        type: String,
+        default: 'white',
+    },
+});
+const loadingComponent = defineComponent({
+    props: ZdLoadingProps,
+    inheritAttrs: false,
+    setup(props, ctx) {
+        const { root } = useCreateInstance(props, ctx, Loading);
+        const loading = useLoading(Loading, props);
+        LoadingService.loading = loading;
+        const parseToPixel = (number) => {
+            return `${number}px`;
+        };
+        return {
+            root,
+            loading,
+            parseToPixel,
+        };
+    },
+});
+export function useLoading(LoadingClass, props) {
+    const loading = reactive(new LoadingClass(props));
+    return loading;
+}
+export default loadingComponent;

package/dist/components/zd-login/ZdLogin.js

@@ -0,0 +1,68 @@
+import { Login } from '@zeedhi/common';
+import { defineComponent } from 'vue';
+import { buildProps } from '../../utils';
+import { useCreateInstance } from '../zd-component/ZdComponent';
+import { ZdComponentRenderProps } from '../zd-component/ZdComponentRender';
+export const ZdLoginProps = buildProps({
+    ...ZdComponentRenderProps,
+    backgroundStyle: {
+        type: String,
+        default: '',
+    },
+    bottomLink: {
+        type: Array,
+        default: () => [],
+    },
+    cardWidth: {
+        type: [String, Number],
+        default: '33%',
+    },
+    color: {
+        type: String,
+        default: '',
+    },
+    dark: {
+        type: [Boolean, String],
+        default: false,
+    },
+    layout: {
+        type: String,
+        default: 'center',
+    },
+    logo: {
+        type: String,
+        default: '',
+    },
+    logoMessage: {
+        type: String,
+        default: '',
+    },
+    poweredByImage: {
+        type: String,
+        default: '',
+    },
+    poweredByImageCard: {
+        type: String,
+        default: '',
+    },
+    flatForm: {
+        type: [Boolean, String],
+        default: false,
+    },
+    socialLogin: {
+        type: Array,
+        default: () => [],
+    },
+});
+const loginComponent = defineComponent({
+    props: ZdLoginProps,
+    inheritAttrs: false,
+    setup(props, ctx) {
+        const { instance, root } = useCreateInstance(props, ctx, Login);
+        return {
+            instance,
+            root,
+        };
+    },
+});
+export default loginComponent;