@jsg-developer/vue-pack 0.0.4 → 0.0.6

package/dist/types/components/UI/Inputs/composables/useCurrencyInput.d.ts

@@ -0,0 +1,11 @@
+import { CurrencyInputProps } from '../../../../configs/types';
+type CurrencyEmit = {
+    (e: 'update:modelValue', value: number | null, key: string): void;
+};
+export declare function useCurrencyInput(props: CurrencyInputProps, emit: CurrencyEmit): {
+    formattedValue: import('vue').ComputedRef<string>;
+    currencySymbol: import('vue').ComputedRef<string>;
+    onInput: (event: Event) => void;
+    onBlur: () => void;
+};
+export {};

package/dist/types/components/UI/Inputs/index.d.ts

@@ -1,6 +1,8 @@
 export { default as ArrayObjectInput } from './ArrayObject.vue';
 export { default as ColorInput } from './ColorPicker.vue';
 export { default as SelectedOptions } from './ComboboxComponent.vue';
+export { default as CurrencyInput } from './CurrencyInput.vue';
+export { default as RateInput } from './RateInput.vue';
 export { default as DateInput } from './DateInput.vue';
 export { default as DateTimeInput } from './DateTimeInput.vue';
 export { default as EmailInput } from './EmailInput.vue';
@@ -14,6 +16,7 @@ export { default as ObjectInput } from './ObjectInput.vue';
 export { default as PasswordInput } from './PasswordInput.vue';
 export { default as TagInput } from './TagInput.vue';
 export { default as TextAreaInput } from './TextAreaInput.vue';
+export { default as TelInput } from './TelInput.vue';
 export { default as TextAreaQuillInput } from './TextAreaQuill.vue';
 export { default as TextInput } from './TextInput.vue';
 export { default as TimeInput } from './TimeInput.vue';

package/dist/types/configs/types/field.types.d.ts

@@ -1,7 +1,7 @@
 import { DataKeyConfig, Item, SubmitAuthOptionMap, Schema, XOR, DateOnly, TimeOnly, DateTimeString } from '../..';
 export declare const ImageTypes: readonly ["png", "jpg", "jpeg", "gif", "bmp", "webp", "heif", "heic", "tiff", "tif", "svg", "avif", "ico", "jfif"];
 export type ImageType = (typeof ImageTypes)[number];
-export declare const fieldTypes: readonly ["text", "email", "password", "number", "image", "color", "select", "arrayObject", "richText", "optionGroupSchema", "tag", "object", "url", "toggle", "date", "time", "dateTime", "imageArray", "file", "fileArray", "textArea"];
+export declare const fieldTypes: readonly ["text", "email", "password", "number", "image", "color", "select", "arrayObject", "quillEditor", "optionGroupSchema", "tag", "object", "url", "toggle", "date", "time", "dateTime", "imageArray", "file", "fileArray", "textArea", "currency", "rate", "tel"];
 export declare const formDesign: readonly ["form", "news"];
 export type FieldType = (typeof fieldTypes)[number];
 export type FormDesign = (typeof formDesign)[number];
