@duxweb/dvha-pro 1.0.23 → 1.0.25

package/dist/types/components/image/pages/RightPanel.d.ts

@@ -0,0 +1,208 @@
+import type { PropType } from 'vue';
+import type { ElementData, ToolbarControl } from '../elements/types';
+export interface RightPanelProps {
+    hasMultipleSelection: boolean;
+    selectedElementsCount: number;
+    currentElementData?: ElementData;
+    currentElementConfig?: any;
+    canMoveUp: boolean;
+    canMoveDown: boolean;
+    canMoveToFront: boolean;
+    canMoveToBack: boolean;
+    canvasWidth: number;
+    canvasHeight: number;
+    canvasBackgroundColor: string;
+    canvasBackgroundImage?: string;
+    onDeleteSelectedElements: () => void;
+    onAlignElements: (type: string) => void;
+    onUpdateElementProperty: (id: string, key: string, value: any) => void;
+    onUpdateCanvasSize: (width: number, height: number) => void;
+    onUpdateCanvasBackground: (color: string) => void;
+    onUpdateCanvasBackgroundImage: (imageUrl: string) => void;
+    onSaveData: () => void;
+    onExportJson: () => void;
+    onRenderToolbarControl: (control: ToolbarControl) => any;
+    onClearCanvas: () => void;
+    canvasScale: number;
+}
+export declare const RightPanel: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    hasMultipleSelection: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    selectedElementsCount: {
+        type: NumberConstructor;
+        required: true;
+    };
+    currentElementData: {
+        type: PropType<ElementData>;
+    };
+    currentElementConfig: {
+        type: ObjectConstructor;
+    };
+    canMoveUp: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    canMoveDown: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    canMoveToFront: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    canMoveToBack: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    canvasWidth: {
+        type: NumberConstructor;
+        required: true;
+    };
+    canvasHeight: {
+        type: NumberConstructor;
+        required: true;
+    };
+    canvasBackgroundColor: {
+        type: StringConstructor;
+        required: true;
+    };
+    canvasBackgroundImage: {
+        type: StringConstructor;
+    };
+    onDeleteSelectedElements: {
+        type: PropType<() => void>;
+        required: true;
+    };
+    onAlignElements: {
+        type: PropType<(type: string) => void>;
+        required: true;
+    };
+    onUpdateElementProperty: {
+        type: PropType<(id: string, key: string, value: any) => void>;
+        required: true;
+    };
+    onUpdateCanvasSize: {
+        type: PropType<(width: number, height: number) => void>;
+        required: true;
+    };
+    onUpdateCanvasBackground: {
+        type: PropType<(color: string) => void>;
+        required: true;
+    };
+    onUpdateCanvasBackgroundImage: {
+        type: PropType<(imageUrl: string) => void>;
+        required: true;
+    };
+    onSaveData: {
+        type: PropType<() => void>;
+        required: true;
+    };
+    onExportJson: {
+        type: PropType<() => void>;
+        required: true;
+    };
+    onRenderToolbarControl: {
+        type: PropType<(control: ToolbarControl) => any>;
+        required: true;
+    };
+    onClearCanvas: {
+        type: PropType<() => void>;
+        required: true;
+    };
+    canvasScale: {
+        type: NumberConstructor;
+        required: true;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    hasMultipleSelection: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    selectedElementsCount: {
+        type: NumberConstructor;
+        required: true;
+    };
+    currentElementData: {
+        type: PropType<ElementData>;
+    };
+    currentElementConfig: {
+        type: ObjectConstructor;
+    };
+    canMoveUp: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    canMoveDown: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    canMoveToFront: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    canMoveToBack: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    canvasWidth: {
+        type: NumberConstructor;
+        required: true;
+    };
+    canvasHeight: {
+        type: NumberConstructor;
+        required: true;
+    };
+    canvasBackgroundColor: {
+        type: StringConstructor;
+        required: true;
+    };
+    canvasBackgroundImage: {
+        type: StringConstructor;
+    };
+    onDeleteSelectedElements: {
+        type: PropType<() => void>;
+        required: true;
+    };
+    onAlignElements: {
+        type: PropType<(type: string) => void>;
+        required: true;
+    };
+    onUpdateElementProperty: {
+        type: PropType<(id: string, key: string, value: any) => void>;
+        required: true;
+    };
+    onUpdateCanvasSize: {
+        type: PropType<(width: number, height: number) => void>;
+        required: true;
+    };
+    onUpdateCanvasBackground: {
+        type: PropType<(color: string) => void>;
+        required: true;
+    };
+    onUpdateCanvasBackgroundImage: {
+        type: PropType<(imageUrl: string) => void>;
+        required: true;
+    };
+    onSaveData: {
+        type: PropType<() => void>;
+        required: true;
+    };
+    onExportJson: {
+        type: PropType<() => void>;
+        required: true;
+    };
+    onRenderToolbarControl: {
+        type: PropType<(control: ToolbarControl) => any>;
+        required: true;
+    };
+    onClearCanvas: {
+        type: PropType<() => void>;
+        required: true;
+    };
+    canvasScale: {
+        type: NumberConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/types/components/image/pages/index.d.ts

@@ -0,0 +1,4 @@
+export { LeftToolbar } from './LeftToolbar';
+export type { LeftToolbarProps } from './LeftToolbar';
+export { RightPanel } from './RightPanel';
+export type { RightPanelProps } from './RightPanel';

package/dist/types/components/image/posterEditor.d.ts

@@ -0,0 +1,61 @@
+import type { PropType } from 'vue';
+export interface PosterEditorProps {
+    data?: string;
+    width?: number;
+    height?: number;
+    backgroundColor?: string;
+    backgroundImage?: string;
+}
+export declare const DuxPosterEditor: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    data: {
+        type: PropType<string>;
+        default: string;
+    };
+    width: {
+        type: PropType<number>;
+        default: number;
+    };
+    height: {
+        type: PropType<number>;
+        default: number;
+    };
+    backgroundColor: {
+        type: PropType<string>;
+        default: string;
+    };
+    backgroundImage: {
+        type: PropType<string>;
+        default: string;
+    };
+    onDataUpdate: PropType<(data?: string) => void>;
+    onSave: PropType<(data?: string) => void>;
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: PropType<string>;
+        default: string;
+    };
+    width: {
+        type: PropType<number>;
+        default: number;
+    };
+    height: {
+        type: PropType<number>;
+        default: number;
+    };
+    backgroundColor: {
+        type: PropType<string>;
+        default: string;
+    };
+    backgroundImage: {
+        type: PropType<string>;
+        default: string;
+    };
+    onDataUpdate: PropType<(data?: string) => void>;
+    onSave: PropType<(data?: string) => void>;
+}>> & Readonly<{}>, {
+    data: string;
+    height: number;
+    width: number;
+    backgroundColor: string;
+    backgroundImage: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/types/components/image/types/editor.d.ts

@@ -0,0 +1,47 @@
+import type { Canvas, FabricObject } from 'fabric';
+export interface PropertyControl {
+    key: string;
+    label: string;
+    type: 'input' | 'number' | 'color' | 'select' | 'button' | 'textarea' | 'slider';
+    value: any;
+    min?: number;
+    max?: number;
+    options?: Array<{
+        label: string;
+        value: any;
+    }>;
+    action?: () => void;
+    disabled?: boolean;
+}
+export interface ElementPlugin {
+    id: string;
+    name: string;
+    icon: string;
+    category: string;
+    elementTypes: string[];
+    create: (options?: any) => {
+        type: string;
+        config: any;
+    };
+    getToolbarControls: (object: FabricObject, context: {
+        updateProperty: (key: string, value: any) => void;
+        canvas: Canvas | null;
+    }) => PropertyControl[];
+}
+export interface CanvasSettings {
+    width: number;
+    height: number;
+    backgroundColor: string;
+    backgroundImage: string | null;
+}
+export interface FabricElement {
+    id: string;
+    type: string;
+    config: any;
+    elementType?: string;
+}
+export interface AlignmentControl {
+    key: string;
+    label: string;
+    action: () => void;
+}

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

@@ -1,6 +1,7 @@
 export * from './card';
 export * from './carousel';
 export * from './chart';
+export * from './code';
 export * from './crop';
 export * from './dashboard';
 export * from './data';
@@ -10,6 +11,7 @@ export * from './drawer';
 export * from './editor';
 export * from './form';
 export * from './icon';
+export * from './image';
 export * from './layout';
 export * from './level';
 export * from './list';
@@ -22,6 +24,4 @@ export * from './status';
 export * from './table';
 export * from './tree';
 export * from './upload';
-export * from './upload';
 export * from './widget';
-export * from './code';

package/dist/types/components/layout/table.d.ts

@@ -21,6 +21,10 @@ export declare const DuxTableLayout: import("vue").DefineComponent<import("vue")
     filterSchema: {
         type: PropType<JsonSchemaNode[]>;
     };
+    filterNumber: {
+        type: NumberConstructor;
+        default: number;
+    };
     columns: {
         type: PropType<TableColumn[]>;
     };
@@ -63,6 +67,10 @@ export declare const DuxTableLayout: import("vue").DefineComponent<import("vue")
     filterSchema: {
         type: PropType<JsonSchemaNode[]>;
     };
+    filterNumber: {
+        type: NumberConstructor;
+        default: number;
+    };
     columns: {
         type: PropType<TableColumn[]>;
     };
@@ -99,4 +107,5 @@ export declare const DuxTableLayout: import("vue").DefineComponent<import("vue")
     actions: UseActionItem[];
     sideLeftTitle: string;
     sideRightTitle: string;
+    filterNumber: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/types/components/stats/number.d.ts

@@ -46,5 +46,5 @@ export declare const DuxStatsNumber: import("vue").DefineComponent<import("vue")
     value: string | number;
     change: number;
     subtitle: string;
-    changeType: "up" | "down";
+    changeType: "down" | "up";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/types/components/table/tablePage.d.ts

@@ -16,6 +16,10 @@ export declare const DuxTablePage: import("vue").DefineComponent<import("vue").E
     filterSchema: {
         type: PropType<import("@duxweb/dvha-core").JsonSchemaNode[]>;
     };
+    filterNumber: {
+        type: NumberConstructor;
+        default: number;
+    };
     columns: {
         type: PropType<import("@duxweb/dvha-naiveui").TableColumn[]>;
     };
@@ -58,6 +62,10 @@ export declare const DuxTablePage: import("vue").DefineComponent<import("vue").E
     filterSchema: {
         type: PropType<import("@duxweb/dvha-core").JsonSchemaNode[]>;
     };
+    filterNumber: {
+        type: NumberConstructor;
+        default: number;
+    };
     columns: {
         type: PropType<import("@duxweb/dvha-naiveui").TableColumn[]>;
     };
@@ -94,6 +102,7 @@ export declare const DuxTablePage: import("vue").DefineComponent<import("vue").E
     actions: import("../..").UseActionItem[];
     sideLeftTitle: string;
     sideRightTitle: string;
+    filterNumber: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     tableProps: {
         type: PropType<DataTableProps>;

package/dist/types/components/upload/file.d.ts

@@ -1,13 +1,15 @@
 import type { IDataProviderResponse, IS3SignData } from '@duxweb/dvha-core';
 import type { IUploadParams } from './manager';
+type IUploadValue = Record<string, any>[] | Record<string, any>;
 export interface IUploadProps extends IUploadParams {
     driver?: 'local' | 's3';
     signPath?: string;
     signCallback?: (response: IDataProviderResponse) => IS3SignData;
     managePath?: string;
-    value?: string | string[];
-    defaultValue?: string | string[];
-    onUpdateValue?: (value?: string | string[]) => void;
+    value?: IUploadValue;
+    defaultValue?: IUploadValue;
+    onUpdateValue?: (value?: IUploadValue) => void;
     manager?: boolean;
 }
 export declare const DuxFileUpload: import("vue").DefineComponent<IUploadProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IUploadProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export {};

package/dist/types/hooks/table/color.d.ts

@@ -0,0 +1,13 @@
+export type ColumnColorType = 'success' | 'error' | 'warning' | 'info' | 'default';
+export interface ColumnColorTypeValue {
+    label?: string;
+    icon?: string;
+    value?: any;
+}
+export interface useTableColumnColorProps {
+    key?: string;
+    maps?: Partial<Record<ColumnColorType, ColumnColorTypeValue>>;
+}
+export declare function useTableColumnColor(): {
+    render: (props: useTableColumnColorProps) => (rowData: Record<string, any>, _rowIndex: number) => import("vue/jsx-runtime").JSX.Element | null;
+};

package/dist/types/hooks/table/column.d.ts

@@ -11,4 +11,5 @@ export declare function useTableColumn(props?: UseTableColumnProps): {
     renderInput: (props: import("./input").UseTableColumnInputProps) => (rowData: Record<string, any>, _rowIndex: number) => import("vue/jsx-runtime").JSX.Element;
     renderCopy: (props: import("./copy").UseTableColumnCopyProps) => (rowData: Record<string, any>, _rowIndex: number) => import("vue/jsx-runtime").JSX.Element;
     renderHidden: (props: import("./hidden").UseTableColumnHiddenProps) => (rowData: Record<string, any>, _rowIndex: number) => import("vue/jsx-runtime").JSX.Element;
+    renderColor: (props: import("./color").useTableColumnColorProps) => (rowData: Record<string, any>, _rowIndex: number) => import("vue/jsx-runtime").JSX.Element | null;
 };

package/dist/types/hooks/table/index.d.ts

@@ -1,3 +1,4 @@
+export * from './color';
 export * from './column';
 export * from './image';
 export * from './map';

package/dist/types/index.d.ts

@@ -8,3 +8,4 @@ export * from './main';
 export * from './pages';
 export * from './stores';
 export * from './theme';
+export { default as VueKonva } from 'vue-konva';

package/dist/types/pages/layout/global.d.ts

@@ -1,2 +1 @@
-import 'echarts';
 export declare const DuxGlobalLayout: import("vue").DefineComponent<{}, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@duxweb/dvha-pro",
   "type": "module",
-  "version": "1.0.23",
+  "version": "1.0.25",
   "author": "DuxWeb",
   "license": "MIT",
   "repository": {
@@ -33,8 +33,8 @@
   ],
   "dependencies": {
     "@ant-design/colors": "^7.2.1",
-    "@duxweb/dvha-core": "^1.0.23",
-    "@duxweb/dvha-naiveui": "^1.0.23",
+    "@duxweb/dvha-core": "^1.0.25",
+    "@duxweb/dvha-naiveui": "^1.0.25",
     "@iconify-json/tabler": "^1.2.18",
     "@overlastic/vue": "^0.8.1",
     "@tanstack/vue-query": "^5.80.7",
@@ -51,8 +51,10 @@
     "colorizr": "^3.0.8",
     "dayjs": "^1.11.13",
     "echarts": "^5.6.0",
+    "fabric": "^6.7.0",
     "jinrishici": "^1.0.6",
     "jsep": "^1.4.0",
+    "konva": "^9.3.20",
     "lodash-es": "^4.17.21",
     "mathjs": "^14.5.2",
     "mime": "^4.0.7",
@@ -66,6 +68,7 @@
     "vue-cropper": "^1.1.4",
     "vue-draggable-plus": "^0.6.0",
     "vue-echarts": "^7.0.3",
+    "vue-konva": "^3.2.1",
     "vue-router": "^4.5.1",
     "vue3-ace-editor": "^2.2.4"
   },