@ibiz-template/vue3-components 0.7.34 → 0.7.38-alpha.12

package/es/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.mjs

@@ -1,6 +1,7 @@
 import { defineComponent, ref, computed, watch, nextTick, onMounted, onUnmounted, createVNode, resolveComponent, mergeProps } from 'vue';
 import { getDropdownProps, getEditorEmits, useNamespace, useCodeListListen, useClickOutside } from '@ibiz-template/vue3-util';
 import { showTitle } from '@ibiz-template/core';
+import { useCodeListSelection } from '@ibiz-template/runtime';
 import './ibiz-dropdown.css';
 
 "use strict";
@@ -72,9 +73,12 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
         }
       }
       isLoading.value = true;
-      const codeList = await c.loadCodeList(props.data);
+      let codeList = await c.loadCodeList(props.data);
+      if (c.multiple && !codeList.some((item) => item.children)) {
+        codeList = c.handleCodeListAllItems(codeList);
+      }
       isLoadedCodeList.value = true;
-      if (c.blankItemName) {
+      if (c.blankItemName && !c.multiple) {
         items.value = [{
           value: void 0,
           text: c.blankItemName
@@ -101,6 +105,29 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
     }, {
       immediate: true
     });
+    const useEditorNavParams = () => {
+      const {
+        navigateContexts = [],
+        navigateParams = []
+      } = c.model;
+      const navParamName = [];
+      [...navigateContexts, ...navigateParams].forEach((nav) => {
+        if (!nav.rawValue && nav.value) {
+          navParamName.push(nav.value);
+        }
+      });
+      watch(() => {
+        const data = {};
+        Object.keys(props.data).forEach((key) => {
+          if (navParamName.includes(key)) {
+            data[key] = props.data[key];
+          }
+        });
+        return data;
+      }, () => loadCodeList(), {
+        deep: true
+      });
+    };
     const setEditable = (flag) => {
       if (flag) {
         isEditable.value = flag;
@@ -114,6 +141,10 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
       const list = hasChildren.value ? codeListItems.value : items.value;
       return list.find((item) => item.value === value);
     };
+    const {
+      getSelection,
+      getSelectionValue
+    } = useCodeListSelection(c.allItemsValue);
     const curValue = computed({
       get() {
         var _a, _b, _c;
@@ -124,9 +155,15 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
           return (_a = props.data[editorItems[0].id]) == null ? void 0 : _a.toString();
         }
         if (props.value && typeof props.value === "string") {
+          if (c.allItems && c.multiple && !hasChildren.value) {
+            return getSelection([], props.value.split(","), items.value, items.value).map((v) => "".concat(v));
+          }
           return c.multiple ? (_b = props.value) == null ? void 0 : _b.toString().split(",") : props.value.toString();
         }
         if (props.value && Array.isArray(props.value)) {
+          if (c.allItems && c.multiple && !hasChildren.value) {
+            return getSelection([], props.value, items.value, items.value).map((v) => "".concat(v));
+          }
           return c.multiple ? props.value : props.value.toString();
         }
         return (_c = props.value) == null ? void 0 : _c.toString();
@@ -137,6 +174,10 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
           select = void 0;
         }
         if (Array.isArray(select)) {
+          if (c.allItems && c.multiple && !hasChildren.value) {
+            const selection = getSelection(curValue.value, select, items.value, items.value);
+            select = getSelectionValue(selection).map((v) => "".concat(v));
+          }
           let selectArr = null;
           if (select.length === 0) {
             selectArr = null;
@@ -213,22 +254,30 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
       return list.find((item) => item.text === text);
     };
     const onVisibleChange = async (visible) => {
-      if (visible && !isLoadedCodeList.value) {
+      if (visible && (!isLoadedCodeList.value || c.editorParams.alwaysLoad === "true")) {
         await loadCodeList();
         if (hasChildren.value && editorRef.value && editorState !== "outside") {
           nextTick(() => {
             editorRef.value.focus();
           });
         }
+        nextTick(() => {
+          window.dispatchEvent(new Event("resize"));
+        });
       }
     };
     const fn = (data) => {
       if (data) {
+        if (c.multiple && !data.some((item) => item.children)) {
+          items.value = c.handleCodeListAllItems(data);
+          return;
+        }
         items.value = data;
       }
     };
     useCodeListListen(c.model.appCodeListId, c.context.srfappid, fn);
     onMounted(() => {
+      useEditorNavParams();
       if (editorRef.value) {
         funcs = useClickOutside(editorRef, async (_evt) => {
           editorState = "outside";
@@ -240,6 +289,25 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
         funcs.stop();
       }
     });
+    const prefix = {};
+    if (c.editorParams.type === "round") {
+      Object.assign(prefix, {
+        prefix: () => {
+          return valueText.value.split(",").map((text) => {
+            const codeListItem = getCodeListItem(text);
+            return createVNode("div", {
+              "class": [ns.b("select-option-text"), codeListItem == null ? void 0 : codeListItem.textCls],
+              "style": (codeListItem == null ? void 0 : codeListItem.color) || (codeListItem == null ? void 0 : codeListItem.bkcolor) ? ns.cssVarBlock({
+                "select-option-item-color": "".concat(codeListItem.color || ""),
+                "select-option-item-bkcolor": "".concat(codeListItem.bkcolor || "")
+              }) : ""
+            }, [(codeListItem == null ? void 0 : codeListItem.sysImage) && createVNode(resolveComponent("iBizIcon"), {
+              "icon": codeListItem == null ? void 0 : codeListItem.sysImage
+            }, null), text || ""]);
+          });
+        }
+      });
+    }
     return {
       ns,
       c,
@@ -259,7 +327,8 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
       setEditable,
       showFormDefaultContent,
       onVisibleChange,
-      isLoading
+      isLoading,
+      prefix
     };
   },
   render() {
@@ -345,23 +414,7 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
           });
         });
       },
-      prefix: () => {
-        if (this.c.editorParams.type !== "round") {
-          return;
-        }
-        return this.valueText.split(",").map((text) => {
-          const codeListItem = this.getCodeListItem(text);
-          return createVNode("div", {
-            "class": [this.ns.b("select-option-text"), codeListItem == null ? void 0 : codeListItem.textCls],
-            "style": (codeListItem == null ? void 0 : codeListItem.color) || (codeListItem == null ? void 0 : codeListItem.bkcolor) ? this.ns.cssVarBlock({
-              "select-option-item-color": "".concat(codeListItem.color || ""),
-              "select-option-item-bkcolor": "".concat(codeListItem.bkcolor || "")
-            }) : ""
-          }, [(codeListItem == null ? void 0 : codeListItem.sysImage) && createVNode(resolveComponent("iBizIcon"), {
-            "icon": codeListItem == null ? void 0 : codeListItem.sysImage
-          }, null), text || ""]);
-        });
-      }
+      ...this.prefix
     });
     const readonlyContent = this.valueText.split(",").map((text) => {
       const codeListItem = this.getCodeListItem(text);

package/es/editor/dropdown-list/ibiz-emoji-picker/ibiz-emoji-picker.d.ts

@@ -0,0 +1,74 @@
+import { DropDownListEditorController } from '../dropdown-list-editor.controller';
+import './ibiz-emoji-picker.scss';
+export declare const IBizEmojiPicker: import("vue").DefineComponent<{
+    value: (StringConstructor | NumberConstructor)[];
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<DropDownListEditorController>, 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: DropDownListEditorController;
+    emoji: import("vue").Ref<string | number | undefined>;
+    visible: import("vue").Ref<boolean>;
+    emojiRef: import("vue").Ref<any>;
+    showFormDefaultContent: import("vue").ComputedRef<boolean>;
+    onSelect: (val: IData) => void;
+    onAddEmoji: (e: MouseEvent) => void;
+    onClearEmoji: (e: MouseEvent) => void;
+    renderReference: () => JSX.Element;
+}, 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<DropDownListEditorController>, 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;
+    onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
+}, {
+    disabled: boolean;
+    readonly: boolean;
+    autoFocus: boolean;
+}, {}>;

package/es/editor/dropdown-list/index.d.ts

@@ -0,0 +1,4 @@
+export { IBizDropdown } from './ibiz-dropdown/ibiz-dropdown';
+export { IBizEmojiPicker } from './ibiz-emoji-picker/ibiz-emoji-picker';
+export * from './dropdown-list-editor.controller';
+export * from './dropdown-list-editor.provider';

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

@@ -0,0 +1,131 @@
+import { EditorController, IAppDEService } from '@ibiz-template/runtime';
+import { IAppDEACMode, IHtml } from '@ibiz/model-core';
+import { IDomEditor } from '@wangeditor/editor';
+/**
+ * html框编辑器控制器
+ *
+ * @export
+ * @class HtmlEditorController
+ * @extends {EditorController}
+ */
+export declare class HtmlEditorController extends EditorController<IHtml> {
+    /**
+     * 上传参数
+     */
+    uploadParams?: IParams;
+    /**
+     * 下载参数
+     */
+    exportParams?: IParams;
+    /**
+     * 应用实体服务
+     *
+     * @type {IAppDEService}
+     * @memberof HtmlEditorController
+     */
+    deService?: IAppDEService;
+    /**
+     * 自填模式
+     *
+     * @author chitanda
+     * @date 2023-10-12 10:10:52
+     * @type {IAppDEACMode}
+     */
+    deACMode?: IAppDEACMode;
+    /**
+     * AI 聊天自填模式
+     *
+     * @author chitanda
+     * @date 2023-10-12 10:10:37
+     * @type {boolean}
+     */
+    chatCompletion: boolean;
+    /**
+     * wangEditor 实例
+     *
+     * @private
+     * @type {IDomEditor}
+     * @memberof HtmlEditorController
+     */
+    private wangEditor;
+    /**
+     * 气泡容器
+     *
+     * @type {(IOverlayPopoverContainer | null)}
+     * @memberof HtmlEditorController
+     */
+    private overlay;
+    /**
+     * 清除回调
+     *
+     * @private
+     * @memberof HtmlEditorController
+     */
+    private cleanup;
+    /**
+     * 预定义阻止捕获事件code
+     *
+     * @private
+     * @type {number[]}
+     * @memberof HtmlEditorController
+     */
+    private presetPreventEvents;
+    /**
+     * 预定义阻止冒泡事件code
+     *
+     * @private
+     * @type {number[]}
+     * @memberof HtmlEditorController
+     */
+    private presetPreventPropEvents;
+    /**
+     * 初始化
+     *
+     * @protected
+     * @return {*}  {Promise<void>}
+     * @memberof HtmlEditorController
+     */
+    protected onInit(): Promise<void>;
+    /**
+     * 自定义注册
+     *
+     * @private
+     * @memberof HtmlEditorController
+     */
+    private customRegister;
+    /**
+     * wangEditor 创建完成
+     *
+     * @private
+     * @param {IDomEditor} editor
+     * @memberof HtmlEditorController
+     */
+    onCreated(editor: IDomEditor): void;
+    /**
+     * 监听事件
+     *
+     * @private
+     * @memberof HtmlEditorController
+     */
+    private listenEvent;
+    /**
+     * 打开表情选择
+     *
+     * @memberof HtmlEditorController
+     */
+    private openEmojiSelect;
+    /**
+     * 添加表情
+     *
+     * @param {string} data
+     * @memberof HtmlEditorController
+     */
+    private addEmojiNode;
+    /**
+     * 销毁
+     *
+     * @private
+     * @memberof HtmlEditorController
+     */
+    onDestroyed(): void;
+}

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

@@ -0,0 +1,17 @@
+import { IEditorContainerController, IEditorProvider } from '@ibiz-template/runtime';
+import { IHtml } from '@ibiz/model-core';
+import { HtmlEditorController } from './html-editor.controller';
+/**
+ * html框编辑器适配器
+ *
+ * @author lxm
+ * @date 2022-09-19 22:09:03
+ * @export
+ * @class HtmlEditorProvider
+ * @implements {EditorProvider}
+ */
+export declare class HtmlEditorProvider implements IEditorProvider {
+    formEditor: string;
+    gridEditor: string;
+    createController(editorModel: IHtml, parentController: IEditorContainerController): Promise<HtmlEditorController>;
+}

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

@@ -0,0 +1,2 @@
+export * from './html-editor.controller';
+export * from './html-editor.provider';

package/es/editor/html/wang-editor/component/emoji/emoji.d.ts

@@ -0,0 +1,17 @@
+import { PropType } from 'vue';
+import { IModal } from '@ibiz-template/runtime';
+import './emoji.scss';
+export declare const Emoji: import("vue").DefineComponent<{
+    modal: {
+        type: PropType<IModal>;
+        required: true;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    onSelect: (val: IData) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modal: {
+        type: PropType<IModal>;
+        required: true;
+    };
+}>>, {}, {}>;

package/es/editor/html/wang-editor/component/index.d.ts

@@ -0,0 +1 @@
+export * from './emoji/emoji';

package/es/editor/html/wang-editor/element/emoji.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 表情元素定义
+ */
+export declare class EmojiElem extends HTMLElement {
+    static get observedAttributes(): string[];
+    attributeChangedCallback(tag: string, oldValue: string, newValue: string): void;
+}

package/es/editor/html/wang-editor/element/index.d.ts

@@ -0,0 +1 @@
+export { EmojiElem } from './emoji';

package/es/editor/html/wang-editor/index.d.ts

@@ -0,0 +1,4 @@
+export * from './module';
+export * from './element';
+export * from './plugin';
+export * from './component';

package/es/editor/html/wang-editor/module/ai-module.d.ts

@@ -0,0 +1,67 @@
+import { IButtonMenu, IDomEditor } from '@wangeditor/editor';
+/**
+ * AI菜单项
+ *
+ * @export
+ * @class AIButtonMenu
+ * @implements {IButtonMenu}
+ */
+declare class AIButtonMenu implements IButtonMenu {
+    /**
+     *
+     *
+     * @type {string}
+     * @memberof AIButtonMenu
+     */
+    title: string;
+    /**
+     *
+     *
+     * @type {string}
+     * @memberof AIButtonMenu
+     */
+    iconSvg: string;
+    /**
+     *
+     *
+     * @type {string}
+     * @memberof AIButtonMenu
+     */
+    tag: string;
+    /**
+     * 菜单是否需要激活（如选中加粗文本，“加粗”菜单会激活），用不到则返回 false
+     *
+     * @return {*}  {boolean}
+     * @memberof AIButtonMenu
+     */
+    isActive(): boolean;
+    /**
+     * 获取菜单执行时的 value ，用不到则返回空 字符串或 false
+     *
+     * @return {*}  {(string | boolean)}
+     * @memberof AIButtonMenu
+     */
+    getValue(): string | boolean;
+    /**
+     * 菜单是否需要禁用（如选中 H1 ，“引用”菜单被禁用），用不到则返回 false
+     *
+     * @return {*}  {boolean}
+     * @memberof AIButtonMenu
+     */
+    isDisabled(): boolean;
+    /**
+     * 点击菜单时触发的函数
+     *
+     * @param {IDomEditor} editor
+     * @memberof AIButtonMenu
+     */
+    exec(editor: IDomEditor): void;
+}
+/**
+ * Ai菜单
+ */
+export declare const AIMenu: {
+    key: string;
+    factory(): AIButtonMenu;
+};
+export {};

package/es/editor/html/wang-editor/module/emoji-module.d.ts

@@ -0,0 +1,7 @@
+import { IModuleConf } from '@wangeditor/editor';
+/**
+ * 表情模块
+ * - 表情节点定义
+ * - 表情菜单
+ */
+export declare const EmojiModule: Partial<IModuleConf>;

package/es/editor/html/wang-editor/module/emoji-module.mjs

@@ -31,7 +31,7 @@ const elemToHtmlConf = {
   type: "emoji",
   elemToHtml: (elem) => {
     const { data } = elem;
-    return '<span data-w-e-type="emoji" class="emoji">'.concat(data.emoji, "</span>");
+    return "<span data-w-e-type=\"emoji\" class='emoji'>".concat(data.emoji, "</span>");
   }
 };
 const parseHtmlConf = {

package/es/editor/html/wang-editor/module/index.d.ts

@@ -0,0 +1,2 @@
+export { AIMenu } from './ai-module';
+export { EmojiModule } from './emoji-module';

package/es/editor/html/wang-editor/plugin/index.d.ts

@@ -0,0 +1 @@
+export { Plugin } from './plugin';

package/es/editor/html/wang-editor/plugin/plugin.d.ts

@@ -0,0 +1,7 @@
+import { IDomEditor } from '@wangeditor/editor';
+/**
+ * 插件
+ * @param editor
+ * @returns
+ */
+export declare const Plugin: <T extends IDomEditor>(editor: T) => T;

package/es/editor/html/wang-editor/wang-editor.d.ts

@@ -0,0 +1,95 @@
+import { Ref } from 'vue';
+import { IEditorConfig, IToolbarConfig } from '@wangeditor/editor';
+import type { IDomEditor } from '@wangeditor/editor';
+import { HtmlEditorController } from '../html-editor.controller';
+import './wang-editor.scss';
+declare const IBizHtml: import("vue").DefineComponent<{
+    value: StringConstructor;
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<HtmlEditorController>, 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;
+    editorRef: import("vue").ShallowRef<any>;
+    mode: string;
+    valueHtml: Ref<string>;
+    toolbarConfig: Partial<IToolbarConfig>;
+    editorConfig: Partial<IEditorConfig>;
+    handleCreated: (editor: IDomEditor) => void;
+    handleChange: (editor: IDomEditor) => void;
+    handleDestroyed: (_editor: IDomEditor) => void;
+    handleFocus: (_editor: IDomEditor) => void;
+    handleBlur: (_editor: IDomEditor) => void;
+    customAlert: (info: string, type: string) => void;
+    customPaste: (editor: IDomEditor, event: ClipboardEvent, callback: (_n: boolean) => void) => void;
+    insertText: (str: string) => void;
+    printHtml: () => void;
+    disable: () => void;
+    enable: () => void;
+    renderHeaserToolbar: () => JSX.Element | null;
+    renderEditorContent: () => JSX.Element;
+    renderFooter: () => JSX.Element | null;
+    htmlContent: Ref<any>;
+    hasEnableEdit: Ref<boolean>;
+    cssVars: Ref<{}>;
+    toolbarRef: Ref<any>;
+    isFullScreen: Ref<boolean>;
+    readonlyState: Ref<boolean>;
+    changeFullScreenState: () => 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;
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<HtmlEditorController>, 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;
+    onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
+}, {
+    disabled: boolean;
+    readonly: boolean;
+    autoFocus: boolean;
+}, {}>;
+export default IBizHtml;

package/es/editor/index.d.ts

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

package/es/editor/index.mjs

@@ -202,7 +202,7 @@ const IBizEditor = {
       () => datePickerProvider
     );
     registerEditorProvider(
-      "DATEPICKERRANGE",
+      "DATERANGE_SWITCHUNIT",
       () => new DateRangeSelectProvider()
     );
     registerEditorProvider(