@@ -40,7 +40,7 @@ export interface TextField extends BaseField {
     type: 'text';
     placeholder?: string;
     validate?: {
-        duplicate: (string | number)[] | boolean;
+        duplicate?: (string | number)[] | boolean;
         minLength?: number;
         maxLength?: number;
         pattern?: string;
@@ -65,6 +65,29 @@ export interface PasswordField extends BaseField {
         requireSpecialChar?: boolean;
     };
 }
+export interface CurrencyField extends BaseField {
+    type: 'currency';
+    placeholder?: string;
+    validate?: {
+        min?: number;
+        max?: number;
+    };
+}
+export interface RateField extends BaseField {
+    type: 'rate';
+    validate?: {
+        min?: number;
+        max?: number;
+    };
+}
+export interface TelField extends BaseField {
+    type: 'tel';
+    placeholder?: string;
+    validate?: {
+        min?: number;
+        max?: number;
+    };
+}
 export interface NumberField extends BaseField {
     type: 'number';
     placeholder?: string;
@@ -75,13 +98,36 @@ export interface NumberField extends BaseField {
         duplicate?: (string | number)[] | boolean;
     };
 }
-export interface RichTextField extends BaseField {
-    type: 'richText';
+export interface SeoFieldMapping {
+    sendSeo?: boolean;
+    title: string;
+    description: string;
+    news?: string;
+    slug?: string;
+    focusKeyword?: string;
+    tags?: string;
+    image?: string;
+    author?: string;
+    publishedAt?: string;
+    canonical?: string;
+}
+export interface SeoAnalysisResult {
+    score: number;
+    details: {
+        passed: boolean;
+        message: string;
+        label: string;
+    }[];
+}
+export interface QuillEditorField extends BaseField {
+    type: 'quillEditor';
     placeholder?: string;
     validate?: {
         minLength?: number;
         maxLength?: number;
     };
+    apiUploadImage?: string;
+    apiUploadVideo?: string;
 }
 export interface DateField extends BaseField {
     type: 'date';

package/dist/types/configs/types/globalText.types.d.ts

@@ -15,7 +15,7 @@ export interface GlobalDefaultText {
         number: string;
         array: string;
         select: string;
-        richText: string;
+        quillEditor: string;
         password: string;
         email: string;
         tag: string;
@@ -73,6 +73,7 @@ export interface GlobalDefaultText {
         deleteMany: string;
         create: string;
         update: string;
+        upload: string;
         display: string;
         next: string;
         prev: string;

package/dist/types/configs/types/props.types.d.ts

@@ -1,4 +1,4 @@
-import { SupportedLanguage, Errors, Schema, SubmitAuthOptionMap, Item, DataKeyConfig, DateOnly, DateTimeString, TimeOnly, ImageType, XOR } from '../../index';
+import { SupportedLanguage, Errors, Schema, SubmitAuthOptionMap, Item, DataKeyConfig, DateOnly, DateTimeString, TimeOnly, ImageType, XOR, SeoFieldMapping } from '../../index';
 export interface SchemaGroupRendererProps {
     id: string;
     label?: string;
@@ -69,6 +69,28 @@ export interface TextInputProps {
     };
     lang?: SupportedLanguage;
 }
+export interface RateInputProps {
+    id?: string;
+    label: string;
+    modelValue?: number;
+    error?: string | string[];
+    disabled?: boolean;
+    validate?: {
+        min?: number;
+        max?: number;
+    };
+    lang?: SupportedLanguage;
+}
+export interface TelInputProps {
+    id?: string;
+    label: string;
+    placeholder?: string;
+    modelValue?: string;
+    error?: string | string[];
+    disabled?: boolean;
+    validate?: Record<string, any>;
+    lang?: SupportedLanguage;
+}
 export interface DateInputProps {
     id?: string;
     label: string;
@@ -108,6 +130,19 @@ export interface DateTimeInputProps {
     };
     lang?: SupportedLanguage;
 }
+export interface CurrencyInputProps {
+    id?: string;
+    label: string;
+    placeholder?: string;
+    modelValue?: number;
+    error?: string | string[];
+    disabled?: boolean;
+    validate?: {
+        min?: number;
+        max?: number;
+    };
+    lang?: SupportedLanguage;
+}
 export interface NumberInputProps {
     id?: string;
     label: string;
@@ -187,7 +222,20 @@ export interface BaseInputProps {
     };
     lang?: SupportedLanguage;
 }
-export interface RichTextProps {
+export interface QuillEditorProps {
+    id?: string;
+    label?: string;
+    placeholder?: string;
+    modelValue?: string;
+    error?: string | string[];
+    disabled?: boolean;
+    lang?: SupportedLanguage;
+    validate?: {
+        minLength?: number;
+        maxLength?: number;
+    };
+}
+export interface TextEdiorQuillProps {
     id?: string;
     label?: string;
     placeholder?: string;
@@ -199,6 +247,8 @@ export interface RichTextProps {
         minLength?: number;
         maxLength?: number;
     };
+    apiUploadImage?: string;
+    apiUploadVideo?: string;
 }
 export interface TextAreaProps {
     id?: string;
@@ -339,6 +389,7 @@ export interface FromModalProps {
     schema: Schema;
     isUpdate?: boolean;
     lang?: SupportedLanguage;
+    seo?: SeoFieldMapping;
     demo?: boolean;
 }
 export interface ColorPickerProps {

package/dist/types/configs/types/schema.types.d.ts

@@ -1,11 +1,12 @@
-import { TextField, ImageField, ColorField, EmailField, PasswordField, NumberField, SelectField, ArrayObjectField, OptionGroupField, RichTextField, TagField, UrlField, ToggleField, ImageArrayField, FileArrayField, ObjectField, TextAreaField, DateField, TimeField, DateTimeField, FileField, XOR } from '../../index';
-export type Field = TextField | ImageArrayField | NumberField | FileArrayField | ImageField | ColorField | SelectField | EmailField | PasswordField | ArrayObjectField | UrlField | ToggleField | DateField | ObjectField | TimeField | RichTextField | DateTimeField | TagField | FileField | TextAreaField | OptionGroupField;
+import { TextField, ImageField, ColorField, EmailField, PasswordField, NumberField, SelectField, ArrayObjectField, OptionGroupField, QuillEditorField, TagField, UrlField, ToggleField, ImageArrayField, FileArrayField, ObjectField, TextAreaField, DateField, TimeField, DateTimeField, FileField, XOR, CurrencyField, RateField, TelField } from '../../index';
+export type Field = TextField | ImageArrayField | NumberField | FileArrayField | ImageField | ColorField | SelectField | EmailField | PasswordField | ArrayObjectField | UrlField | ToggleField | DateField | ObjectField | TimeField | QuillEditorField | DateTimeField | TagField | FileField | TextAreaField | OptionGroupField | CurrencyField | RateField | TelField;
 export type Schema = Record<string, Field>;
 export type FormData = Record<string, any>;
 export type Errors = Record<string, any>;
 export type DataView = Record<string, string | dataProperty>;
 export interface dataProperty {
     valueKey: string;
+    type: 'image' | 'file' | 'url' | 'rate' | 'seo' | 'color' | 'date' | 'time' | 'dateTime' | 'text' | 'number' | 'email' | 'password' | 'currency' | 'textarea' | 'richtext' | 'select' | 'multiSelect' | 'boolean' | 'arrayObject' | 'arrayColor' | 'arrayImage' | 'arrayFile' | 'arrayUrl' | 'arrayNumber' | 'arrayText' | 'tag' | 'tel' | 'rate';
     connect?: XOR<{
         withDB: {
             DB_NAME: string;

package/dist/types/configs/types/table-data.types.d.ts

@@ -1,5 +1,5 @@
 import { ZodType } from 'zod';
-import { DataView, Schema, FormDesign, SubmitAuthOptionMap, SupportedLanguage, XOR } from '../../index';
+import { DataView, Schema, FormDesign, SubmitAuthOptionMap, SupportedLanguage, XOR, SeoFieldMapping } from '../../index';
 export interface BaseConfig<Item> {
     source: XOR<{
         DB_NAME: string;
@@ -30,8 +30,10 @@ export interface BaseConfig<Item> {
     justTabel?: boolean;
     lang?: SupportedLanguage;
     schema: FormSchema;
+    seoDisplay?: string;
 }
 export interface FormSchema {
+    SeoDisplay?: SeoFieldMapping;
     global?: Schema;
     display?: Schema;
     create?: Schema;
@@ -73,16 +75,6 @@ export interface TabelFeatureToggles {
     displayActive?: boolean;
     JustTabel?: boolean;
 }
-export interface TabelFeatureToggles {
-    btnInfoActive?: boolean;
-    searchQueryActive?: boolean;
-    sortable?: boolean;
-    createActive?: boolean;
-    updateActive?: boolean;
-    deleteActive?: boolean;
-    deleteManyActive?: boolean;
-    displayActive?: boolean;
-}
 export interface TabelManualControl {
     create?: boolean;
     update?: boolean;

package/dist/types/lib/demoData.d.ts

@@ -0,0 +1,313 @@
+export declare const newDemoData: {
+    admin: {
+        id: number;
+        username: string;
+        password: string;
+        token: null;
+        limitToken: null;
+    };
+    company: {
+        id: number;
+        name: string;
+        icon: string;
+        aboutUs: string;
+        aboutUsBrief: string;
+        vision: string;
+        mission: string;
+        termsAndConditions: string;
+        privacyPolicy: string;
+        warehouseAddress: string;
+        officeAddress: string;
+        officeGMap: string;
+        warehouseGMap: string;
+        phoneNumber: string;
+        email: string;
+        facebook: string;
+        twitter: string;
+        instagram: string;
+        linkedIn: null;
+        youtube: string;
+        shopee: string;
+        tiktok: string;
+        lazada: null;
+        tokoPedia: string;
+        createAt: Date;
+        updateAt: Date;
+    };
+    profil: {
+        id: number;
+        name: string;
+        photo: string;
+        bio: string;
+        createdAt: Date;
+        updatedAt: Date;
+    };
+    shippingPrice: {
+        id: number;
+        type: string;
+        coordinateX: number;
+        coordinateY: number;
+        price: number;
+        distance: number;
+    };
+    QandA: {
+        id: number;
+        category: any;
+        question: string;
+        answer: string;
+        createAt: Date;
+        updateAt: Date;
+    }[];
+    promo: {
+        id: number;
+        title: string;
+        slug: string;
+        keywords: string[];
+        description: string;
+        type: any;
+        image: string;
+        promoStartDate: Date;
+        promoEndDate: Date;
+        couponCode: string;
+        tags: string[];
+        createdAt: Date;
+        updatedAt: Date;
+        details: {
+            discountModel: any;
+            discount: number;
+            maximumDiscount: number | null;
+            minPrice: number;
+            minDay: null;
+            maxDistance: null;
+            id: number;
+            promoId: number;
+        } | {
+            discountModel: string;
+            discount: number;
+            maximumDiscount: null;
+            minPrice: number;
+            minDay: number;
+            maxDistance: null;
+            id: number;
+            promoId: number;
+        } | {
+            discountModel: string;
+            discount: number;
+            maximumDiscount: number;
+            minPrice: number;
+            minDay: null;
+            maxDistance: number;
+            id: number;
+            promoId: number;
+        };
+    }[];
+    news: {
+        id: number;
+        title: string;
+        slug: string;
+        news: string;
+        image: string;
+        altImage: string;
+        category: any;
+        author: string;
+        seo: {
+            metaTitle: string;
+            metaDescription: string;
+            keywords: string;
+            tag: string[];
+        };
+        seoScore: number;
+        source: {
+            category: any;
+            name: string;
+            author: string;
+            url: string | null;
+            identifier: string | null;
+        }[];
+        show: boolean;
+        orderCode: null;
+        createdAt: Date;
+        updatedAt: Date;
+    }[];
+    type: {
+        id: number;
+        name: string;
+        createAt: Date;
+        updateAt: Date;
+    }[];
+    model: {
+        id: number;
+        name: string;
+        createAt: Date;
+        updateAt: Date;
+    }[];
+    tools: {
+        id: number;
+        name: string;
+        image: string;
+        description: string;
+        price: number;
+        sizeX: number;
+        sizeY: number;
+        sizeZ: number;
+        unitOfMeasure: any;
+        dimensions: number;
+        modelId: any;
+        typeId: any;
+        createAt: Date;
+        updateAt: Date;
+    }[];
+    subTool: {
+        id: number;
+        name: string;
+        price: number;
+        description: string;
+        typeId: any;
+        modelId: any;
+        toolsId: any;
+        createAt: Date;
+        updateAt: Date;
+    }[];
+    subToolsImages: {
+        id: number;
+        image: string;
+        name: string;
+        subToolsId: number;
+        colors: string[] | null;
+        colorToolsId: any;
+        createAt: Date;
+    }[];
+    color: {
+        id: number;
+        name: string;
+        colors: string[];
+        options: number;
+        createAt: Date;
+        updateAt: Date;
+    }[];
+    pages: {
+        id: number;
+        name: string;
+        image: string;
+        slug: string;
+        description: string;
+        active: boolean;
+        createAt: Date;
+        updateAt: Date;
+    }[];
+    rateCustomerOrder: {
+        id: number;
+        nameCustomer: string;
+        photoCustomer: string;
+        rate: any;
+        message: string;
+        photoProject: string;
+        published: boolean;
+        newsPublished: boolean;
+        orderCode: string;
+        read: boolean;
+        createAt: Date;
+        updateAt: Date;
+    }[];
+    incomes: {
+        id: number;
+        orderId: number;
+        source: string;
+        image: string;
+        pay: number;
+        status: string;
+        currency: string;
+        note: string;
+        createdAt: Date;
+        updatedAt: Date;
+    }[];
+    expenditure: {
+        id: number;
+        pay: number;
+        note: string;
+        createdAt: Date;
+        updatedAt: Date;
+    }[];
+    services: {
+        id: number;
+        title: string;
+        image: string;
+        description: string;
+        createdAt: Date;
+        updatedAt: Date;
+    }[];
+    subscribe: {
+        id: number;
+        email: string;
+        number: string;
+        createAt: Date;
+        updatedAt: Date;
+    }[];
+    visitors: {
+        id: number;
+        pageId: any;
+        device: any;
+        ip: string;
+        userAgent: string;
+        createAt: Date;
+    }[];
+    cqs: {
+        id: number;
+        name: string;
+        email: string;
+        phone: string;
+        subject: string;
+        message: string;
+        reply: string | null;
+        published: boolean;
+        createdAt: Date;
+        updatedAt: Date;
+    }[];
+    orders: {
+        id: number;
+        orderCode: string;
+        firstName: string;
+        lastName: string;
+        address: string;
+        phone: string;
+        phoneCode: null;
+        phoneVerified: boolean;
+        totalPriceOrder: number;
+        totalPrice: number;
+        discountOrderAmount: number;
+        discountShippingAmount: number;
+        downPayment: number;
+        finalPayment: number;
+        shippingCost: number;
+        status: any;
+        eventDate: Date;
+        eventEnd: Date;
+        installationDate: Date;
+        demolitionDate: Date;
+        invoice: string;
+        promoShippingId: any;
+        promoDiscountId: any;
+        message: string;
+        additionalCharges: {
+            name: string;
+            price: number;
+        }[] | null;
+        read: boolean;
+        createAt: Date;
+        updateAt: Date;
+    }[];
+    orderTools: {
+        id: any;
+        orderId: number;
+        toolId: any;
+        quantity: number;
+        subTotal: number;
+    }[];
+    orderAccessories: {
+        id: number;
+        orderToolsId: any;
+        subToolId: any;
+        quantity: number;
+        subTotal: number;
+    }[];
+};

package/dist/types/lib/index.d.ts

@@ -1,2 +1,3 @@
 export * from './indexedDB';
 export * from './secureFetch';
+export * from './demoData';

package/dist/types/schemas/CQ.d.ts

@@ -0,0 +1,2 @@
+import { Item, TabelDataProperty } from '../configs';
+export declare const Schema: TabelDataProperty<Item>;

package/dist/types/schemas/TestSchema.d.ts

@@ -1,2 +1,3 @@
-import { Schema } from '..';
+import { Schema, TabelDataProperty, Item } from '..';
 export declare const TestSchema: Schema;
+export declare const newsSchema: TabelDataProperty<Item>;

package/dist/types/schemas/categories.d.ts

@@ -0,0 +1,2 @@
+import { Item, TabelDataProperty } from '../../src/configs';
+export declare const Schema: TabelDataProperty<Item>;

package/dist/types/schemas/colors.d.ts

@@ -0,0 +1,2 @@
+import { Item, TabelDataProperty } from '../../src/configs';
+export declare const Schema: TabelDataProperty<Item>;

package/dist/types/schemas/expenditure.d.ts

@@ -0,0 +1,2 @@
+import { Item, TabelDataProperty } from '../configs';
+export declare const Schema: TabelDataProperty<Item>;

package/dist/types/schemas/income.d.ts

@@ -0,0 +1,9 @@
+import { Item, TabelDataProperty } from '../index';
+export declare const incomeSchema: TabelDataProperty<Item>;
+export declare const handleCustomActionIncome: (payload: {
+    key: string;
+    item: any;
+}) => Promise<{
+    mode: string;
+    message: string;
+}>;

package/dist/types/schemas/index.d.ts

@@ -1 +1,16 @@
-export * from './TestSchema';
+import { Schema as ToolSchema } from './tools';
+import { Schema as CategoriesSchema } from './categories';
+import { Schema as ColorsSchema } from './colors';
+import { Schema as SubToolSchema } from './subTools';
+import { Schema as ModelSchema } from './model';
+import { Schema as NewsSchema } from './news';
+import { Schema as PromoSchema } from './promo';
+import { Schema as QnASchema } from './qna';
+import { Schema as PageSchema } from './page';
+import { Schema as OrderSchema } from './order';
+import { incomeSchema, handleCustomActionIncome } from './income';
+import { Schema as CqSchema } from './CQ';
+import { Schema as expenditureSchema } from './expenditure';
+import { Schema as ServiceSchema } from './service';
+import { Schema as RateSchema } from './rate';
+export { PageSchema, ToolSchema, CategoriesSchema, handleCustomActionIncome, CqSchema, OrderSchema, incomeSchema, QnASchema, ColorsSchema, PromoSchema, SubToolSchema, ModelSchema, ServiceSchema, RateSchema, NewsSchema, expenditureSchema, };

package/dist/types/schemas/model.d.ts

@@ -0,0 +1,2 @@
+import { Item, TabelDataProperty } from '../../src/configs';
+export declare const Schema: TabelDataProperty<Item>;

package/dist/types/schemas/news.d.ts

@@ -0,0 +1,2 @@
+import { Item, TabelDataProperty } from '../../src/configs';
+export declare const Schema: TabelDataProperty<Item>;

package/dist/types/schemas/order.d.ts

@@ -0,0 +1,2 @@
+import { Item, TabelDataProperty } from '../../src/configs';
+export declare const Schema: TabelDataProperty<Item>;

package/dist/types/schemas/page.d.ts

@@ -0,0 +1,2 @@
+import { Item, TabelDataProperty } from '../../src/configs';
+export declare const Schema: TabelDataProperty<Item>;

package/dist/types/schemas/promo.d.ts

@@ -0,0 +1,2 @@
+import { Item, TabelDataProperty } from '../../src/configs';
+export declare const Schema: TabelDataProperty<Item>;

package/dist/types/schemas/qna.d.ts

@@ -0,0 +1,2 @@
+import { Item, TabelDataProperty } from '../../src/configs';
+export declare const Schema: TabelDataProperty<Item>;

package/dist/types/schemas/rate.d.ts

@@ -0,0 +1,2 @@
+import { Item, TabelDataProperty } from '../../src/configs';
+export declare const Schema: TabelDataProperty<Item>;

package/dist/types/schemas/service.d.ts

@@ -0,0 +1,2 @@
+import { Item, TabelDataProperty } from '../configs';
+export declare const Schema: TabelDataProperty<Item>;

package/dist/types/schemas/subTools.d.ts

@@ -0,0 +1,2 @@
+import { Item, TabelDataProperty } from '../../src/configs';
+export declare const Schema: TabelDataProperty<Item>;