@ibiz-template/vue3-components 0.7.39 → 0.7.40

package/lib/editor/markdown/ibiz-markdown-editor/ibiz-markdown-editor.cjs

@@ -21,7 +21,7 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
     const ns = vue3Util.useNamespace("markdown");
     const c = props.controller;
     const currentVal = vue.ref("");
-    const editor = vue.ref(null);
+    let editor = null;
     const id = qxUtil.createUUID();
     const headers = vue.ref({
       ["".concat(ibiz.env.tokenHeader, "Authorization")]: "".concat(ibiz.env.tokenPrefix, "Bearer ").concat(core.getAppCookie(core.CoreConst.TOKEN))
@@ -37,6 +37,7 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
     let resizeObserver = null;
     let lastMarkDownWidth = 0;
     const cssVars = vue.ref({});
+    let isIgnoreChange = false;
     vue.watch(() => props.data, (newVal) => {
       if (newVal && c) {
         const urls = ibiz.util.file.calcFileUpDownUrl(c.context, c.params, newVal, c.editorParams);
@@ -54,18 +55,16 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
       callback(url);
     };
     const getCherryHtml = () => {
-      var _a2;
-      const result = (_a2 = editor.value) == null ? void 0 : _a2.getHtml();
+      const result = editor == null ? void 0 : editor.getHtml();
       return result;
     };
     const getCherryContent = () => {
-      var _a2;
-      const result = (_a2 = editor.value) == null ? void 0 : _a2.getMarkdown();
+      const result = editor == null ? void 0 : editor.getMarkdown();
       return result;
     };
     const setCherryContent = (val) => {
-      var _a2;
-      (_a2 = editor.value) == null ? void 0 : _a2.setMarkdown(val, false);
+      isIgnoreChange = true;
+      editor == null ? void 0 : editor.setMarkdown(val, false);
     };
     vue.watch(() => props.value, (newVal, oldVal) => {
       if (newVal !== oldVal) {
@@ -85,7 +84,8 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
       }
     });
     const afterChange = (_e) => {
-      emit("change", getCherryContent());
+      emit("change", getCherryContent(), c == null ? void 0 : c.model.id, isIgnoreChange);
+      isIgnoreChange = false;
     };
     const beforeImageMounted = (e, src) => {
       return {
@@ -107,8 +107,10 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
       }
     };
     const getFullscreenNodeInfo = () => {
-      if (editor.value && markDownBox.value) {
-        const parentElement = editor.value.editor.options.editorDom.parentElement;
+      if (editor && markDownBox.value) {
+        const parentElement = editor.editor.options.editorDom.parentElement;
+        if (!parentElement)
+          return {};
         const cherryClass = parentElement.classList;
         const fullscreenNode = markDownBox.value.querySelector(".".concat(fullscreenClassName));
         if (!fullscreenNode)
@@ -131,7 +133,7 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
         clearNodeChildren(fullscreenNode);
         fullscreenNode.appendChild(createCherryIcon("minscreen"));
         cherryClass.add("fullscreen");
-        fullscreenNode.title = ibiz.i18n.t("editor.markdown.minimize");
+        fullscreenNode.title = ibiz.i18n.t("editor.common.minimize");
         parentElement.setAttribute("tabindex", "-1");
         vue.nextTick(() => parentElement == null ? void 0 : parentElement.focus());
       }
@@ -145,7 +147,7 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
       if (parentElement && cherryClass && fullscreenNode) {
         clearNodeChildren(fullscreenNode);
         fullscreenNode.appendChild(createCherryIcon("fullscreen"));
-        fullscreenNode.title = ibiz.i18n.t("editor.markdown.fullscreen");
+        fullscreenNode.title = ibiz.i18n.t("editor.common.fullscreen");
         cherryClass.remove("fullscreen");
         parentElement == null ? void 0 : parentElement.blur();
         parentElement.setAttribute("tabindex", "-1");
@@ -158,7 +160,7 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
       return cherryClass == null ? void 0 : cherryClass.contains("fullscreen");
     };
     const onSwitchFullscreen = () => {
-      if (editor.value && markDownBox.value) {
+      if (editor && markDownBox.value) {
         if (isFullscreen()) {
           closeFullscreen();
         } else {
@@ -179,10 +181,19 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
         defaultModel.value = "previewOnly";
       }
       vue.nextTick(() => {
-        editor.value = new Cherry({
+        var _a2;
+        editor = new Cherry({
           id,
           value: currentVal.value,
-          theme: theme.value,
+          previewer: {
+            enablePreviewerBubble: !(props.disabled || props.readonly)
+          },
+          themeSettings: {
+            // 目前应用的主题
+            mainTheme: theme.value,
+            // 目前应用的代码块主题
+            codeBlockTheme: theme.value
+          },
           fileUpload,
           emoji: {
             useUnicode: true
@@ -204,7 +215,6 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
             }
           },
           toolbars: {
-            theme: theme.value,
             toolbar: ["bold", "italic", "underline", "strikethrough", "|", "color", "header", "|", "list", "image", {
               insert: ["link", "hr", "br", "code", "formula", "toc", "table", "line-table", "bar-table"]
             }, "settings", "togglePreview"],
@@ -216,23 +226,33 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
           callback: {
             afterChange,
             beforeImageMounted
+          },
+          engine: {
+            syntax: {
+              table: {
+                enableChart: false,
+                externals: ["echarts"]
+              }
+            }
           }
         });
+        editor.setTheme(theme.value);
         if (customTheme) {
-          editor.value.setTheme(customTheme);
+          editor.setTheme(customTheme);
+          editor.setCodeBlockTheme(customTheme);
         }
         const span = createElement("span", "".concat(fullscreenClassName, " cherry-toolbar-button"));
-        span.title = ibiz.i18n.t("editor.markdown.fullscreen");
+        span.title = ibiz.i18n.t("editor.common.fullscreen");
         span.onclick = onSwitchFullscreen;
         span.appendChild(createCherryIcon("fullscreen"));
-        const parentElement = props.disabled ? editor.value.editor.options.editorDom.parentElement : editor.value.editor.options.editorDom.parentElement.querySelector(".cherry-toolbar>.toolbar-right");
+        const parentElement = props.disabled ? editor.editor.options.editorDom.parentElement : (_a2 = editor.editor.options.editorDom.parentElement) == null ? void 0 : _a2.querySelector(".cherry-toolbar>.toolbar-right");
         parentElement == null ? void 0 : parentElement.appendChild(span);
       });
     };
     vue.watch(() => UIStore.theme, (newVal) => {
-      var _a2;
       theme.value = customTheme || newVal;
-      (_a2 = editor.value) == null ? void 0 : _a2.setTheme(theme.value);
+      editor == null ? void 0 : editor.setTheme(theme.value);
+      editor == null ? void 0 : editor.setCodeBlockTheme(theme.value);
     });
     const calcMarkDownStyle = () => {
       if (window.ResizeObserver && markDownBox.value) {
@@ -274,7 +294,7 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
       (_a2 = markDownBox.value) == null ? void 0 : _a2.removeEventListener("keydown", handleKeyDown.bind(this));
     });
     vue.onUnmounted(() => {
-      editor.value = null;
+      editor = null;
       if (resizeObserver) {
         resizeObserver.disconnect();
       }

package/lib/editor/markdown/ibiz-markdown-editor/ibiz-markdown-editor.css

@@ -1 +1 @@
-.ibiz-markdown .ibiz-markdown-cherry{--ibiz-markdown-width:100%;width:var(--ibiz-markdown-width)}.ibiz-markdown .ibiz-markdown-cherry .cherry{width:100%}.ibiz-markdown.is-disabled .cherry{min-height:auto}.ibiz-markdown.is-disabled .ibiz-markdown__fullscreen{position:absolute;top:8px;right:12px;z-index:99;font-size:var(--ibiz-font-size-regular);line-height:2.8}.ibiz-markdown.is-disabled .theme__dark .ibiz-markdown__fullscreen{color:var(--ibiz-color-text-0)}.ibiz-markdown.is-disabled .theme__dark .ibiz-markdown__fullscreen:hover{background-color:var(--ibiz-color-bg-3)}.ibiz-markdown .cherry-preview--full{border-left:none}.ibiz-markdown .theme__dark,.ibiz-markdown .theme__light{color:var(--ibiz-form-item-text-color)}.ibiz-markdown .cherry-markdown h1 a::before,.ibiz-markdown .cherry-markdown h2 a::before,.ibiz-markdown .cherry-markdown h3 a::before,.ibiz-markdown .cherry-markdown h4 a::before,.ibiz-markdown .cherry-markdown h5 a::before,.ibiz-markdown .cherry-markdown h6 a::before{display:none}
+.ibiz-markdown .ibiz-markdown-cherry{--ibiz-markdown-width:100%;width:var(--ibiz-markdown-width)}.ibiz-markdown .ibiz-markdown-cherry .cherry{width:100%}.ibiz-markdown.is-disabled .cherry{min-height:auto}.ibiz-markdown.is-disabled .ibiz-markdown__fullscreen{position:absolute;top:8px;right:12px;z-index:98;font-size:var(--ibiz-font-size-regular);line-height:2.8}.ibiz-markdown.is-disabled .theme__dark .ibiz-markdown__fullscreen{color:var(--ibiz-color-text-0)}.ibiz-markdown.is-disabled .theme__dark .ibiz-markdown__fullscreen:hover{background-color:var(--ibiz-color-bg-3)}.ibiz-markdown .cherry-preview--full{border-left:none}.ibiz-markdown .theme__dark,.ibiz-markdown .theme__light{color:var(--ibiz-form-item-text-color)}.ibiz-markdown .cherry-markdown h1 a::before,.ibiz-markdown .cherry-markdown h2 a::before,.ibiz-markdown .cherry-markdown h3 a::before,.ibiz-markdown .cherry-markdown h4 a::before,.ibiz-markdown .cherry-markdown h5 a::before,.ibiz-markdown .cherry-markdown h6 a::before{display:none}

package/lib/editor/number-range/ibiz-number-range-picker/ibiz-number-range-picker.cjs

@@ -2,8 +2,8 @@
 
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
-require('./ibiz-number-range-picker.css');
 var lodashEs = require('lodash-es');
+require('./ibiz-number-range-picker.css');
 
 "use strict";
 const IBizNumberRangePicker = /* @__PURE__ */ vue.defineComponent({

package/lib/editor/radio-button-list/ibiz-radio/ibiz-radio.cjs

@@ -3,6 +3,7 @@
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 var qxUtil = require('qx-util');
+var core = require('@ibiz-template/core');
 require('./ibiz-radio.css');
 
 "use strict";
@@ -84,10 +85,13 @@ const IBizRadio = /* @__PURE__ */ vue.defineComponent({
     };
   },
   render() {
+    var _a;
     let _slot;
+    const itemWidth = (_a = this.controller.editorParams) == null ? void 0 : _a.itemwidth;
+    const width = itemWidth ? "".concat(itemWidth, "px") : "";
     return vue.createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("show-default", this.showFormDefaultContent), this.ns.is("grid-layout", !!this.controller.rowNumber)],
-      "style": this.controller.rowNumber ? "--ibiz-radio-group-row-number:".concat(this.controller.rowNumber) : "",
+      "style": this.controller.rowNumber ? "".concat(this.ns.cssVarBlockName("group-row-number"), ":").concat(this.controller.rowNumber) : "",
       "ref": "editorRef"
     }, [this.readonly ? this.valueText : this.renderMode !== "tab" ? vue.createVNode(vue.resolveComponent("el-radio-group"), vue.mergeProps({
       "class": this.ns.e("group"),
@@ -95,6 +99,10 @@ const IBizRadio = /* @__PURE__ */ vue.defineComponent({
       "onChange": this.onSelectValueChange
     }, this.$attrs), _isSlot(_slot = this.items.map((_item, index) => this.renderMode === "radio" ? vue.createVNode(vue.resolveComponent("el-radio"), {
       "key": index,
+      "style": {
+        width
+      },
+      "title": core.showTitle(_item.text),
       "label": qxUtil.notNilEmpty(_item.value) ? String(_item.value) : "",
       "disabled": this.disabled || _item.disableSelect === true
     }, {
@@ -106,6 +114,10 @@ const IBizRadio = /* @__PURE__ */ vue.defineComponent({
     }) : vue.createVNode(vue.resolveComponent("el-radio-button"), {
       "key": index,
       "class": [this.ns.e("button"), this.isBtnRoundCorner ? this.ns.em("button", "round-corner") : ""],
+      "style": {
+        width
+      },
+      "title": core.showTitle(_item.text),
       "label": qxUtil.notNilEmpty(_item.value) ? String(_item.value) : "",
       "disabled": this.disabled || _item.disableSelect === true
     }, {
@@ -124,6 +136,10 @@ const IBizRadio = /* @__PURE__ */ vue.defineComponent({
       const disabled = this.disabled || _item.disableSelect === true;
       return vue.createVNode("span", {
         "class": [this.ns.b("tab-item"), this.ns.is("selected", currentValue === value), this.ns.is("disabled", disabled)],
+        "style": {
+          width
+        },
+        "title": core.showTitle(_item.text),
         "onClick": () => {
           if (disabled) {
             return;
@@ -132,7 +148,9 @@ const IBizRadio = /* @__PURE__ */ vue.defineComponent({
         }
       }, [_item.sysImage && vue.createVNode(vue.resolveComponent("iBizIcon"), {
         "icon": _item.sysImage
-      }, null), _item.text || ""]);
+      }, null), vue.createVNode("span", {
+        "class": this.ns.be("tab-item", "text")
+      }, [_item.text || ""])]);
     })])]);
   }
 });

package/lib/editor/radio-button-list/ibiz-radio/ibiz-radio.css

@@ -1 +1 @@
-.ibiz-radio{--ibiz-radio-group-row-number:0}.ibiz-radio .el-radio__label{display:flex;align-items:center}.ibiz-radio .el-radio__label .ibiz-icon{display:flex;margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-radio__text{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color)}.ibiz-radio--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-radio__button--round-corner{margin-right:var(--ibiz-spacing-base-loose)}.ibiz-radio__button--round-corner.el-radio-button.is-active .el-radio-button__inner{color:var(--ibiz-color-primary);background-color:var(--ibiz-color-secondary-light-default);border-color:var(--ibiz-color-secondary-light-default)}.ibiz-radio__button--round-corner.el-radio-button.is-active .el-radio-button__original-radio:checked+.el-radio-button__inner{box-shadow:none}.ibiz-radio__button--round-corner.el-radio-button .el-radio-button__inner{padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);background-color:var(--ibiz-color-tertiary-light-hover);border-color:var(--ibiz-color-tertiary-light-hover);border-radius:var(--ibiz-height-control-default)}.ibiz-radio__button--round-corner.el-radio-button .el-radio-button__inner:nth-last-child(1){margin:0}.ibiz-radio__button--round-corner.el-radio-button.is-disabled.is-active .el-radio-button__inner{border:var(--ibiz-border-thickness-control) solid var(--ibiz-color-disabled-text)}.ibiz-radio__button--round-corner.el-radio-button.is-disabled .el-radio-button__inner{color:var(--ibiz-color-disabled-text);background:var(--ibiz-color-disabled-bg);border-color:var(--ibiz-color-disabled-border)}.ibiz-radio__button .el-radio-button__inner{display:flex;align-items:center}.ibiz-radio__button .el-radio-button__inner .ibiz-icon{display:flex;margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-radio.is-grid-layout .el-radio-group{display:grid;grid-template-columns:repeat(var(--ibiz-radio-group-row-number),1fr)}.ibiz-form-item .ibiz-radio.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}.ibiz-radio-tab{display:flex;height:100%;overflow-x:auto;white-space:nowrap}.ibiz-radio-tab-item{position:relative;display:inline-block;display:flex;align-items:center;width:auto;height:100%;padding:var(--ibiz-spacing-base-tight);font-size:var(--ibiz-font-size-regular);cursor:pointer}.ibiz-radio-tab-item:hover{color:var(--ibiz-color-primary)}.ibiz-radio-tab-item .ibiz-icon{display:flex;margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-radio-tab-item.is-selected::after{position:absolute;bottom:2px;left:var(--ibiz-spacing-base-tight);width:calc(100% - 2 * var(--ibiz-spacing-base-tight));height:2px;content:"";background-color:var(--ibiz-color-primary)}.ibiz-radio-tab-item.is-disabled{color:var(--ibiz-color-disabled-text);cursor:not-allowed}.ibiz-radio-tab-item.is-disabled::after{background-color:var(--ibiz-color-disabled-text)}
+.ibiz-radio{--ibiz-radio-group-row-number:0}.ibiz-radio .el-radio__label{display:flex;align-items:center;overflow:hidden}.ibiz-radio .el-radio__label .ibiz-icon{display:flex;margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-radio__text{overflow:hidden;font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color);text-overflow:ellipsis;white-space:nowrap}.ibiz-radio--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-radio__button--round-corner{margin-right:var(--ibiz-spacing-base-loose)}.ibiz-radio__button--round-corner.el-radio-button.is-active .el-radio-button__inner{color:var(--ibiz-color-primary);background-color:var(--ibiz-color-secondary-light-default);border-color:var(--ibiz-color-secondary-light-default)}.ibiz-radio__button--round-corner.el-radio-button.is-active .el-radio-button__original-radio:checked+.el-radio-button__inner{box-shadow:none}.ibiz-radio__button--round-corner.el-radio-button .el-radio-button__inner{padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);background-color:var(--ibiz-color-tertiary-light-hover);border-color:var(--ibiz-color-tertiary-light-hover);border-radius:var(--ibiz-height-control-default)}.ibiz-radio__button--round-corner.el-radio-button .el-radio-button__inner:nth-last-child(1){margin:0}.ibiz-radio__button--round-corner.el-radio-button.is-disabled.is-active .el-radio-button__inner{border:var(--ibiz-border-thickness-control) solid var(--ibiz-color-disabled-text)}.ibiz-radio__button--round-corner.el-radio-button.is-disabled .el-radio-button__inner{color:var(--ibiz-color-disabled-text);background:var(--ibiz-color-disabled-bg);border-color:var(--ibiz-color-disabled-border)}.ibiz-radio__button .el-radio-button__inner{display:flex;align-items:center;justify-content:center}.ibiz-radio__button .el-radio-button__inner .ibiz-icon{display:flex;margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-radio__button--text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-radio.is-grid-layout .el-radio-group{display:grid;grid-template-columns:repeat(var(--ibiz-radio-group-row-number),1fr)}.ibiz-form-item .ibiz-radio.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}.ibiz-radio-tab{display:flex;height:100%;overflow-x:auto;white-space:nowrap}.ibiz-radio-tab-item{position:relative;display:inline-block;display:flex;align-items:center;justify-content:center;width:auto;height:100%;padding:var(--ibiz-spacing-base-tight);font-size:var(--ibiz-font-size-regular);cursor:pointer}.ibiz-radio-tab-item:hover{color:var(--ibiz-color-primary)}.ibiz-radio-tab-item .ibiz-icon{display:flex;margin-right:var(--ibiz-spacing-extra-tight)}.ibiz-radio-tab-item.is-selected::after{position:absolute;bottom:2px;left:var(--ibiz-spacing-base-tight);width:calc(100% - 2 * var(--ibiz-spacing-base-tight));height:2px;content:"";background-color:var(--ibiz-color-primary)}.ibiz-radio-tab-item.is-disabled{color:var(--ibiz-color-disabled-text);cursor:not-allowed}.ibiz-radio-tab-item.is-disabled::after{background-color:var(--ibiz-color-disabled-text)}.ibiz-radio-tab-item__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

package/lib/editor/raw/ibiz-raw/ibiz-raw.cjs

@@ -14,6 +14,9 @@ const IBizRaw = /* @__PURE__ */ vue.defineComponent({
     const c = props.controller;
     const editorModel = c.model;
     const content = vue.ref("");
+    const enableOverFlow = vue.computed(() => {
+      return !!c.model.editorHeight;
+    });
     let type = "TEXT";
     let template = "";
     if (editorModel.contentType) {
@@ -66,12 +69,13 @@ const IBizRaw = /* @__PURE__ */ vue.defineComponent({
       content,
       type,
       template,
+      enableOverFlow,
       showFormDefaultContent
     };
   },
   render() {
     return vue.createVNode("div", {
-      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("show-default", this.showFormDefaultContent)]
+      "class": [this.ns.b(), this.ns.is("overflow", this.enableOverFlow), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("show-default", this.showFormDefaultContent)]
     }, [this.content && vue.createVNode(vue.resolveComponent("iBizRawItem"), {
       "class": this.ns.b("content"),
       "content": this.content,

package/lib/editor/raw/ibiz-raw/ibiz-raw.css

@@ -1 +1 @@
-.ibiz-raw{line-height:var(--ibiz-form-item-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-raw.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}
+.ibiz-raw{line-height:var(--ibiz-form-item-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-raw.is-overflow .ibiz-rawitem{overflow-y:auto}.ibiz-form-item .ibiz-raw.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}

package/lib/editor/slider/ibiz-slider/ibiz-slider.cjs

@@ -117,10 +117,10 @@ const IBizSlider = /* @__PURE__ */ vue.defineComponent({
         pieStyle.value = "height:".concat(pieSize.value, "px;width:").concat(pieSize.value, "px;min-width:unset;min-height:unset;");
       }
       if (pieBg) {
-        pieStyle.value += "--ibiz-editor-slider-pie-bg:".concat(pieBg, ";");
+        pieStyle.value += "".concat(ns.cssVarName("editor-slider-pie-bg"), ":").concat(pieBg, ";");
       }
       if (piePercentBg) {
-        pieStyle.value += "--ibiz-editor-slider-pie-percent-bg:".concat(piePercentBg, ";");
+        pieStyle.value += "".concat(ns.cssVarName("editor-slider-pie-percent-bg"), ":").concat(piePercentBg, ";");
       }
       pieStyle.value += "animation-delay:-".concat(currentVal.value, "s;");
     };

package/lib/editor/switch/ibiz-switch-tristate/ibiz-switch-tristate.cjs

@@ -0,0 +1,72 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./ibiz-switch-tristate.css');
+
+"use strict";
+const IBizSwitchTriState = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizSwitchTriState",
+  props: vue3Util.getSwitchProps(),
+  emits: vue3Util.getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("switch-tristate");
+    const c = props.controller;
+    const lastVal = vue.ref(null);
+    const currentVal = vue.ref(null);
+    vue.watch(() => props.value, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        if (newVal === 0) {
+          currentVal.value = 0;
+        } else if (newVal === 1) {
+          currentVal.value = 1;
+        } else {
+          currentVal.value = null;
+        }
+      }
+    }, {
+      immediate: true
+    });
+    const onSwitchClick = () => {
+      if (props.disabled || props.readonly) {
+        return;
+      }
+      if (currentVal.value === null) {
+        if (lastVal.value === null || lastVal.value === 0) {
+          lastVal.value = null;
+          emit("change", 1);
+        }
+        if (lastVal.value === 1) {
+          lastVal.value = null;
+          emit("change", 0);
+        }
+      }
+      if (currentVal.value === 1) {
+        lastVal.value = 1;
+        emit("change", null);
+      }
+      if (currentVal.value === 0) {
+        lastVal.value = 0;
+        emit("change", null);
+      }
+    };
+    return {
+      ns,
+      c,
+      currentVal,
+      onSwitchClick
+    };
+  },
+  render() {
+    return vue.createVNode("div", {
+      "class": [this.ns.b()]
+    }, [vue.createVNode("div", {
+      "class": [this.ns.e("switch-wrapper"), this.ns.is("left", this.currentVal === 0), this.ns.is("center", this.currentVal === null), this.ns.is("right", this.currentVal === 1), this.ns.is("disabled", this.disabled || this.readonly)],
+      "onClick": this.onSwitchClick
+    }, null)]);
+  }
+});
+
+exports.IBizSwitchTriState = IBizSwitchTriState;

package/lib/editor/switch/ibiz-switch-tristate/ibiz-switch-tristate.css

@@ -0,0 +1 @@
+.ibiz-switch-tristate{--ibiz-switch-tristate-leftbg:var(--ibiz-color-danger);--ibiz-switch-tristate-rightbg:var(--ibiz-color-primary);--ibiz-switch-tristate-centerbg:var(--ibiz-color-fill-1);display:flex;flex-direction:column;justify-content:center;width:100%;height:32px}.ibiz-switch-tristate__switch-wrapper{position:relative;display:inline-block;width:44px;height:20px;cursor:pointer;border-radius:10px}.ibiz-switch-tristate__switch-wrapper::after{position:absolute;top:2px;width:16px;height:16px;content:"";background-color:var(--ibiz-color-white);border-radius:50%;transition:all .3s}.ibiz-switch-tristate__switch-wrapper.is-left{background-color:var(--ibiz-switch-tristate-leftbg)}.ibiz-switch-tristate__switch-wrapper.is-left::after{left:2px}.ibiz-switch-tristate__switch-wrapper.is-right{background-color:var(--ibiz-switch-tristate-rightbg)}.ibiz-switch-tristate__switch-wrapper.is-right::after{left:26px}.ibiz-switch-tristate__switch-wrapper.is-center{background-color:var(--ibiz-switch-tristate-centerbg)}.ibiz-switch-tristate__switch-wrapper.is-center::after{left:14px}.ibiz-switch-tristate__switch-wrapper.is-disabled{cursor:not-allowed}.ibiz-switch-tristate__switch-wrapper.is-disabled::before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background-color:var(--ibiz-color-bg-4);opacity:.3}

package/lib/editor/switch/index.cjs

@@ -1,11 +1,13 @@
 'use strict';
 
 var ibizSwitch = require('./ibiz-switch/ibiz-switch.cjs');
+var ibizSwitchTristate = require('./ibiz-switch-tristate/ibiz-switch-tristate.cjs');
 var switchEditor_controller = require('./switch-editor.controller.cjs');
 var switchEditor_provider = require('./switch-editor.provider.cjs');
 
 "use strict";
 
 exports.IBizSwitch = ibizSwitch.IBizSwitch;
+exports.IBizSwitchTriState = ibizSwitchTristate.IBizSwitchTriState;
 exports.SwitchEditorController = switchEditor_controller.SwitchEditorController;
 exports.SwitchEditorProvider = switchEditor_provider.SwitchEditorProvider;

package/lib/editor/switch/switch-editor.provider.cjs

@@ -10,9 +10,13 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 class SwitchEditorProvider {
-  constructor() {
+  constructor(editorStyle) {
     __publicField(this, "formEditor", "IBizSwitch");
     __publicField(this, "gridEditor", "IBizSwitch");
+    if (editorStyle === "TRISTATE") {
+      this.formEditor = "IBizSwitchTriState";
+      this.gridEditor = "IBizSwitchTriState";
+    }
   }
   async createController(editorModel, parentController) {
     const c = new switchEditor_controller.SwitchEditorController(editorModel, parentController);

package/lib/editor/text-box/input/input.cjs

@@ -256,20 +256,20 @@ const IBizInput = /* @__PURE__ */ vue.defineComponent({
               return true;
             }
           },
-          abortQuestion: (aiChat) => {
+          abortQuestion: async (aiChat) => {
             abortController == null ? void 0 : abortController.abort();
-            aiChat.stopMessage({
+            await aiChat.stopMessage({
               messageid: id,
               state: 30,
               type: "DEFAULT",
               role: "ASSISTANT",
               content: ""
             });
-            aiChat.completeMessage(id, true);
+            await aiChat.completeMessage(id, true);
           },
           action: (action, message) => {
             if (action === "backfill") {
-              handleChange(message.content);
+              handleChange(message.realcontent || "");
             }
           },
           history: async (ctx, param, other) => {

package/lib/editor/text-box/input/input.css

@@ -1 +1 @@
-.ibiz-input{width:100%;height:100%;font-size:var(--ibiz-form-item-font-size);font-weight:var(--ibiz-form-item-regular);--ibiz-input-min-height:var(--ibiz-editor-default-line-height)}.ibiz-input__ai-chat{display:flex;align-items:center;justify-content:center;position:absolute;right:var(--ibiz-spacing-base-loose);bottom:var(--ibiz-spacing-base-loose);width:calc(var(--ibiz-width-icon-medium) + 2 * var(--ibiz-spacing-tight));height:calc(var(--ibiz-width-icon-medium) + 2 * var(--ibiz-spacing-tight));padding:var(--ibiz-spacing-tight);font-size:var(--ibiz-width-icon-medium);color:var(--ibiz-color-primary-text);cursor:pointer;background-color:var(--ibiz-color-primary);border-radius:var(--ibiz-border-radius-circle)}.ibiz-input__ai-chat:hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-input .el-input .el-input__inner{height:100%}.ibiz-input .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input .el-textarea .el-textarea__inner{height:100%}.ibiz-input .el-textarea .el-textarea__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .el-textarea .el-textarea__inner::placeholder{color:var(--ibiz-form-item-placeholder-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .el-input__count{bottom:0}.ibiz-input .ibiz-input-input{height:100%}.ibiz-input .ibiz-input-input .el-input__wrapper{width:100%;min-height:var(--ibiz-input-min-height)}.ibiz-input--readonly{height:auto;overflow:auto;line-height:var(--ibiz-input-min-height);color:var(--ibiz-form-item-readonly-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .el-input__suffix .ibiz-input__unit{font-style:normal}.ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-textarea{padding:var(--ibiz-form-item-hover-edit-padding);overflow:hidden}.ibiz-form-item .ibiz-input.is-show-default.is-textarea .ibiz-input-form-default-content{display:block}.ibiz-form-item .ibiz-input.is-show-default.is-textarea .ibiz-input-input{display:none}.ibiz-form-item .ibiz-input.is-show-default:hover .ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default:hover .ibiz-input-input{display:inline-flex}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-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);word-wrap:break-word;white-space:pre-wrap}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-input{display:none;font-family:Arial,sans-serif}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-input.el-textarea .el-textarea__inner{word-wrap:break-word;white-space:pre-wrap}.ibiz-form-item .ibiz-input.is-show-default.is-editable .ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-editable .ibiz-input-input{display:inline-flex}
+.ibiz-input{width:100%;height:100%;font-size:var(--ibiz-form-item-font-size);font-weight:var(--ibiz-form-item-regular);--ibiz-input-min-height:var(--ibiz-editor-default-line-height)}.ibiz-input__ai-chat{display:flex;align-items:center;justify-content:center;position:absolute;right:var(--ibiz-spacing-base-loose);bottom:var(--ibiz-spacing-base-loose);width:calc(var(--ibiz-width-icon-medium) + 2 * var(--ibiz-spacing-tight));height:calc(var(--ibiz-width-icon-medium) + 2 * var(--ibiz-spacing-tight));padding:var(--ibiz-spacing-tight);font-size:var(--ibiz-width-icon-medium);color:var(--ibiz-color-primary-text);cursor:pointer;background-color:var(--ibiz-color-primary);border-radius:var(--ibiz-border-radius-circle)}.ibiz-input__ai-chat:hover{color:var(--ibiz-color-primary-hover-text);background-color:var(--ibiz-color-primary-hover)}.ibiz-input .el-input .el-input__inner{height:100%}.ibiz-input .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input .el-textarea .el-textarea__inner{height:100%}.ibiz-input .el-textarea .el-textarea__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .el-textarea .el-textarea__inner::placeholder{color:var(--ibiz-form-item-placeholder-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .el-input__count{bottom:0}.ibiz-input .ibiz-input-input{height:100%}.ibiz-input .ibiz-input-input .el-input__wrapper{width:100%;min-height:var(--ibiz-input-min-height)}.ibiz-input--readonly{height:auto;overflow:auto;line-height:var(--ibiz-input-min-height);color:var(--ibiz-form-item-readonly-color);word-break:break-word;white-space:pre-wrap}.ibiz-input .el-input__suffix .ibiz-input__unit{font-style:normal}.ibiz-input .el-textarea__inner{min-height:32px!important}.ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-textarea{padding:var(--ibiz-form-item-hover-edit-padding);overflow:hidden}.ibiz-form-item .ibiz-input.is-show-default.is-textarea .ibiz-input-form-default-content{display:block}.ibiz-form-item .ibiz-input.is-show-default.is-textarea .ibiz-input-input{display:none}.ibiz-form-item .ibiz-input.is-show-default:hover .ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default:hover .ibiz-input-input{display:inline-flex}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-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);word-wrap:break-word;white-space:pre-wrap}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-input{display:none;font-family:Arial,sans-serif}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-input.el-textarea .el-textarea__inner{word-wrap:break-word;white-space:pre-wrap}.ibiz-form-item .ibiz-input.is-show-default.is-editable .ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-editable .ibiz-input-input{display:inline-flex}

package/lib/editor/upload/ibiz-file-upload/ibiz-file-upload.cjs

@@ -2,8 +2,8 @@
 
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
-require('./ibiz-file-upload.css');
 var useIviewUpload = require('../use/use-iview-upload.cjs');
+require('./ibiz-file-upload.css');
 
 "use strict";
 function _isSlot(s) {

package/lib/editor/upload/ibiz-image-cropping/ibiz-image-cropping.cjs

@@ -2,8 +2,8 @@
 
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
-require('./ibiz-image-cropping.css');
 var useIviewUpload = require('../use/use-iview-upload.cjs');
+require('./ibiz-image-cropping.css');
 
 "use strict";
 const IBizImageCropping = /* @__PURE__ */ vue.defineComponent({

package/lib/editor/user/ibiz-searchcond-edit/ibiz-searchcond-edit.cjs

@@ -2,10 +2,10 @@
 
 var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
-require('./ibiz-searchcond-edit.css');
 var qxUtil = require('qx-util');
 var runtime = require('@ibiz-template/runtime');
 var core = require('@ibiz-template/core');
+require('./ibiz-searchcond-edit.css');
 
 "use strict";
 const IBizSearchCondEdit = /* @__PURE__ */ vue.defineComponent({

package/lib/ibiz-vue3.cjs

@@ -7,7 +7,7 @@ var runtime = require('@ibiz-template/runtime');
 var index$1 = require('./common/index.cjs');
 var index$2 = require('./panel-component/index.cjs');
 require('./control/index.cjs');
-var index$E = require('./editor/index.cjs');
+var index$F = require('./editor/index.cjs');
 require('./view/index.cjs');
 var index = require('./locale/index.cjs');
 var index$3 = require('./view-engine/index.cjs');
@@ -49,6 +49,7 @@ var index$A = require('./control/map/index.cjs');
 var index$B = require('./control/report-panel/index.cjs');
 var index$C = require('./control/gantt/index.cjs');
 var index$D = require('./control/context-menu/index.cjs');
+var index$E = require('./control/view-panel/index.cjs');
 
 "use strict";
 var IBizVue3 = {
@@ -102,7 +103,8 @@ var IBizVue3 = {
     v.use(index$B.IBizReportPanelControl);
     v.use(index$C.IBizGanttControl);
     v.use(index$D.IBizContextMenuControl);
-    v.use(index$E.IBizEditor);
+    v.use(index$E.IBizViewPanelControl);
+    v.use(index$F.IBizEditor);
   }
 };