@ibiz-template/vue3-components 0.7.34 → 0.7.37-alpha.5

package/es/editor/upload/ibiz-image-upload/ibiz-image-upload.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, createVNode, resolveComponent, mergeProps } from 'vue';
+import { ref, computed, createVNode, resolveComponent, mergeProps, defineComponent } from 'vue';
 import { getUploadProps, getEditorEmits, useNamespace, useAutoFocusBlur, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import './ibiz-image-upload.css';
 import { useIViewUpload } from '../use/use-iview-upload.mjs';
@@ -40,7 +40,9 @@ const IBizImageUpload = /* @__PURE__ */ defineComponent({
     const onPreview = (file) => {
       dialogImageUrl.value = [];
       files.value.forEach((i) => {
-        if (i.url) {
+        if (i.base64) {
+          dialogImageUrl.value.push(i.base64);
+        } else if (i.url) {
           dialogImageUrl.value.push(i.url);
         }
       });
@@ -91,7 +93,7 @@ const IBizImageUpload = /* @__PURE__ */ defineComponent({
       "key": item.id,
       "class": this.ns.e("list-item")
     }, [createVNode("img", {
-      "src": item.url
+      "src": item.base64 ? item.base64 : item.url
     }, null), createVNode("div", {
       "class": this.ns.e("list-item-cover")
     }, [createVNode("ion-icon", {

package/es/editor/upload/index.d.ts

@@ -0,0 +1,5 @@
+export { IBizFileUpload } from './ibiz-file-upload/ibiz-file-upload';
+export { IBizImageUpload } from './ibiz-image-upload/ibiz-image-upload';
+export { IBizImagePreview } from './ibiz-image-preview/ibiz-image-preview';
+export * from './upload-editor.controller';
+export * from './upload-editor.provider';

package/es/editor/upload/upload-editor.controller.d.ts

@@ -0,0 +1,46 @@
+import { EditorController } from '@ibiz-template/runtime';
+import { IFileUploader } from '@ibiz/model-core';
+/**
+ * 文件上传编辑器控制器
+ * @return {*}
+ * @author: zhujiamin
+ * @Date: 2022-08-25 10:57:58
+ */
+export declare class UploadEditorController extends EditorController<IFileUploader> {
+    /**
+     * 是否支持拖拽
+     */
+    isDrag: boolean;
+    /**
+     * 是否多选
+     */
+    multiple: boolean;
+    /**
+     * 接受上传的文件类型
+     */
+    accept: string;
+    /**
+     * 上传的文件大小
+     *
+     * @type {number}
+     * @memberof UploadEditorController
+     */
+    size: number;
+    /**
+     * 上传参数
+     */
+    uploadParams?: IParams;
+    /**
+     * 下载参数
+     */
+    exportParams?: IParams;
+    /**
+     * 自适应预览
+     * 只读状态下且配置了编辑器参数autoPreview ，加载完图片后自动调整大小达到预览态，且禁用图片hover工具栏
+     *
+     * @type {boolean}
+     * @memberof UploadEditorController
+     */
+    autoPreview: boolean;
+    protected onInit(): Promise<void>;
+}

package/es/editor/upload/upload-editor.provider.d.ts

@@ -0,0 +1,18 @@
+import { IEditorContainerController, IEditorProvider } from '@ibiz-template/runtime';
+import { IFileUploader } from '@ibiz/model-core';
+import { UploadEditorController } from './upload-editor.controller';
+/**
+ * 文件上传编辑器适配器
+ *
+ * @author lxm
+ * @date 2022-09-19 22:09:03
+ * @export
+ * @class FileUploaderEditorProvider
+ * @implements {EditorProvider}
+ */
+export declare class FileUploaderEditorProvider implements IEditorProvider {
+    formEditor: string;
+    gridEditor: string;
+    constructor(editorType: string);
+    createController(editorModel: IFileUploader, parentController: IEditorContainerController): Promise<UploadEditorController>;
+}

package/es/editor/upload/use/use-ibiz-upload.d.ts

@@ -0,0 +1,95 @@
+import { Ref } from 'vue';
+import { UploadEditorController } from '../upload-editor.controller';
+export type FileInfo = {
+    name: string;
+    id: string;
+    status?: 'uploading' | 'finished' | 'fail' | 'cancel';
+    percentage?: number;
+    url?: string;
+    /**
+     * 文件名（不带后缀）
+     */
+    fileName?: string;
+    /**
+     * 文件类型（拓展名）
+     */
+    fileExt?: string;
+    /**
+     * 是否是图片
+     */
+    isImage?: boolean;
+};
+/**
+ * 格式化文件信息
+ *
+ * @author lxm
+ * @date 2022-11-18 15:11:38
+ * @param {FileInfo} file
+ */
+export declare function formatFileInfo(file: FileInfo, downloadUrl: string): FileInfo;
+/**
+ * 文件上传组件初始化，解析props并得到downloadUrl、uploadUrl、fileList
+ *
+ * @author lxm
+ * @date 2022-11-21 10:11:01
+ * @export
+ * @param {{
+ *   data: Ref<IData>;
+ *   value: Ref<string>;
+ *   controller: Ref<UploadEditorController>;
+ * }} props
+ * @returns {*}
+ */
+export declare function useIBizUploadInit(props: {
+    data: Ref<IData>;
+    value: Ref<string | undefined>;
+    controller: Ref<UploadEditorController>;
+}): {
+    downloadUrl: Ref<string>;
+    uploadUrl: Ref<string>;
+    valueList: Ref<FileInfo[]>;
+};
+/**
+ * 使用文件上传功能，传递外部已存在的文件集合，上传下载基础路径
+ *
+ * @author lxm
+ * @date 2022-11-21 10:11:01
+ * @export
+ * @param {{
+ *   downloadUrl: Ref<string>;
+ *   uploadUrl: Ref<string>;
+ *   value: Ref<
+ *     {
+ *       name: string;
+ *       id: string;
+ *       url?: string;
+ *     }[]
+ *   >;
+ * }} opts
+ * @returns {*}
+ */
+export declare function useIBizUpload(opts: {
+    downloadUrl: Ref<string>;
+    uploadUrl: Ref<string>;
+    value: Ref<{
+        name: string;
+        id: string;
+        url?: string;
+    }[]>;
+    multiple?: boolean;
+    accept?: string;
+}): {
+    selectFile: () => void;
+    fileList: Ref<{
+        name: string;
+        id: string;
+        status?: 'uploading' | 'finished' | 'fail' | 'cancel' | undefined;
+        percentage?: number | undefined;
+        url?: string | undefined;
+        fileName?: string | undefined;
+        fileExt?: string | undefined;
+        isImage?: boolean | undefined;
+    }[]>;
+    uploadState: Ref<'loading' | 'undo' | 'done'>;
+};
+export declare function openImagePreview(file: FileInfo): Promise<void>;

package/es/editor/upload/use/use-iview-upload.d.ts

@@ -0,0 +1,31 @@
+import { UploadRawFile } from 'element-plus';
+import { ComputedRef, Ref } from 'vue';
+import { UploadEditorController } from '../upload-editor.controller';
+/**
+ * iview的Upload适配逻辑
+ *
+ * @author lxm
+ * @date 2022-11-17 16:11:12
+ * @export
+ * @param {IParams} props
+ * @param {(_value: string | null) => {}} valueChange
+ * @param {UploadEditorController} c
+ * @returns {*}
+ */
+export declare function useIViewUpload(props: IParams, valueChange: (_value: string | null) => void, c: UploadEditorController): {
+    uploadUrl: Ref<string>;
+    downloadUrl: Ref<string>;
+    headers: Ref<IData>;
+    files: Ref<{
+        id: string;
+        name: string;
+        url?: string | undefined;
+        base64?: string | undefined;
+    }[]>;
+    limit: ComputedRef<1 | 9999>;
+    onDownload: (file: IData) => void;
+    onError: (...args: IData[]) => never;
+    onRemove: (file: IData) => void;
+    onSuccess: (response: IData) => void;
+    beforeUpload: (rawFile: UploadRawFile) => boolean;
+};

package/es/editor/upload/use/use-iview-upload.mjs

@@ -38,12 +38,44 @@ function useIViewUpload(props, valueChange, c) {
     },
     { immediate: true, deep: true }
   );
+  const fetchSVGAsBase64 = async (url) => {
+    try {
+      const response = await fetch(url);
+      if (!response.ok) {
+        throw new Error("Failed to fetch SVG: ".concat(response.status));
+      }
+      const blob = await response.blob();
+      const reader = new FileReader();
+      return new Promise((resolve, reject) => {
+        reader.onloadend = () => {
+          const base64String = reader.result;
+          if (base64String) {
+            const dataURL = base64String.replace(
+              "data:application/octet-stream;base64",
+              "data:image/svg+xml;base64"
+            );
+            resolve(dataURL);
+          }
+        };
+        reader.onerror = reject;
+        reader.readAsDataURL(blob);
+      });
+    } catch (error) {
+      console.error(error);
+      throw error;
+    }
+  };
   watch(
     files,
     (newVal) => {
       if ((newVal == null ? void 0 : newVal.length) && downloadUrl.value) {
         newVal.forEach((file) => {
           file.url = file.url || downloadUrl.value.replace("%fileId%", file.id);
+          if (file.name.split(".").pop() === "svg") {
+            fetchSVGAsBase64(file.url).then((base64String) => {
+              file.base64 = base64String;
+            });
+          }
         });
       }
     },
@@ -55,6 +87,11 @@ function useIViewUpload(props, valueChange, c) {
       if (newVal && files.value.length) {
         files.value.forEach((file) => {
           file.url = downloadUrl.value.replace("%fileId%", file.id);
+          if (file.name.split(".").pop() === "svg") {
+            fetchSVGAsBase64(file.url).then((base64String) => {
+              file.base64 = base64String;
+            });
+          }
         });
       }
     },

package/es/editor/user/ibiz-searchcond-edit/ibiz-searchcond-edit.controller.d.ts

@@ -0,0 +1,46 @@
+import { EditorController, SearchBarFilterController } from '@ibiz-template/runtime';
+import { IAppDataEntity, IPicker, ISearchBarFilter } from '@ibiz/model-core';
+/**
+ * 搜索过滤项编辑器控制器
+ *
+ * @author lxm
+ * @date 2022-08-24 20:08:25
+ * @export
+ * @class SearchCondEditEditorController
+ * @extends {EditorController}
+ */
+export declare class SearchCondEditEditorController extends EditorController<IPicker> {
+    protected onInit(): Promise<void>;
+    /**
+     * 过滤项集合
+     *
+     */
+    searchBarFilters: ISearchBarFilter[];
+    /**
+     * 过滤项控制器集合
+     *
+     */
+    filterControllers: SearchBarFilterController[];
+    /**
+     * 实体模型
+     * @author lxm
+     * @date 2023-10-13 02:49:59
+     * @type {IAppDataEntity}
+     */
+    appDataEntity: IAppDataEntity | null;
+    /**
+     * 根据实体jsonschema初始化
+     * @author lxm
+     * @date 2023-12-29 04:21:31
+     * @return {*}  {Promise<void>}
+     */
+    initByEntitySchema(): Promise<void>;
+    /**
+     * 初始化过滤项控制器
+     * @author lxm
+     * @date 2023-10-13 03:33:17
+     * @protected
+     * @return {*}  {Promise<void>}
+     */
+    protected initSearchBarFilters(): Promise<void>;
+}

package/es/editor/user/ibiz-searchcond-edit/ibiz-searchcond-edit.d.ts

@@ -0,0 +1,81 @@
+import { Ref } from 'vue';
+import './ibiz-searchcond-edit.scss';
+import { IFilterNode } from '@ibiz-template/runtime';
+import { SearchCondEditEditorController } from './ibiz-searchcond-edit.controller';
+export declare const IBizSearchCondEdit: import("vue").DefineComponent<{
+    value: (StringConstructor | NumberConstructor)[];
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<SearchCondEditEditorController>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    disabled: {
+        type: BooleanConstructor;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    overflowMode: {
+        type: StringConstructor;
+    };
+    controlParams: {
+        type: ObjectConstructor;
+        required: boolean;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    c: SearchCondEditEditorController;
+    currentVal: Ref<string | null>;
+    handleChange: (e: number | null) => void;
+    onFocus: (e: IData) => void;
+    onBlur: (e: IData) => void;
+    editorRef: Ref<any>;
+    handleKeyUp: (e: KeyboardEvent) => void;
+    isEditable: Ref<boolean>;
+    setEditable: (flag: boolean) => void;
+    showFormDefaultContent: import("vue").ComputedRef<boolean>;
+    filterNodes: Ref<IFilterNode[]>;
+    triggerFilter: () => void;
+    filterButtonRef: Ref<any>;
+    resetFilter: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (_value: unknown, _name?: string | undefined) => boolean;
+    blur: (_event?: IData | undefined) => boolean;
+    focus: (_event?: IData | undefined) => boolean;
+    enter: (_event?: IData | undefined) => boolean;
+    infoTextChange: (_text: string) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: (StringConstructor | NumberConstructor)[];
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<SearchCondEditEditorController>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    disabled: {
+        type: BooleanConstructor;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    overflowMode: {
+        type: StringConstructor;
+    };
+    controlParams: {
+        type: ObjectConstructor;
+        required: boolean;
+    };
+}>> & {
+    onFocus?: ((_event?: IData | undefined) => any) | undefined;
+    onBlur?: ((_event?: IData | undefined) => any) | undefined;
+    onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: IData | undefined) => any) | undefined;
+}, {
+    disabled: boolean;
+    readonly: boolean;
+    autoFocus: boolean;
+}, {}>;

package/es/editor/user/ibiz-searchcond-edit/ibiz-searchcond-edit.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, watch, createVNode, resolveComponent, mergeProps } from 'vue';
+import { ref, computed, watch, resolveComponent, createVNode, mergeProps, defineComponent } from 'vue';
 import { getInputProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import './ibiz-searchcond-edit.css';
 import { isNilOrEmpty } from 'qx-util';

package/es/editor/user/ibiz-searchcond-edit/ibiz-searchcond-edit.provider.d.ts

@@ -0,0 +1,17 @@
+import { IEditorContainerController, IEditorProvider } from '@ibiz-template/runtime';
+import { IPicker } from '@ibiz/model-core';
+import { SearchCondEditEditorController } from './ibiz-searchcond-edit.controller';
+/**
+ * 搜索过滤项编辑器适配器
+ *
+ * @author lxm
+ * @date 2022-09-19 22:09:03
+ * @export
+ * @class SearchCondEditEditorProvider
+ * @implements {EditorProvider}
+ */
+export declare class SearchCondEditEditorProvider implements IEditorProvider {
+    formEditor: string;
+    gridEditor: string;
+    createController(editorModel: IPicker, parentController: IEditorContainerController): Promise<SearchCondEditEditorController>;
+}

package/es/editor/user/ibiz-searchcond-edit/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ibiz-searchcond-edit.controller';
+export * from './ibiz-searchcond-edit.provider';
+export { IBizSearchCondEdit } from './ibiz-searchcond-edit';

package/es/editor/user/index.d.ts

@@ -0,0 +1 @@
+export * from './ibiz-searchcond-edit';

package/es/ibiz-vue3.d.ts

@@ -0,0 +1,5 @@
+import { App } from 'vue';
+declare const _default: {
+    install: (v: App) => void;
+};
+export default _default;

package/es/index.d.ts

@@ -0,0 +1,9 @@
+export * from './common';
+export * from './control';
+export * from './panel-component';
+export * from './editor';
+export * from './view';
+export * from './view-engine';
+export * from './util';
+export { i18n } from './locale';
+export * from './web-app';

package/es/index.mjs

@@ -77,6 +77,8 @@ export { ActionBarPortlet } from './control/dashboard/portlet/actionbar-portlet/
 export { IBizActionBarPortlet } from './control/dashboard/portlet/actionbar-portlet/index.mjs';
 export { ReportPortlet } from './control/dashboard/portlet/report-portlet/report-portlet.mjs';
 export { IBizReportPortlet } from './control/dashboard/portlet/report-portlet/index.mjs';
+export { FilterPortlet } from './control/dashboard/portlet/filter-portlet/filter-portlet.mjs';
+export { IBizFilterPortlet } from './control/dashboard/portlet/filter-portlet/index.mjs';
 export { IBizDashboardControl } from './control/dashboard/index.mjs';
 export { IBizCalendarControl } from './control/calendar/index.mjs';
 export { IBizKanbanControl } from './control/kanban/index.mjs';

package/es/interface/i-field.d.ts

@@ -0,0 +1,66 @@
+export interface IField {
+    /**
+     *  类型
+     *
+     * @author zhanghengfeng
+     * @date 2024-07-25 15:07:54
+     * @type {string}
+     */
+    type?: string;
+    /**
+     * 原始类型
+     *
+     * @author zhanghengfeng
+     * @date 2024-07-25 15:07:40
+     * @type {string}
+     */
+    originalType?: string;
+    /**
+     * 属性标识
+     *
+     * @author zhanghengfeng
+     * @date 2024-07-25 15:07:09
+     * @type {string}
+     */
+    appDEFieldId: string;
+    /**
+     * 属性标题
+     *
+     * @author zhanghengfeng
+     * @date 2024-07-25 15:07:23
+     * @type {string}
+     */
+    caption?: string;
+    /**
+     * 操作符
+     *
+     * @author zhanghengfeng
+     * @date 2024-07-25 18:07:00
+     * @type {{
+     *     valueOP: string;
+     *     label: string;
+     *     sqlOP: string;
+     *   }[]}
+     */
+    valueOPs?: {
+        valueOP: string;
+        label: string;
+        sqlOP: string;
+    }[];
+    /**
+     * 代码表标识
+     *
+     * @author zhanghengfeng
+     * @date 2024-07-25 18:07:19
+     * @type {string}
+     */
+    appCodeListId?: string;
+    /**
+     * 应用实体标识
+     *
+     * @author zhanghengfeng
+     * @date 2024-07-25 18:07:18
+     * @type {string}
+     */
+    appDataEntityId?: string;
+}

package/es/interface/i-field.mjs

@@ -0,0 +1 @@
+"use strict";

package/es/interface/i-filter-condition.d.ts

@@ -0,0 +1,52 @@
+import { IEditorController, IEditorProvider } from '@ibiz-template/runtime';
+import { IEditor } from '@ibiz/model-core';
+export interface IFilterCondition {
+    /**
+     * 标识
+     *
+     * @author zhanghengfeng
+     * @date 2024-07-25 15:07:07
+     * @type {string}
+     */
+    key: string;
+    /**
+     * 属性字段
+     *
+     * @author zhanghengfeng
+     * @date 2024-07-25 15:07:18
+     * @type {string}
+     */
+    field: string;
+    /**
+     * 操作符
+     *
+     * @author zhanghengfeng
+     * @date 2024-07-25 15:07:26
+     * @type {string}
+     */
+    valueOP: string;
+    /**
+     * 值
+     *
+     * @author zhanghengfeng
+     * @date 2024-07-25 15:07:37
+     * @type {unknown}
+     */
+    value?: unknown;
+    /**
+     * 编辑器适配器
+     *
+     * @author zhanghengfeng
+     * @date 2024-07-25 15:07:46
+     * @type {IEditorProvider}
+     */
+    editorProvider?: IEditorProvider;
+    /**
+     * 编辑器
+     *
+     * @author zhanghengfeng
+     * @date 2024-07-25 15:07:58
+     * @type {IEditorController<IEditor>}
+     */
+    editor?: IEditorController<IEditor>;
+}

package/es/interface/i-filter-condition.mjs

@@ -0,0 +1 @@
+"use strict";

package/es/interface/i-pql-item.d.ts

@@ -0,0 +1,53 @@
+export interface IPqlItem {
+    /**
+     * 类型
+     *
+     * @author zhanghengfeng
+     * @date 2024-07-12 22:07:04
+     * @type {('condition' | 'connection')}
+     */
+    type?: 'condition' | 'connection';
+    /**
+     * 键
+     *
+     * @author zhanghengfeng
+     * @date 2024-07-12 22:07:12
+     * @type {{
+     *     value?: string;
+     *     label?: string;
+     *   }}
+     */
+    key?: {
+        value?: string;
+        label?: string;
+    };
+    /**
+     * 操作符
+     *
+     * @author zhanghengfeng
+     * @date 2024-07-12 22:07:24
+     * @type {{
+     *     value?: string;
+     *     label?: string;
+     *   }}
+     */
+    operator?: {
+        value?: string;
+        label?: string;
+    };
+    /**
+     * 值
+     *
+     * @author zhanghengfeng
+     * @date 2024-07-12 22:07:31
+     * @type {{
+     *     value?: string;
+     *     label?: string;
+     *   }}
+     */
+    value?: {
+        value?: string;
+        label?: string;
+        type?: string;
+    };
+}

package/es/interface/i-pql-node-item.d.ts

@@ -0,0 +1,35 @@
+import { IPqlNode } from './i-pql-node';
+export interface IPqlNodeItem {
+    /**
+     * 类型
+     *
+     * @author zhanghengfeng
+     * @date 2024-07-30 19:07:38
+     * @type {('connection' | 'condition')}
+     */
+    type?: 'connection' | 'condition';
+    /**
+     * 属性
+     *
+     * @author zhanghengfeng
+     * @date 2024-07-30 19:07:50
+     * @type {IPqlNode}
+     */
+    key?: IPqlNode;
+    /**
+     * 操作符
+     *
+     * @author zhanghengfeng
+     * @date 2024-07-30 19:07:59
+     * @type {IPqlNode}
+     */
+    operator?: IPqlNode;
+    /**
+     * 值
+     *
+     * @author zhanghengfeng
+     * @date 2024-07-30 19:07:08
+     * @type {IPqlNode[]}
+     */
+    value?: IPqlNode[];
+}