npm - @ibiz-template/vue3-components - Versions diffs - 0.7.41-alpha.4 → 0.7.41-alpha.41 - Mend

@ibiz-template/vue3-components 0.7.41-alpha.4 → 0.7.41-alpha.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1783) hide show

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

@@ -1,5 +1,5 @@
-import { ref, computed, watch, nextTick, onMounted, onUnmounted, resolveComponent, createVNode, mergeProps, defineComponent } from 'vue';
-import { getDropdownProps, getEditorEmits, useNamespace, useCodeListListen, useClickOutside } from '@ibiz-template/vue3-util';
+import { defineComponent, createVNode, resolveComponent, mergeProps, ref, computed, watch, nextTick, onMounted, onUnmounted } from 'vue';
+import { useNamespace, useCodeListListen, useClickOutside, getEditorEmits, getDropdownProps } from '@ibiz-template/vue3-util';
 import { showTitle } from '@ibiz-template/core';
 import { useCodeListSelection } from '@ibiz-template/runtime';
 import './ibiz-dropdown.css';
@@ -12,6 +12,7 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
   setup(props, {
     emit
   }) {
+    var _a;
     const ns = useNamespace("dropdown");
     const c = props.controller;
     const items = ref([]);
@@ -27,6 +28,7 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
     let funcs;
     const codeItemValueNumber = ref(false);
     const hiddenInputRef = ref();
+    const valueSeparator = ((_a = c.editorParams) == null ? void 0 : _a.valueseparator) || ",";
     const showFormDefaultContent = computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
@@ -48,13 +50,13 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
       const list = [];
       const existingValues = new Set(codeListItems.value.map((item) => item.value));
       nodes.forEach((codeItem) => {
-        var _a;
+        var _a2;
         if (!existingValues.has(codeItem.value)) {
           codeListItems.value.push(codeItem);
         }
         const tempObj = {
           label: codeItem.text,
-          value: (_a = codeItem.value) == null ? void 0 : _a.toString(),
+          value: (_a2 = codeItem.value) == null ? void 0 : _a2.toString(),
           color: codeItem == null ? void 0 : codeItem.color,
           textCls: codeItem == null ? void 0 : codeItem.textCls,
           sysImage: codeItem.sysImage,
@@ -160,18 +162,18 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
     } = useCodeListSelection(c.allItemsValue);
     const curValue = computed({
       get() {
-        var _a, _b, _c;
+        var _a2, _b, _c;
         if (!isLoadedCodeList.value) {
           return c.multiple ? [] : "";
         }
         if (editorItems && editorItems.length > 0 && !c.multiple) {
-          return (_a = props.data[editorItems[0].id]) == null ? void 0 : _a.toString();
+          return (_a2 = props.data[editorItems[0].id]) == null ? void 0 : _a2.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 getSelection([], props.value.split(valueSeparator), items.value, items.value).map((v) => "".concat(v));
           }
-          return c.multiple ? (_b = props.value) == null ? void 0 : _b.toString().split(",") : props.value.toString();
+          return c.multiple ? (_b = props.value) == null ? void 0 : _b.toString().split(valueSeparator) : props.value.toString();
         }
         if (props.value && Array.isArray(props.value)) {
           if (c.allItems && c.multiple && !hasChildren.value) {
@@ -197,7 +199,7 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
           } else if (c.model.valueType === "SIMPLES") {
             selectArr = select;
           } else {
-            selectArr = select.join(",");
+            selectArr = select.join(valueSeparator);
           }
           emit("change", selectArr);
         } else if (editorItems && editorItems.length > 0) {
@@ -218,7 +220,7 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
           emit("change", emitVal);
         }
         setEditable(false);
-        if (c.editorParams.alwaysLoad === "true") {
+        if (c.editorParams.alwaysLoad === "true" || c.editorParams.alwaysload === "true") {
           loadCodeList();
         }
         if (props.autoFocus) {
@@ -238,7 +240,7 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
           }
         });
       });
-      return textArr.join(",");
+      return textArr.join(valueSeparator);
     });
     watch(valueText, (newVal, oldVal) => {
       if (newVal !== oldVal) {
@@ -275,18 +277,18 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
       return list.find((item) => item.text === text);
     };
     const onVisibleChange = async (visible) => {
-      var _a, _b, _c;
+      var _a2, _b, _c;
       const isSearchForm = (
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        ((_c = (_b = (_a = c.parent) == null ? void 0 : _a.form) == null ? void 0 : _b.model) == null ? void 0 : _c.controlType) === "SEARCHFORM"
+        ((_c = (_b = (_a2 = c.parent) == null ? void 0 : _a2.form) == null ? void 0 : _b.model) == null ? void 0 : _c.controlType) === "SEARCHFORM"
       );
       if (!visible && isSearchForm) {
         nextTick(() => {
-          var _a2;
-          (_a2 = hiddenInputRef.value) == null ? void 0 : _a2.focus();
+          var _a3;
+          (_a3 = hiddenInputRef.value) == null ? void 0 : _a3.focus();
         });
       }
-      if (visible && (!isLoadedCodeList.value || c.editorParams.alwaysLoad === "true")) {
+      if (visible && (!isLoadedCodeList.value || c.editorParams.alwaysLoad === "true" || c.editorParams.alwaysload === "true")) {
         await loadCodeList();
         if (hasChildren.value && editorRef.value && editorState !== "outside") {
           nextTick(() => {
@@ -320,7 +322,7 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
     if (c.editorParams.type === "round") {
       Object.assign(prefix, {
         prefix: () => {
-          return valueText.value.split(",").map((text) => {
+          return valueText.value.split(valueSeparator).map((text) => {
             const codeListItem = getCodeListItem(text);
             return createVNode("div", {
               "class": [ns.b("select-option-text"), codeListItem == null ? void 0 : codeListItem.textCls],
@@ -357,11 +359,12 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
       onVisibleChange,
       isLoading,
       prefix,
-      hiddenInputRef
+      hiddenInputRef,
+      valueSeparator
     };
   },
   render() {
-    const overflowMode = this.c.editorParams.overflowMode || ibiz.config.pickerEditor.overflowMode;
+    const overflowMode = this.c.editorParams.overflowMode || this.c.editorParams.overflowmode || ibiz.config.pickerEditor.overflowMode;
     const isEllipsis = overflowMode === "ellipsis";
     const editContent = this.hasChildren ? createVNode(resolveComponent("el-tree-select"), mergeProps({
       "ref": "editorRef",
@@ -448,7 +451,7 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
       },
       ...this.prefix
     });
-    const readonlyContent = this.valueText.split(",").map((text) => {
+    const readonlyContent = this.valueText.split(this.valueSeparator).map((text) => {
       const codeListItem = this.getCodeListItem(text);
       return createVNode("span", {
         "class": [this.ns.b("readonly-text-item"), codeListItem == null ? void 0 : codeListItem.textCls],
@@ -465,7 +468,7 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
     });
     const formDefaultContent = createVNode("div", {
       "class": [this.ns.b("form-default-content"), this.ns.is("multiple", this.c.multiple)]
-    }, [this.valueText ? this.valueText.split(",").map((text) => {
+    }, [this.valueText ? this.valueText.split(this.valueSeparator).map((text) => {
       const codeListItem = this.getCodeListItem(text);
       return createVNode("span", {
         "class": [this.ns.b("content-item"), codeListItem == null ? void 0 : codeListItem.textCls],
@@ -476,7 +479,10 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
       }, [createVNode("span", {
         "class": this.ns.be("content-item", "label")
       }, [text])]);
-    }) : ibiz.config.common.emptyText]);
+    }) : createVNode(resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.c.emptyShowPlaceholder,
+      "placeHolder": this.c.placeHolder
+    }, null)]);
     const hiddenInput = createVNode("input", {
       "ref": "hiddenInputRef",
       "type": "text",

package/es/editor/dropdown-list/ibiz-emoji-picker/ibiz-emoji-picker.mjs CHANGED Viewed

@@ -1,6 +1,6 @@
-import { ref, computed, watch, createVNode, resolveComponent, defineComponent } from 'vue';
-import { getDropdownProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
-import { strToBase64, isEmoji, base64ToStr } from '@ibiz-template/core';
+import { defineComponent, createVNode, resolveComponent, ref, computed, watch } from 'vue';
+import { useNamespace, getEditorEmits, getDropdownProps } from '@ibiz-template/vue3-util';
+import { strToBase64, base64ToStr, isEmoji } from '@ibiz-template/core';
 import './ibiz-emoji-picker.css';
 "use strict";
@@ -87,7 +87,10 @@ const IBizEmojiPicker = /* @__PURE__ */ defineComponent({
     const renderFormDefaultContent = () => {
       return createVNode("div", {
         "class": [ns.b("form-default-content"), ns.is("clear", !!emoji.value)]
-      }, [emoji.value ? emoji.value : ibiz.config.common.emptyText]);
+      }, [emoji.value ? emoji.value : createVNode(resolveComponent("iBizEditorEmptyText"), {
+        "showPlaceholder": c.emptyShowPlaceholder,
+        "placeHolder": c.placeHolder
+      }, null)]);
     };
     const renderReference = () => {
       return createVNode(resolveComponent("el-button"), {

package/es/editor/dropdown-list/ibiz-tree-picker/ibiz-tree-picker.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
-import { isVNode, ref, watch, onMounted, resolveComponent, createVNode, defineComponent } from 'vue';
-import { getDropdownProps, getEditorEmits, useNamespace, useCodeListListen } from '@ibiz-template/vue3-util';
+import { isVNode, defineComponent, createVNode, resolveComponent, ref, watch, onMounted } from 'vue';
+import { useNamespace, useCodeListListen, getEditorEmits, getDropdownProps } from '@ibiz-template/vue3-util';
 import { isArray, isString } from 'lodash-es';
 import './ibiz-tree-picker.css';

package/es/editor/dropdown-list/ibiz-virtualized-list/ibiz-virtualized-list.css CHANGED Viewed

	@@ -1 +1 @@
1	- .ibiz-dropdown{width:var(--ibiz-dropdown-width);--ibiz-dropdown-width:100%;--ibiz-dropdown-readonly-text-item-color:var(--ibiz-form-item-text-color)}.ibiz-dropdown__branch-node>.el-tree-node__content{--ibiz-color-disabled-text:var(--ibiz-color-text-0)}.ibiz-dropdown .el-select{width:100%}.ibiz-dropdown .el-select-v2{width:100%}.ibiz-dropdown .el-input__wrapper{width:100%}.ibiz-dropdown .el-input__wrapper .el-input__prefix{max-width:calc(100% - 22px);overflow:hidden}.ibiz-dropdown-readonly-text-item{margin-right:var(--ibiz-spacing-tight);font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-dropdown-readonly-text-item-color)}.ibiz-dropdown-readonly-text-item .ibiz-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);margin-right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-dropdown-content-item{color:var(--ibiz-dropdown-select-option-item-color)}.el-select-dropdown__item{width:100%;background-color:var(--ibiz-dropdown-select-option-item-bkcolor)}.el-select-dropdown__option-item{width:100%;font-size:var(--ibiz-font-size-regular)}.el-select-dropdown__option-item.hover{background-color:var(--ibiz-color-fill-0)!important}.ibiz-dropdown-select-option-content{display:flex;align-items:center;justify-content:flex-start~~;width:100%;height:100%;color:var(--ibiz-dropdown-select-option-item-color)~~}.ibiz-dropdown-select-option-content__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-dropdown-select-option-content .ibiz-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);margin-right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default:hover .ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default:hover .ibiz-dropdown-select{display:block}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-form-default-content.is-multiple{height:var(--ibiz-editor-default-line-height)}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-form-default-content.is-multiple .ibiz-dropdown-content-item{height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));padding:0 var(--ibiz-spacing-tight);margin:2px 6px 2px 0;font-size:var(--ibiz-font-size-small);line-height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border:1px solid transparent;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-select{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-select .el-input__prefix-inner>:last-child{margin-right:var(--ibiz-spacing-none)}.ibiz-form-item .ibiz-dropdown.is-show-default.is-editable .ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default.is-editable .ibiz-dropdown-select{display:block}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-form-default-content{display:flex;align-items:center;width:100%;height:var(--el-component-size)}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-form-default-content.is-multiple{height:var(--el-component-size)}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-form-default-content.is-multiple .ibiz-dropdown-content-item{height:auto;padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base);margin:var(--ibiz-spacing-none);margin-right:var(--ibiz-spacing-extra-tight);font-size:inherit;line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border:none;border-radius:var(--ibiz-spacing-base)}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-select .el-select__tags{display:none}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-content-item{flex:0 0 auto;padding-right:var(--ibiz-spacing-base);padding-left:var(--ibiz-spacing-base);margin-right:var(--ibiz-spacing-extra-tight);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown--round .ibiz-dropdown-readonly-text-item{display:inline-flex;align-items:center;margin-right:var(--ibiz-spacing-extra-tight);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color)}.ibiz-dropdown--round .ibiz-dropdown-readonly-text-item:first-child{margin-left:calc(var(--ibiz-spacing-base-tight) - var(--ibiz-spacing-super-tight)/ 2)}.ibiz-dropdown--round .ibiz-dropdown-readonly-text-item .ibiz-dropdown-readonly-text-item__label{padding-right:var(--ibiz-spacing-base);padding-left:var(--ibiz-spacing-base);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown--round .ibiz-dropdown-select .el-select__tags{display:none}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__prefix-inner>:last-child{gap:var(--ibiz-spacing-extra-tight);margin:0}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__inner{flex:1 1 0;color:transparent}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__inner[aria-expanded=true]::-moz-placeholder{color:transparent}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__inner[aria-expanded=true]::placeholder{color:transparent}.ibiz-dropdown--round .ibiz-dropdown-select-option-text{display:inline-flex;align-items:center;padding:var(--ibiz-dropdown-select-option-item-padding);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown-popper--round .el-select-dropdown__item{display:flex;align-items:center;height:calc(var(--ibiz-spacing-extra-loose) + var(--ibiz-spacing-extra-tight));line-height:calc(var(--ibiz-spacing-extra-loose) + var(--ibiz-spacing-extra-tight));background-color:transparent}.ibiz-dropdown-popper--round .ibiz-dropdown-select-option-content{flex:0 0 auto;width:auto;min-width:0;height:auto;padding-right:var(--ibiz-spacing-base);padding-left:var(--ibiz-spacing-base);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown-popper.is-allow-create .el-tree__empty-block{display:none}.ibiz-dropdown-popper.is-allow-create .el-select-dropdown__item{padding-left:var(--ibiz-spacing-base-tight)}
1	+ .ibiz-dropdown{width:var(--ibiz-dropdown-width);--ibiz-dropdown-width:100%;--ibiz-dropdown-readonly-text-item-color:var(--ibiz-form-item-text-color)}.ibiz-dropdown__branch-node>.el-tree-node__content{--ibiz-color-disabled-text:var(--ibiz-color-text-0)}.ibiz-dropdown .el-select{width:100%}.ibiz-dropdown .el-select-v2{width:100%}.ibiz-dropdown .el-input__wrapper{width:100%}.ibiz-dropdown .el-input__wrapper .el-input__prefix{max-width:calc(100% - 22px);overflow:hidden}.ibiz-dropdown-readonly-text-item{margin-right:var(--ibiz-spacing-tight);font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-dropdown-readonly-text-item-color)}.ibiz-dropdown-readonly-text-item .ibiz-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);margin-right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-dropdown-content-item{color:var(--ibiz-dropdown-select-option-item-color)}.el-select-dropdown__item{width:100%;background-color:var(--ibiz-dropdown-select-option-item-bkcolor)}.el-select-dropdown__option-item{width:100%;font-size:var(--ibiz-font-size-regular)}.el-select-dropdown__option-item.hover{background-color:var(--ibiz-color-fill-0)!important}.ibiz-dropdown-select-option-content{display:flex;align-items:center;justify-content:flex-start}.ibiz-dropdown-select-option-content__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-dropdown-select-option-content .ibiz-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);margin-right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-dropdown-select-option-content{width:100%;height:100%;color:var(--ibiz-dropdown-select-option-item-color)}.ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default:hover .ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default:hover .ibiz-dropdown-select{display:block}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-form-default-content.is-multiple{height:var(--ibiz-editor-default-line-height)}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-form-default-content.is-multiple .ibiz-dropdown-content-item{height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));padding:0 var(--ibiz-spacing-tight);margin:2px 6px 2px 0;font-size:var(--ibiz-font-size-small);line-height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border:1px solid transparent;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-select{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-select .el-input__prefix-inner>:last-child{margin-right:var(--ibiz-spacing-none)}.ibiz-form-item .ibiz-dropdown.is-show-default.is-editable .ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default.is-editable .ibiz-dropdown-select{display:block}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-form-default-content{display:flex;align-items:center;width:100%;height:var(--el-component-size)}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-form-default-content.is-multiple{height:var(--el-component-size)}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-form-default-content.is-multiple .ibiz-dropdown-content-item{height:auto;padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base);margin:var(--ibiz-spacing-none);margin-right:var(--ibiz-spacing-extra-tight);font-size:inherit;line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border:none;border-radius:var(--ibiz-spacing-base)}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-select .el-select__tags{display:none}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-content-item{flex:0 0 auto;padding-right:var(--ibiz-spacing-base);padding-left:var(--ibiz-spacing-base);margin-right:var(--ibiz-spacing-extra-tight);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown--round.ibiz-dropdown-virtualized-list.is-has-value .el-select-v2__placeholder{display:none}.ibiz-dropdown--round.ibiz-dropdown-virtualized-list .ibiz-dropdown-select .el-select-v2__wrapper{line-height:28px}.ibiz-dropdown--round.ibiz-dropdown-virtualized-list .ibiz-dropdown-select .el-select-v2__selected-item{display:none}.ibiz-dropdown--round.ibiz-dropdown-virtualized-list .ibiz-dropdown-select-option-text{margin:2px 0 2px 6px}.ibiz-dropdown--round .ibiz-dropdown-readonly-text-item{display:inline-flex;align-items:center;margin-right:var(--ibiz-spacing-extra-tight);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color)}.ibiz-dropdown--round .ibiz-dropdown-readonly-text-item:first-child{margin-left:calc(var(--ibiz-spacing-base-tight) - var(--ibiz-spacing-super-tight)/ 2)}.ibiz-dropdown--round .ibiz-dropdown-readonly-text-item .ibiz-dropdown-readonly-text-item__label{padding-right:var(--ibiz-spacing-base);padding-left:var(--ibiz-spacing-base);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown--round .ibiz-dropdown-select .el-select__tags{display:none}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__prefix-inner>:last-child{gap:var(--ibiz-spacing-extra-tight);margin:0}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__inner{flex:1 1 0;color:transparent}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__inner[aria-expanded=true]::-moz-placeholder{color:transparent}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__inner[aria-expanded=true]::placeholder{color:transparent}.ibiz-dropdown--round .ibiz-dropdown-select-option-text{display:inline-flex;align-items:center;padding:var(--ibiz-dropdown-select-option-item-padding);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown-popper--round.ibiz-dropdown-virtualized-list-popper .ibiz-dropdown-select-option-content{flex:0 1 auto}.ibiz-dropdown-popper--round.ibiz-dropdown-virtualized-list-popper .ibiz-dropdown-select-option-content>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-dropdown-popper--round.ibiz-dropdown-virtualized-list-popper .el-select-dropdown__option-item{display:flex;align-items:center}.ibiz-dropdown-popper--round.ibiz-dropdown-virtualized-list-popper .select-v2-option-item{display:flex;align-items:center;width:100%}.ibiz-dropdown-popper--round .el-select-dropdown__item{display:flex;align-items:center;height:calc(var(--ibiz-spacing-extra-loose) + var(--ibiz-spacing-extra-tight));line-height:calc(var(--ibiz-spacing-extra-loose) + var(--ibiz-spacing-extra-tight));background-color:transparent}.ibiz-dropdown-popper--round .ibiz-dropdown-select-option-content{flex:0 0 auto;width:auto;min-width:0;height:auto;padding-right:var(--ibiz-spacing-base);padding-left:var(--ibiz-spacing-base);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown-popper.is-allow-create .el-tree__empty-block{display:none}.ibiz-dropdown-popper.is-allow-create .el-select-dropdown__item{padding-left:var(--ibiz-spacing-base-tight)}

package/es/editor/dropdown-list/ibiz-virtualized-list/ibiz-virtualized-list.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
-import { ref, watch, computed, nextTick, onMounted, onUnmounted, resolveComponent, createVNode, mergeProps, defineComponent } from 'vue';
-import { getDropdownProps, getEditorEmits, useNamespace, useCodeListListen } from '@ibiz-template/vue3-util';
+import { defineComponent, createVNode, resolveComponent, mergeProps, ref, watch, computed, nextTick, onMounted, onUnmounted } from 'vue';
+import { useNamespace, useCodeListListen, getEditorEmits, getDropdownProps } from '@ibiz-template/vue3-util';
 import { showTitle } from '@ibiz-template/core';
 import { useCodeListSelection } from '@ibiz-template/runtime';
 import './ibiz-virtualized-list.css';
@@ -184,7 +184,7 @@ const IBizVirtualizedList = /* @__PURE__ */ defineComponent({
             emitVal = Number(select);
           emit("change", emitVal);
         }
-        if (c.editorParams.alwaysLoad === "true") {
+        if (c.editorParams.alwaysLoad === "true" || c.editorParams.alwaysload === "true") {
           loadCodeList();
         }
         if (props.autoFocus) {
@@ -240,7 +240,7 @@ const IBizVirtualizedList = /* @__PURE__ */ defineComponent({
       return list.find((item) => item.text === text);
     };
     const onVisibleChange = async (visible) => {
-      if (visible && (!isLoadedCodeList.value || c.editorParams.alwaysLoad === "true")) {
+      if (visible && (!isLoadedCodeList.value || c.editorParams.alwaysLoad === "true" || c.editorParams.alwaysload === "true")) {
         await loadCodeList();
         if (hasChildren.value && editorRef.value && editorState !== "outside") {
           nextTick(() => {
@@ -319,12 +319,14 @@ const IBizVirtualizedList = /* @__PURE__ */ defineComponent({
     };
   },
   render() {
-    const overflowMode = this.c.editorParams.overflowMode || ibiz.config.pickerEditor.overflowMode;
+    const overflowMode = this.c.editorParams.overflowMode || this.c.editorParams.overflowmode || ibiz.config.pickerEditor.overflowMode;
     const isEllipsis = overflowMode === "ellipsis";
     const editContent = createVNode(resolveComponent("el-select-v2"), mergeProps({
       "ref": "editorRef",
-      "modelValue": this.curValue,
-      "onUpdate:modelValue": ($event) => this.curValue = $event,
+      "modelValue": this.curValue || void 0,
+      "onUpdate:modelValue": (value) => {
+        this.curValue = value;
+      },
       "clearable": true,
       "class": [this.ns.b("select")],
       "filterable": true,
@@ -334,7 +336,7 @@ const IBizVirtualizedList = /* @__PURE__ */ defineComponent({
       "disabled": this.disabled,
       "loading": this.isLoading,
       "fit-input-width": isEllipsis,
-      "popper-class": "".concat(this.ns.b("popper"), " ").concat(this.c.editorParams.type === "round" ? this.ns.bm("popper", "round") : "", " ").concat(this.ns.bm("popper", "".concat(this.c.model.id))),
+      "popper-class": "".concat(this.ns.b("popper"), " ").concat(this.c.editorParams.type === "round" ? this.ns.bm("popper", "round") : "", " ").concat(this.ns.bm("popper", "".concat(this.c.model.id)), " ").concat(this.ns.b("virtualized-list-popper")),
       "onFocus": this.onFocus,
       "onClear": this.handleClear,
       "onKeyup": this.handleKeyUp,
@@ -384,7 +386,7 @@ const IBizVirtualizedList = /* @__PURE__ */ defineComponent({
       }, [text])]);
     });
     return createVNode("div", {
-      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.c.editorParams.type === "round" && this.ns.m("round")]
+      "class": [this.ns.b(), this.ns.b("virtualized-list"), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.c.editorParams.type === "round" && this.ns.m("round"), this.ns.is("has-value", this.value != null && this.value !== "")]
     }, [this.readonly ? readonlyContent : editContent]);
   }
 });

package/es/editor/html/html-editor.controller.mjs CHANGED Viewed

@@ -1,9 +1,11 @@
 import { h } from 'vue';
-import { EditorController, getDeACMode } from '@ibiz-template/runtime';
-import { NOOP, listenJSEvent } from '@ibiz-template/core';
+import { EditorController, getDeACMode, UIActionUtil } from '@ibiz-template/runtime';
+import { NOOP, listenJSEvent, RuntimeError } from '@ibiz-template/core';
 import { Boot } from '@wangeditor/editor';
+import { clone } from 'ramda';
 import './wang-editor/index.mjs';
 import { AIMenu } from './wang-editor/module/ai-module.mjs';
+import { InLineAIMenu } from './wang-editor/module/inline-ai-module.mjs';
 import { EmojiElem } from './wang-editor/element/emoji.mjs';
 import { EmojiModule } from './wang-editor/module/emoji-module.mjs';
 import { Plugin } from './wang-editor/plugin/plugin.mjs';
@@ -88,6 +90,13 @@ class HtmlEditorController extends EditorController {
      * @memberof HtmlEditorController
      */
     __publicField(this, "presetPreventPropEvents", [27]);
+    /**
+     * AI行内聊天框高度
+     *
+     * @type {number}
+     * @memberof HtmlEditorController
+     */
+    __publicField(this, "inlineAiChatHeight");
   }
   /**
    * 初始化
@@ -100,7 +109,13 @@ class HtmlEditorController extends EditorController {
     await super.onInit();
     this.customRegister();
     if (this.editorParams) {
-      const { uploadParams, exportParams } = this.editorParams;
+      const {
+        uploadParams,
+        exportParams,
+        uploadparams,
+        exportparams,
+        inlineaichatheight
+      } = this.editorParams;
       if (uploadParams) {
         try {
           this.uploadParams = JSON.parse(uploadParams);
@@ -112,6 +127,17 @@ class HtmlEditorController extends EditorController {
           );
         }
       }
+      if (uploadparams) {
+        try {
+          this.uploadParams = JSON.parse(uploadparams);
+        } catch (error) {
+          ibiz.log.error(
+            "\u7F16\u8F91\u5668[".concat(ibiz.log.error(
+              error
+            ), "]\u7F16\u8F91\u5668\u53C2\u6570 uploadparams \u975E json \u683C\u5F0F")
+          );
+        }
+      }
       if (exportParams) {
         try {
           this.exportParams = JSON.parse(exportParams);
@@ -123,6 +149,20 @@ class HtmlEditorController extends EditorController {
           );
         }
       }
+      if (exportparams) {
+        try {
+          this.exportParams = JSON.parse(exportparams);
+        } catch (error) {
+          ibiz.log.error(
+            "\u7F16\u8F91\u5668[".concat(ibiz.log.error(
+              error
+            ), "]\u7F16\u8F91\u5668\u53C2\u6570 exportparams \u975E json \u683C\u5F0F")
+          );
+        }
+      }
+      if (inlineaichatheight) {
+        this.inlineAiChatHeight = Number(inlineaichatheight);
+      }
     }
     const model = this.model;
     if (model.appDEACModeId) {
@@ -148,6 +188,7 @@ class HtmlEditorController extends EditorController {
   customRegister() {
     if (!window.aichartRegister && ibiz.env.enableAI) {
       Boot.registerMenu(AIMenu);
+      Boot.registerMenu(InLineAIMenu);
       window.aichartRegister = true;
     }
     if (!window.customElements.get("emoji-elem")) {
@@ -258,6 +299,126 @@ class HtmlEditorController extends EditorController {
       this.overlay.dismiss();
     }
   }
+  /**
+   * 获取选中文本
+   * @returns 选中文本
+   */
+  getSelectionText() {
+    if (this.wangEditor) {
+      return this.wangEditor.getSelectionText();
+    }
+    return "";
+  }
+  /**
+   * 插入文本
+   * @param text 文本
+   */
+  insertText(text) {
+    if (this.wangEditor) {
+      const newParagraph = {
+        type: "paragraph",
+        children: [{ text }]
+      };
+      const selection = this.wangEditor.selection;
+      if (selection) {
+        const collapsedSelection = {
+          anchor: selection.anchor,
+          focus: selection.anchor
+        };
+        if (selection.anchor.path !== selection.focus.path || selection.anchor.offset !== selection.focus.offset) {
+          collapsedSelection.anchor = selection.focus;
+          collapsedSelection.focus = selection.focus;
+        }
+        this.wangEditor.select(collapsedSelection);
+      }
+      this.wangEditor.insertNode(newParagraph);
+      this.wangEditor.move(1);
+    }
+  }
+  /**
+   * 替换选中文本
+   * @param text 文本
+   */
+  replaceSelectionText(text) {
+    if (this.wangEditor) {
+      if (this.wangEditor.selection) {
+        this.wangEditor.deleteFragment();
+        this.wangEditor.insertText(text);
+      } else {
+        this.wangEditor.insertText(text);
+      }
+    }
+  }
+  /**
+   * 恢复选区
+   */
+  restoreSelection() {
+    if (this.wangEditor) {
+      this.wangEditor.restoreSelection();
+    }
+  }
+  /**
+   * 获取内联AI编辑器元素
+   */
+  getInLineAiEditorElement() {
+    if (!this.wangEditor) {
+      throw new RuntimeError("\u7F16\u8F91\u5668\u672A\u521D\u59CB\u5316");
+    }
+    return this.wangEditor.getEditableContainer();
+  }
+  /**
+   * 获取内联AI编辑器主题
+   */
+  getInLineAiEditorTheme() {
+    const appTheme = ibiz.util.theme.getTheme();
+    if (appTheme.indexOf("dark") !== -1) {
+      return "dark";
+    }
+    return "light";
+  }
+  /**
+   * 获取内联AI参数
+   */
+  getInLineAiChatOptions() {
+    if (!this.wangEditor) {
+      throw new RuntimeError("\u7F16\u8F91\u5668\u672A\u521D\u59CB\u5316");
+    }
+    const selectionPosition = this.wangEditor.getSelectionPosition();
+    if (!selectionPosition || !selectionPosition.left || !selectionPosition.top)
+      throw new RuntimeError("\u83B7\u53D6\u9009\u533A\u4F4D\u7F6E\u5931\u8D25");
+    const editorBoundingClientRect = this.wangEditor.getEditableContainer().getBoundingClientRect();
+    return {
+      // 编辑器的左侧距离 + 默认padding
+      left: editorBoundingClientRect.x + 10,
+      // 编辑器的上方距离+选区距离编辑器上方距离
+      top: editorBoundingClientRect.y + Number(selectionPosition.top.replace("px", "")),
+      // 编辑器的宽度 - 左右padding
+      width: editorBoundingClientRect.width - 20,
+      editorElement: this.getInLineAiEditorElement(),
+      editorTheme: this.getInLineAiEditorTheme(),
+      height: this.inlineAiChatHeight
+    };
+  }
+  /**
+   * 执行内联AIUI操作
+   * @param uiActionId
+   * @param appId
+   */
+  async doInLineAIUIAction(uiActionId, appId) {
+    const eventArgs = this.ctrl.getEventArgs();
+    eventArgs.params = clone(eventArgs.params);
+    eventArgs.params.editor = this;
+    if (this.editorParams.srfaiappendcurdata && this.editorParams.srfaiappendcurdata === "true") {
+      eventArgs.context.srfaiappendcurdata = true;
+    }
+    await UIActionUtil.exec(
+      uiActionId,
+      {
+        ...eventArgs
+      },
+      appId
+    );
+  }
 }
 export { HtmlEditorController };

package/es/editor/html/wang-editor/component/emoji/emoji.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { resolveComponent, createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode, resolveComponent } from 'vue';
 import { strToBase64 } from '@ibiz-template/core';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './emoji.css';

package/es/editor/html/wang-editor/config/index.mjs ADDED Viewed

@@ -0,0 +1,3 @@
+export { genDefaultToolbarKeys } from './toolbar.mjs';
+"use strict";

package/es/editor/html/wang-editor/config/toolbar.mjs ADDED Viewed

@@ -0,0 +1,90 @@
+import { t } from '@wangeditor/editor';
+import { MORE_SVG, JUSTIFY_LEFT_SVG, INDENT_RIGHT_SVG, IMAGE_SVG, VIDEO_SVG } from '../constants/svg.mjs';
+"use strict";
+function genDefaultToolbarKeys() {
+  return [
+    "headerSelect",
+    // 'header1',
+    // 'header2',
+    // 'header3',
+    "blockquote",
+    "|",
+    "bold",
+    "underline",
+    "italic",
+    {
+      key: "group-more-style",
+      // 以 group 开头
+      title: t("editor.more"),
+      iconSvg: MORE_SVG,
+      menuKeys: ["through", "code", "sup", "sub", "clearStyle"]
+    },
+    "color",
+    "bgColor",
+    "|",
+    "fontSize",
+    "fontFamily",
+    "lineHeight",
+    "|",
+    "bulletedList",
+    "numberedList",
+    "todo",
+    {
+      key: "group-justify",
+      // 以 group 开头
+      title: t("editor.justify"),
+      iconSvg: JUSTIFY_LEFT_SVG,
+      menuKeys: [
+        "justifyLeft",
+        "justifyRight",
+        "justifyCenter",
+        "justifyJustify"
+      ]
+    },
+    {
+      key: "group-indent",
+      // 以 group 开头
+      title: t("editor.indent"),
+      iconSvg: INDENT_RIGHT_SVG,
+      menuKeys: ["indent", "delIndent"]
+    },
+    "|",
+    "emotion",
+    "insertLink",
+    // 'editLink',
+    // 'unLink',
+    // 'viewLink',
+    {
+      key: "group-image",
+      // 以 group 开头
+      title: t("editor.image"),
+      iconSvg: IMAGE_SVG,
+      menuKeys: ["insertImage", "uploadImage"]
+    },
+    // 'deleteImage',
+    // 'editImage',
+    // 'viewImageLink',
+    {
+      key: "group-video",
+      // 以 group 开头
+      title: t("editor.video"),
+      iconSvg: VIDEO_SVG,
+      menuKeys: ["insertVideo", "uploadVideo"]
+    },
+    // 'deleteVideo',
+    "insertTable",
+    "codeBlock",
+    // 'codeSelectLang',
+    "divider",
+    // 'deleteTable',
+    "|",
+    "undo",
+    "redo",
+    "|",
+    "fullScreen",
+    "emoji"
+  ];
+}
+export { genDefaultToolbarKeys };

package/es/editor/html/wang-editor/constants/svg.mjs ADDED Viewed

@@ -0,0 +1,8 @@
+"use strict";
+const INDENT_RIGHT_SVG = '<svg viewBox="0 0 1024 1024"><path d="M0 64h1024v128H0z m384 192h640v128H384z m0 192h640v128H384z m0 192h640v128H384zM0 832h1024v128H0z m0-128V320l256 192z"></path></svg>';
+const JUSTIFY_LEFT_SVG = '<svg viewBox="0 0 1024 1024"><path d="M768 793.6v102.4H51.2v-102.4h716.8z m204.8-230.4v102.4H51.2v-102.4h921.6z m-204.8-230.4v102.4H51.2v-102.4h716.8zM972.8 102.4v102.4H51.2V102.4h921.6z"></path></svg>';
+const IMAGE_SVG = '<svg viewBox="0 0 1024 1024"><path d="M959.877 128l0.123 0.123v767.775l-0.123 0.122H64.102l-0.122-0.122V128.123l0.122-0.123h895.775zM960 64H64C28.795 64 0 92.795 0 128v768c0 35.205 28.795 64 64 64h896c35.205 0 64-28.795 64-64V128c0-35.205-28.795-64-64-64zM832 288.01c0 53.023-42.988 96.01-96.01 96.01s-96.01-42.987-96.01-96.01S682.967 192 735.99 192 832 234.988 832 288.01zM896 832H128V704l224.01-384 256 320h64l224.01-192z"></path></svg>';
+const MORE_SVG = '<svg viewBox="0 0 1024 1024"><path d="M204.8 505.6m-76.8 0a76.8 76.8 0 1 0 153.6 0 76.8 76.8 0 1 0-153.6 0Z"></path><path d="M505.6 505.6m-76.8 0a76.8 76.8 0 1 0 153.6 0 76.8 76.8 0 1 0-153.6 0Z"></path><path d="M806.4 505.6m-76.8 0a76.8 76.8 0 1 0 153.6 0 76.8 76.8 0 1 0-153.6 0Z"></path></svg>';
+const VIDEO_SVG = '<svg viewBox="0 0 1024 1024"><path d="M981.184 160.096C837.568 139.456 678.848 128 512 128S186.432 139.456 42.816 160.096C15.296 267.808 0 386.848 0 512s15.264 244.16 42.816 351.904C186.464 884.544 345.152 896 512 896s325.568-11.456 469.184-32.096C1008.704 756.192 1024 637.152 1024 512s-15.264-244.16-42.816-351.904zM384 704V320l320 192-320 192z"></path></svg>';
+export { IMAGE_SVG, INDENT_RIGHT_SVG, JUSTIFY_LEFT_SVG, MORE_SVG, VIDEO_SVG };

package/es/editor/html/wang-editor/index.mjs CHANGED Viewed

@@ -4,6 +4,7 @@ import './plugin/index.mjs';
 import './component/index.mjs';
 export { AIMenu } from './module/ai-module.mjs';
 export { EmojiModule } from './module/emoji-module.mjs';
+export { InLineAIMenu, hoverbarKeysEx } from './module/inline-ai-module.mjs';
 export { EmojiElem } from './element/emoji.mjs';
 export { Plugin } from './plugin/plugin.mjs';
 export { Emoji } from './component/emoji/emoji.mjs';

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

@@ -1,6 +1,6 @@
-import '../../../../node_modules/.pnpm/snabbdom@3.5.1/node_modules/snabbdom/build/index.mjs';
+import '../../../../node_modules/.pnpm/snabbdom@3.6.2/node_modules/snabbdom/build/index.mjs';
 import { base64ToStr } from '@ibiz-template/core';
-import { h } from '../../../../node_modules/.pnpm/snabbdom@3.5.1/node_modules/snabbdom/build/h.mjs';
+import { h } from '../../../../node_modules/.pnpm/snabbdom@3.6.2/node_modules/snabbdom/build/h.mjs';
 "use strict";
 var __defProp = Object.defineProperty;

package/es/editor/html/wang-editor/module/index.mjs CHANGED Viewed

@@ -1,4 +1,5 @@
 export { AIMenu } from './ai-module.mjs';
 export { EmojiModule } from './emoji-module.mjs';
+export { InLineAIMenu, hoverbarKeysEx } from './inline-ai-module.mjs';
 "use strict";