@qqt-product/ui 0.0.12 → 0.0.14

package/dist/lib/components/editor/index.d.ts

@@ -0,0 +1,31 @@
+import type { DefineComponent, Ref, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from 'vue';
+import type { SFCWithInstall } from '@qqt-product/utils/dist/modules/withInstall';
+import QEditor from './src/index.vue';
+declare const _default: SFCWithInstall<DefineComponent<{
+    content: {
+        type: StringConstructor;
+        default: string;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    editorRef: Ref<HTMLDivElement | undefined>;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "update:content"[], "update:content", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    content: {
+        type: StringConstructor;
+        default: string;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:content"?: ((...args: any[]) => any) | undefined;
+}, {
+    readonly: boolean;
+    content: string;
+}, {}>>;
+export default _default;
+export { QEditor };

package/dist/lib/components/editor/src/index.vue.d.ts

@@ -0,0 +1,28 @@
+import type { DefineComponent, Ref, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from 'vue';
+declare const _sfc_main: DefineComponent<{
+    content: {
+        type: StringConstructor;
+        default: string;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    editorRef: Ref<HTMLDivElement | undefined>;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "update:content"[], "update:content", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    content: {
+        type: StringConstructor;
+        default: string;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:content"?: ((...args: any[]) => any) | undefined;
+}, {
+    readonly: boolean;
+    content: string;
+}, {}>;
+export default _sfc_main;

package/dist/lib/components/field-select-modal/index.d.ts

@@ -0,0 +1,150 @@
+import type { VxeTableProps, VxeTableDataRow, VxeGridInstance } from 'vxe-table';
+import type { RequestMethod, ModalConfig, ModalType, OpenFuncType, TablePage } from './src/field-select-modal-types';
+import type { DefineComponent, PropType, ComputedRef, Ref, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from 'vue';
+import type { SFCWithInstall } from '@qqt-product/utils/dist/modules/withInstall';
+import QFieldSelectModal from './src/field-select-modal.vue';
+export * from './src/field-select-modal-types';
+export { QFieldSelectModal };
+declare const _default: SFCWithInstall<DefineComponent<{
+    modalTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    apiUrls: {
+        type: StringConstructor;
+        default: string;
+    };
+    requestMethod: {
+        type: PropType<RequestMethod>;
+        default: string;
+    };
+    modalConfig: {
+        type: PropType<ModalConfig>;
+        default: () => {};
+    };
+    tableConfig: {
+        type: PropType<VxeTableProps<VxeTableDataRow>>;
+        default: () => {
+            height: number;
+            isTree: boolean;
+            radioConfig: {};
+            checkboxConfig: {
+                highlight: boolean;
+                reserve: boolean;
+                trigger: string;
+            };
+            pagerConfig: {};
+            treeConfig: {};
+        };
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    selectModal: {
+        type: PropType<ModalType>;
+        default: string;
+    };
+}, {
+    classes: ComputedRef<{
+        [x: string]: boolean;
+    }>;
+    selectGrid: Ref<VxeGridInstance<any> | null>;
+    data: {
+        url: string;
+        params: {
+            pageNo: number;
+            pageSize: number;
+            keyWord?: string | undefined;
+            total?: number | undefined;
+            align?: string | undefined;
+            pageSizes?: number[] | undefined;
+            layouts?: string[] | undefined;
+            perfect?: boolean | undefined;
+        };
+        modalLoading: boolean;
+        loading: boolean;
+    };
+    modalShow: Ref<boolean>;
+    modalConfigComputed: ComputedRef<any>;
+    tableConfigComputed: ComputedRef<any>;
+    tablePage: {
+        currentPage: number;
+        pageSize: number;
+        total?: number | undefined;
+        align?: string | undefined;
+        pageSizes?: number[] | undefined;
+        layouts?: string[] | undefined;
+        perfect?: boolean | undefined;
+    };
+    tableData: Ref<Record<string, unknown>[]>;
+    columns: Ref<{
+        type?: string | undefined;
+        field?: string | undefined;
+        title?: string | undefined;
+        align?: string | undefined;
+        fieldLabelI18nKey?: string | undefined;
+        width?: number | undefined;
+    }[]>;
+    form: {
+        keyWord: string;
+    };
+    selectModal: Ref<ModalType>;
+    getPagerConfig: ComputedRef<any>;
+    modalTitle: Ref<string>;
+    placeholder: Ref<string>;
+    open: ({ url, params, columns: col, selectModal: sm, requestMethod: rm }: OpenFuncType) => void;
+    close: () => void;
+    onSearch: (keyWord: string) => void;
+    handlePageChange: ({ currentPage, pageSize }: TablePage) => void;
+    selectedOk: () => void;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    modalTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    apiUrls: {
+        type: StringConstructor;
+        default: string;
+    };
+    requestMethod: {
+        type: PropType<RequestMethod>;
+        default: string;
+    };
+    modalConfig: {
+        type: PropType<ModalConfig>;
+        default: () => {};
+    };
+    tableConfig: {
+        type: PropType<VxeTableProps<VxeTableDataRow>>;
+        default: () => {
+            height: number;
+            isTree: boolean;
+            radioConfig: {};
+            checkboxConfig: {
+                highlight: boolean;
+                reserve: boolean;
+                trigger: string;
+            };
+            pagerConfig: {};
+            treeConfig: {};
+        };
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    selectModal: {
+        type: PropType<ModalType>;
+        default: string;
+    };
+}>>, {
+    apiUrls: string;
+    placeholder: string;
+    modalTitle: string;
+    requestMethod: RequestMethod;
+    modalConfig: ModalConfig;
+    tableConfig: VxeTableProps<VxeTableDataRow>;
+    selectModal: ModalType;
+}, {}>>;
+export default _default;

package/dist/lib/components/field-select-modal/src/field-select-modal-types.d.ts

@@ -0,0 +1,85 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+import type { VxeTableDataRow, VxeTableProps } from 'vxe-table';
+export interface ModalConfig {
+    isTree?: boolean;
+}
+export type RequestMethod = 'get' | 'post';
+export type TableConfig = VxeTableProps;
+export type ModalType = 'single' | 'multiple' | '';
+export interface Columns {
+    type?: string;
+    field?: string;
+    title?: string;
+    align?: string;
+    fieldLabelI18nKey?: string;
+    width?: number;
+}
+export interface OpenFuncType {
+    url: string;
+    params?: object;
+    columns: Columns[];
+    selectModal?: ModalType;
+    requestMethod?: RequestMethod;
+}
+interface BasePage {
+    total?: number;
+    align?: string;
+    pageSizes?: number[];
+    layouts?: string[];
+    perfect?: boolean;
+}
+export interface TablePage extends BasePage {
+    currentPage: number;
+    pageSize: number;
+}
+export interface Params extends BasePage {
+    pageNo: number;
+    pageSize: number;
+    keyWord?: string;
+}
+export interface EmptyObj {
+    [key: string]: never;
+}
+export declare const fieldSelectModalProps: {
+    modalTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    apiUrls: {
+        type: StringConstructor;
+        default: string;
+    };
+    requestMethod: {
+        type: PropType<RequestMethod>;
+        default: string;
+    };
+    modalConfig: {
+        type: PropType<ModalConfig>;
+        default: () => {};
+    };
+    tableConfig: {
+        type: PropType<VxeTableProps<VxeTableDataRow>>;
+        default: () => {
+            height: number;
+            isTree: boolean;
+            radioConfig: {};
+            checkboxConfig: {
+                highlight: boolean;
+                reserve: boolean;
+                trigger: string;
+            };
+            pagerConfig: {};
+            treeConfig: {};
+        };
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    selectModal: {
+        type: PropType<ModalType>;
+        default: string;
+    };
+};
+export type FieldSelectModalProps = ExtractPropTypes<typeof fieldSelectModalProps>;
+export {};

package/dist/lib/components/field-select-modal/src/field-select-modal.vue.d.ts

@@ -0,0 +1,146 @@
+import type { DefineComponent, PropType, Ref, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, ComputedRef } from 'vue';
+import type { RequestMethod, ModalConfig, ModalType, OpenFuncType,  TablePage } from './field-select-modal-types';
+import type { VxeTableProps, VxeTableDataRow, VxeGridInstance } from 'vxe-table';
+declare const _sfc_main: DefineComponent<{
+    modalTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    apiUrls: {
+        type: StringConstructor;
+        default: string;
+    };
+    requestMethod: {
+        type: PropType<RequestMethod>;
+        default: string;
+    };
+    modalConfig: {
+        type: PropType<ModalConfig>;
+        default: () => {};
+    };
+    tableConfig: {
+        type: PropType<VxeTableProps<VxeTableDataRow>>;
+        default: () => {
+            height: number;
+            isTree: boolean;
+            radioConfig: {};
+            checkboxConfig: {
+                highlight: boolean;
+                reserve: boolean;
+                trigger: string;
+            };
+            pagerConfig: {};
+            treeConfig: {};
+        };
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    selectModal: {
+        type: PropType<ModalType>;
+        default: string;
+    };
+}, {
+    classes: ComputedRef<{
+        [x: string]: boolean;
+    }>;
+    selectGrid: Ref<VxeGridInstance<any> | null>;
+    data: {
+        url: string;
+        params: {
+            pageNo: number;
+            pageSize: number;
+            keyWord?: string | undefined;
+            total?: number | undefined;
+            align?: string | undefined;
+            pageSizes?: number[] | undefined;
+            layouts?: string[] | undefined;
+            perfect?: boolean | undefined;
+        };
+        modalLoading: boolean;
+        loading: boolean;
+    };
+    modalShow: Ref<boolean>;
+    modalConfigComputed: ComputedRef<any>;
+    tableConfigComputed: ComputedRef<any>;
+    tablePage: {
+        currentPage: number;
+        pageSize: number;
+        total?: number | undefined;
+        align?: string | undefined;
+        pageSizes?: number[] | undefined;
+        layouts?: string[] | undefined;
+        perfect?: boolean | undefined;
+    };
+    tableData: Ref<Record<string, unknown>[]>;
+    columns: Ref<{
+        type?: string | undefined;
+        field?: string | undefined;
+        title?: string | undefined;
+        align?: string | undefined;
+        fieldLabelI18nKey?: string | undefined;
+        width?: number | undefined;
+    }[]>;
+    form: {
+        keyWord: string;
+    };
+    selectModal: Ref<ModalType>;
+    getPagerConfig: ComputedRef<any>;
+    modalTitle: Ref<string>;
+    placeholder: Ref<string>;
+    open: ({ url, params, columns: col, selectModal: sm, requestMethod: rm }: OpenFuncType) => void;
+    close: () => void;
+    onSearch: (keyWord: string) => void;
+    handlePageChange: ({ currentPage, pageSize }: TablePage) => void;
+    selectedOk: () => void;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    modalTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    apiUrls: {
+        type: StringConstructor;
+        default: string;
+    };
+    requestMethod: {
+        type: PropType<RequestMethod>;
+        default: string;
+    };
+    modalConfig: {
+        type: PropType<ModalConfig>;
+        default: () => {};
+    };
+    tableConfig: {
+        type: PropType<VxeTableProps<VxeTableDataRow>>;
+        default: () => {
+            height: number;
+            isTree: boolean;
+            radioConfig: {};
+            checkboxConfig: {
+                highlight: boolean;
+                reserve: boolean;
+                trigger: string;
+            };
+            pagerConfig: {};
+            treeConfig: {};
+        };
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    selectModal: {
+        type: PropType<ModalType>;
+        default: string;
+    };
+}>>, {
+    apiUrls: string;
+    placeholder: string;
+    modalTitle: string;
+    requestMethod: RequestMethod;
+    modalConfig: ModalConfig;
+    tableConfig: VxeTableProps<VxeTableDataRow>;
+    selectModal: ModalType;
+}, {}>;
+export default _sfc_main;

package/dist/lib/components/field-select-modal/src/use-field-select-modal.d.ts

@@ -0,0 +1,6 @@
+import type { ComputedRef } from 'vue';
+export default function useFieldSelectModal(): {
+    classes: ComputedRef<{
+        [x: string]: boolean;
+    }>;
+};

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

@@ -1,13 +1,33 @@
 import * as QLayout from './layout';
 import * as QSwitch from './switch';
 import * as QSelect from './select';
+import * as QTreeSelect from './tree-select';
+import * as QVxeSelect from './vxe-select';
 import * as QCascader from './cascader';
+import * as QBreadcrumb from './breadcrumb';
+import * as QCollapseTransition from './collapse-transition';
+import * as QFieldSelectModal from './field-select-modal';
+import * as QSelectModal from './select-modal';
+import * as QRemoteSelect from './remote-select';
+import * as QEditor from './editor';
 import * as QEditPageLayout from './edit-page-layout';
+import * as QDetailPageLayout from './detail-page-layout';
 import * as QPageLayout from './page-layout';
 import * as QLayoutPattern from './layout-pattern';
-import * as QLayoutHeader from './layout-header';
 import * as QLayoutButtons from './layout-buttons';
-import * as QLayoutAuchor from './layout-auchor';
+import * as QLayoutAnchor from './layout-anchor';
 import * as QEditForm from './edit-form';
+import * as QDetailForm from './detail-form';
 import * as QEditGrid from './edit-grid';
-export { QLayout, QSwitch, QSelect, QCascader, QEditPageLayout, QPageLayout, QLayoutPattern, QLayoutHeader, QLayoutButtons, QLayoutAuchor, QEditForm, QEditGrid };
+import * as QDetailGrid from './detail-grid';
+import * as QItemWrap from './item-wrap';
+import * as QListLayout from './list-page-layout';
+import * as QRadio from './radio';
+import * as QCodeEditorModel from './codeEditorModel';
+import * as QCheckBox from './checkbox';
+import * as QCurrency from './currency';
+import * as QUploadImage from './upload-image';
+import * as QUploadFile from './upload-file';
+import * as QCoutdown from './coutdown/index';
+import * as QCardListLayout from './card-list-layout/index';
+export { QLayout, QSwitch, QSelect, QTreeSelect, QVxeSelect, QCascader, QBreadcrumb, QCollapseTransition, QEditPageLayout, QDetailPageLayout, QPageLayout, QLayoutPattern, QLayoutButtons, QLayoutAnchor, QEditForm, QDetailForm, QEditGrid, QDetailGrid, QItemWrap, QListLayout, QRadio, QFieldSelectModal, QCodeEditorModel, QCheckBox, QCurrency, QSelectModal, QUploadImage, QRemoteSelect, QEditor, QUploadFile, QCoutdown, QCardListLayout, };

package/dist/lib/components/item-wrap/index.d.ts

@@ -0,0 +1,57 @@
+import type { requiredValidator } from './src/item-wrap-types';
+import type { DefineComponent, PropType, ComputedRef, Ref, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from 'vue';
+import type { SFCWithInstall } from '@qqt-product/utils/dist/modules/withInstall';
+import QItemWrap from './src/item-wrap.vue';
+export * from './src/item-wrap-types';
+export { QItemWrap };
+declare const _default: SFCWithInstall<DefineComponent<{
+    readonly required: {
+        readonly type: PropType<"0" | "1">;
+        readonly default: "";
+        readonly validator: typeof requiredValidator;
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly label: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly helpText: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+}, {
+    classes: ComputedRef<{
+        [key: string]: string | boolean;
+    }>;
+    label: string;
+    helpText: string;
+    required: Ref<"0" | "1">;
+    disabled: Ref<boolean>;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    readonly required: {
+        readonly type: PropType<"0" | "1">;
+        readonly default: "";
+        readonly validator: typeof requiredValidator;
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly label: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly helpText: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+}>>, {
+    readonly label: string;
+    readonly disabled: boolean;
+    readonly required: "0" | "1";
+    readonly helpText: string;
+}, {}>>;
+export default _default;

package/dist/lib/components/item-wrap/src/item-wrap-types.d.ts

@@ -0,0 +1,27 @@
+import type { ComputedRef, PropType, ExtractPropTypes } from 'vue';
+export declare function requiredValidator(val: string): boolean;
+export declare const itemWrapProps: {
+    readonly required: {
+        readonly type: PropType<"0" | "1">;
+        readonly default: "";
+        readonly validator: typeof requiredValidator;
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly label: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly helpText: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+};
+export type ItemWrapProps = ExtractPropTypes<typeof itemWrapProps>;
+export interface ItemWrapReturnType {
+    classes: ComputedRef<{
+        [key: string]: string | boolean;
+    }>;
+}

package/dist/lib/components/item-wrap/src/item-wrap.vue.d.ts

@@ -0,0 +1,53 @@
+import type { requiredValidator } from './item-wrap-types';
+import type { DefineComponent, PropType, ComputedRef, Ref, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from 'vue';
+declare const _sfc_main: DefineComponent<{
+    readonly required: {
+        readonly type: PropType<"0" | "1">;
+        readonly default: "";
+        readonly validator: typeof requiredValidator;
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly label: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly helpText: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+}, {
+    classes: ComputedRef<{
+        [key: string]: string | boolean;
+    }>;
+    label: string;
+    helpText: string;
+    required: Ref<"0" | "1">;
+    disabled: Ref<boolean>;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    readonly required: {
+        readonly type: PropType<"0" | "1">;
+        readonly default: "";
+        readonly validator: typeof requiredValidator;
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly label: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly helpText: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+}>>, {
+    readonly label: string;
+    readonly disabled: boolean;
+    readonly required: "0" | "1";
+    readonly helpText: string;
+}, {}>;
+export default _sfc_main;

package/dist/lib/components/item-wrap/src/use-item-wrap.d.ts

@@ -0,0 +1,2 @@
+import { ItemWrapProps, ItemWrapReturnType } from './item-wrap-types';
+export default function useInput(props: ItemWrapProps): ItemWrapReturnType;