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

package/es/editor/slider/ibiz-slider/ibiz-slider.mjs

@@ -1,4 +1,4 @@
-import { computed, ref, watch, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
+import { defineComponent, ref, computed, watch, onMounted, nextTick, onBeforeUnmount, createVNode, resolveComponent, mergeProps } from 'vue';
 import { getSliderProps, getEditorEmits, useNamespace, useAutoFocusBlur, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import { toNumber } from 'lodash-es';
 import './ibiz-slider.css';
@@ -21,6 +21,8 @@ const IBizSlider = /* @__PURE__ */ defineComponent({
       useInFocusAndBlur,
       useInValueChange
     } = useAutoFocusBlur(props, emit);
+    const pieStyle = ref("");
+    const pieSize = ref(0);
     let step = 1;
     let max = 100;
     let min = 0;
@@ -31,6 +33,8 @@ const IBizSlider = /* @__PURE__ */ defineComponent({
     let format = valueFormat || "0%";
     let type = "line";
     let textItem = "";
+    let pieBg = "";
+    let piePercentBg = "";
     if (editorModel.editorParams) {
       if (editorModel.editorParams.stepvalue) {
         step = toNumber(editorModel.editorParams.stepvalue);
@@ -62,6 +66,12 @@ const IBizSlider = /* @__PURE__ */ defineComponent({
       if (editorModel.editorParams.textItem) {
         textItem = editorModel.editorParams.textItem;
       }
+      if (editorModel.editorParams.pieBg) {
+        pieBg = editorModel.editorParams.pieBg;
+      }
+      if (editorModel.editorParams.piePercentBg) {
+        piePercentBg = editorModel.editorParams.piePercentBg;
+      }
     }
     const showFormDefaultContent = computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
@@ -84,10 +94,34 @@ const IBizSlider = /* @__PURE__ */ defineComponent({
           return handleLineVal(val);
         case "circle":
           return handleCircleVal(val);
+        case "pie":
+          return handleCircleVal(val);
         default:
           return val;
       }
     };
+    const {
+      componentRef: editorRef
+    } = useFocusAndBlur(() => emit("focus"), () => useInFocusAndBlur());
+    const caclPieWidth = () => {
+      if (editorRef.value) {
+        pieSize.value = Math.min(editorRef.value.clientHeight, editorRef.value.clientWidth);
+      }
+    };
+    const caclPieStyle = () => {
+      caclPieWidth();
+      pieStyle.value = "";
+      if (pieSize.value > 0) {
+        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, ";");
+      }
+      if (piePercentBg) {
+        pieStyle.value += "--ibiz-editor-slider-pie-percent-bg:".concat(piePercentBg, ";");
+      }
+      pieStyle.value += "animation-delay:-".concat(currentVal.value, "s;");
+    };
     const currentVal = ref();
     watch(() => props.value, (newVal, oldVal) => {
       if (newVal !== oldVal) {
@@ -97,13 +131,35 @@ const IBizSlider = /* @__PURE__ */ defineComponent({
           } else {
             currentVal.value = 0;
           }
+          if (type === "pie") {
+            caclPieStyle();
+          }
         } else {
           currentVal.value = handleCurVal(newVal);
+          if (type === "pie") {
+            caclPieStyle();
+          }
         }
       }
     }, {
       immediate: true
     });
+    const calcSize = () => {
+      caclPieStyle();
+    };
+    onMounted(() => {
+      if (type === "pie") {
+        window.addEventListener("resize", calcSize);
+        nextTick(() => {
+          caclPieStyle();
+        });
+      }
+    });
+    onBeforeUnmount(() => {
+      if (type === "pie") {
+        window.removeEventListener("resize", calcSize);
+      }
+    });
     const textVal = computed(() => {
       if (textItem) {
         const data = props.data || {};
@@ -122,9 +178,6 @@ const IBizSlider = /* @__PURE__ */ defineComponent({
       }
       useInValueChange();
     };
-    const {
-      componentRef: editorRef
-    } = useFocusAndBlur(() => emit("focus"), () => useInFocusAndBlur());
     return {
       ns,
       currentVal,
@@ -140,7 +193,8 @@ const IBizSlider = /* @__PURE__ */ defineComponent({
       editorRef,
       showText,
       textVal,
-      showFormDefaultContent
+      showFormDefaultContent,
+      pieStyle
     };
   },
   render() {
@@ -180,6 +234,12 @@ const IBizSlider = /* @__PURE__ */ defineComponent({
         }
       });
     }
+    if (this.type === "pie") {
+      content = createVNode("div", {
+        "class": [this.ns.e("pie-content"), this.ns.is("hundred-percent", this.currentVal >= this.max)],
+        "style": this.pieStyle
+      }, null);
+    }
     return createVNode("div", {
       "class": [this.ns.b(), this.readonly ? this.ns.m("readonly") : "", this.showText ? this.ns.e("text") : "", this.ns.is("show-default", this.showFormDefaultContent), this.ns.e(this.type)],
       "ref": "editorRef"

package/es/editor/span/span/span.d.ts

@@ -66,6 +66,7 @@ export declare const IBizSpan: import("vue").DefineComponent<{
     valueFormat: string | undefined;
     unitName: string | undefined;
     showFormDefaultContent: import("vue").ComputedRef<boolean>;
+    spanTitle: Ref<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: (ArrayConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<SpanEditorController>, undefined, undefined>;

package/es/editor/span/span/span.mjs

@@ -1,8 +1,8 @@
-import { ref, watch, computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { defineComponent, ref, watch, computed, createVNode, resolveComponent } from 'vue';
 import { getSpanProps, useNamespace, useCodeListListen, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import './span.css';
 import { isNil } from 'ramda';
-import { DataTypes, isEmoji, base64ToStr } from '@ibiz-template/core';
+import { DataTypes, isEmoji, base64ToStr, showTitle } from '@ibiz-template/core';
 import dayjs from 'dayjs';
 import customParseFormat from 'dayjs/plugin/customParseFormat';
 
@@ -30,6 +30,7 @@ const IBizSpan = /* @__PURE__ */ defineComponent({
       dataType,
       unitName
     } = c.parent;
+    const spanTitle = ref("");
     const textSeparator = c.model.textSeparator || ((_a = c.editorParams) == null ? void 0 : _a.TEXTSEPARATOR) || ",";
     watch(() => props.value, (newVal, oldVal) => {
       if (newVal !== oldVal) {
@@ -122,7 +123,8 @@ const IBizSpan = /* @__PURE__ */ defineComponent({
       items,
       valueFormat,
       unitName,
-      showFormDefaultContent
+      showFormDefaultContent,
+      spanTitle
     };
   },
   render() {
@@ -148,13 +150,15 @@ const IBizSpan = /* @__PURE__ */ defineComponent({
       }
     } else if (this.text) {
       content = this.text;
+      this.spanTitle = this.text;
     } else {
       content = "- - -";
     }
     const isEllipsis = this.c.editorParams.overflowMode === "ellipsis" || this.c.model.wrapMode === "NOWRAP";
     return createVNode("span", {
       "class": [this.ns.b(), this.readonly ? this.ns.m("readonly") : "", this.ns.is("show-default", this.showFormDefaultContent), this.ns.is("is-ellipsis", isEllipsis)],
-      "ref": "editorRef"
+      "ref": "editorRef",
+      "title": showTitle(this.spanTitle)
     }, [content]);
   }
 });

package/es/editor/span/span-link/span-link.d.ts

@@ -61,8 +61,8 @@ export declare const IBizSpanLink: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onInfoTextChange?: ((_text: string) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/span/span-link/span-link.mjs

@@ -1,4 +1,4 @@
-import { ref, watch, computed, createVNode, defineComponent } from 'vue';
+import { defineComponent, ref, watch, computed, createVNode } from 'vue';
 import { getSpanProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import './span-link.css';
 

package/es/editor/stepper/ibiz-stepper/ibiz-stepper.d.ts

@@ -67,8 +67,8 @@ export declare const IBizStepper: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onInfoTextChange?: ((_text: string) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/stepper/ibiz-stepper/ibiz-stepper.mjs

@@ -1,4 +1,4 @@
-import { ref, computed, watch, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
+import { defineComponent, ref, computed, watch, createVNode, resolveComponent, mergeProps } from 'vue';
 import { getStepperProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import { toNumber } from 'lodash-es';
 import './ibiz-stepper.css';

package/es/editor/switch/ibiz-switch/ibiz-switch.d.ts

@@ -64,8 +64,8 @@ export declare const IBizSwitch: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onInfoTextChange?: ((_text: string) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/switch/ibiz-switch/ibiz-switch.mjs

@@ -1,4 +1,4 @@
-import { ref, computed, watch, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
+import { defineComponent, ref, computed, watch, createVNode, resolveComponent, mergeProps } from 'vue';
 import { getSwitchProps, getEditorEmits, useNamespace, useAutoFocusBlur, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import './ibiz-switch.css';
 

package/es/editor/text-box/ibiz-input-ip/ibiz-input-ip.d.ts

@@ -68,8 +68,8 @@ export declare const IBizInputIP: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onInfoTextChange?: ((_text: string) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/text-box/ibiz-input-ip/ibiz-input-ip.mjs

@@ -1,4 +1,4 @@
-import { ref, computed, watch, resolveComponent, createVNode, createTextVNode, defineComponent } from 'vue';
+import { defineComponent, ref, computed, watch, createVNode, resolveComponent, createTextVNode } from 'vue';
 import { getInputIpProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import './ibiz-input-ip.css';
 

package/es/editor/text-box/ibiz-input-number/ibiz-input-number.d.ts

@@ -71,8 +71,8 @@ export declare const IBizInputNumber: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onInfoTextChange?: ((_text: string) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/text-box/ibiz-input-number/ibiz-input-number.mjs

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

package/es/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 .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)}.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)}.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}

package/es/editor/text-box/input/input.d.ts

@@ -110,8 +110,8 @@ export declare const IBizInput: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onInfoTextChange?: ((_text: string) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/text-box/input/input.mjs

@@ -1,4 +1,5 @@
-import { isVNode, ref, computed, watch, onUnmounted, resolveComponent, createVNode, mergeProps, defineComponent } from 'vue';
+import { isVNode, defineComponent, ref, computed, watch, onUnmounted, createVNode, resolveComponent, mergeProps } from 'vue';
+import { debounce } from 'lodash-es';
 import { getInputProps, getEditorEmits, useNamespace, useCodeListListen } from '@ibiz-template/vue3-util';
 import { isEmoji, base64ToStr } from '@ibiz-template/core';
 import { createUUID } from 'qx-util';
@@ -87,6 +88,8 @@ const IBizInput = /* @__PURE__ */ defineComponent({
         }, 100);
       }
     };
+    let isDebounce = false;
+    let awaitSearch;
     let blurCacheValue;
     const handleChange = (val) => {
       if (blurCacheValue !== val) {
@@ -94,16 +97,30 @@ const IBizInput = /* @__PURE__ */ defineComponent({
       }
       blurCacheValue = void 0;
     };
-    const handleInput = (val) => {
+    const debounceChange = debounce((val) => {
       if (blurCacheValue !== val) {
         onEmit(val, "input");
       }
       blurCacheValue = void 0;
+      isDebounce = false;
+      if (awaitSearch) {
+        awaitSearch();
+      }
+    }, 300, {
+      leading: true
+    });
+    const handleInput = (val) => {
+      isDebounce = true;
+      debounceChange(val);
     };
     const handleKeyUp = (e) => {
       if (e && e.code === "Enter") {
         emit("enter", e);
-        editorRef.value.$el.dispatchEvent(e);
+        if (isDebounce) {
+          awaitSearch = () => {
+            editorRef.value.$el.dispatchEvent(e);
+          };
+        }
       }
     };
     const onBlur = (event) => {

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

@@ -75,8 +75,8 @@ export declare const IBizFileUpload: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onInfoTextChange?: ((_text: string) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

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

@@ -1,4 +1,4 @@
-import { isVNode, computed, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, computed, createVNode, resolveComponent, mergeProps } from 'vue';
 import { getUploadProps, getEditorEmits, useNamespace, useAutoFocusBlur, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import './ibiz-file-upload.css';
 import { useIViewUpload } from '../use/use-iview-upload.mjs';

package/es/editor/upload/ibiz-image-preview/ibiz-image-preview.d.ts

@@ -58,8 +58,8 @@ export declare const IBizImagePreview: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onInfoTextChange?: ((_text: string) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

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

@@ -1,4 +1,4 @@
-import { computed, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
+import { defineComponent, computed, createVNode, resolveComponent, mergeProps } from 'vue';
 import { getUploadProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import './ibiz-image-preview.css';
 

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

@@ -79,8 +79,8 @@ export declare const IBizImageUpload: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onInfoTextChange?: ((_text: string) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

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

@@ -1,4 +1,4 @@
-import { ref, computed, createVNode, resolveComponent, mergeProps, defineComponent } from 'vue';
+import { defineComponent, ref, computed, createVNode, resolveComponent, mergeProps } from 'vue';
 import { getUploadProps, getEditorEmits, useNamespace, useAutoFocusBlur, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import './ibiz-image-upload.css';
 import { useIViewUpload } from '../use/use-iview-upload.mjs';

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

@@ -15,6 +15,7 @@ function useIViewUpload(props, valueChange, c) {
     cacheFiles: []
     // iview上传过程中不能改default-file-list,所以需要缓存
   };
+  const svgBlob = /* @__PURE__ */ new Map();
   watch(
     () => props.value,
     (newVal) => {
@@ -61,10 +62,20 @@ function useIViewUpload(props, valueChange, c) {
         reader.readAsDataURL(blob);
       });
     } catch (error) {
-      console.error(error);
+      ibiz.log.error(error == null ? void 0 : error.message);
       throw error;
     }
   };
+  const calcSvgPreview = (file) => {
+    const blob = svgBlob.get(file.id);
+    if (blob) {
+      file.base64 = blob;
+    } else {
+      fetchSVGAsBase64(file.url).then((base64String) => {
+        file.base64 = base64String;
+      });
+    }
+  };
   watch(
     files,
     (newVal) => {
@@ -72,9 +83,7 @@ function useIViewUpload(props, valueChange, c) {
         newVal.forEach((file) => {
           file.url = file.url || downloadUrl.value.replace("%fileId%", file.id);
           if (file.name.split(".").pop() === "svg") {
-            fetchSVGAsBase64(file.url).then((base64String) => {
-              file.base64 = base64String;
-            });
+            calcSvgPreview(file);
           }
         });
       }
@@ -88,9 +97,7 @@ function useIViewUpload(props, valueChange, c) {
         files.value.forEach((file) => {
           file.url = downloadUrl.value.replace("%fileId%", file.id);
           if (file.name.split(".").pop() === "svg") {
-            fetchSVGAsBase64(file.url).then((base64String) => {
-              file.base64 = base64String;
-            });
+            calcSvgPreview(file);
           }
         });
       }
@@ -104,6 +111,10 @@ function useIViewUpload(props, valueChange, c) {
     valueChange(value);
   };
   const beforeUpload = (rawFile) => {
+    if (rawFile.name.split(".").pop() === "svg") {
+      const blobUrl = URL.createObjectURL(rawFile);
+      svgBlob.set(rawFile.name, blobUrl);
+    }
     const size = rawFile.size / 1024 / 1024;
     if (c.size && size > c.size) {
       ibiz.message.error(
@@ -122,6 +133,13 @@ function useIViewUpload(props, valueChange, c) {
       name: response.filename,
       id: response.fileid
     });
+    if (response.name.split(".").pop() === "svg") {
+      const blob = svgBlob.get(response.name);
+      if (blob) {
+        svgBlob.set(response.fileid, blob);
+        svgBlob.delete(response.name);
+      }
+    }
     uploadCache.count -= 1;
     if (uploadCache.count === 0) {
       emitValue();

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

@@ -72,8 +72,8 @@ export declare const IBizSearchCondEdit: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onInfoTextChange?: ((_text: string) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

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

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

package/es/ibiz-vue3.mjs

@@ -1,4 +1,4 @@
-import { IBizView, IBizPortalView, IBizDeRedirectView, IBizViewLayoutPanelControl, IBizPanelControl } from '@ibiz-template/vue3-util';
+import { IBizView, IBizPortalView, IBizHtmlView, IBizDeRedirectView, IBizViewLayoutPanelControl, IBizPanelControl } from '@ibiz-template/vue3-util';
 import { registerErrorViewProvider } from '@ibiz-template/runtime';
 import { IBizCommonComponents } from './common/index.mjs';
 import { IBizPanelComponents } from './panel-component/index.mjs';
@@ -58,6 +58,7 @@ var IBizVue3 = {
     v.use(IBizViewEngine);
     v.use(IBizView);
     v.use(IBizPortalView);
+    v.use(IBizHtmlView);
     v.use(IBizWFStepTraceView);
     v.use(IBizDeRedirectView);
     v.use(IBizSubAppRefView);

package/es/index.mjs

@@ -36,6 +36,7 @@ export { IBizFormMDCtrl } from './control/form/form-detail/form-mdctrl/index.mjs
 export { IBizFormRawItem } from './control/form/form-detail/form-rawitem/index.mjs';
 export { IBizFormTabPanel } from './control/form/form-detail/form-tab-panel/index.mjs';
 export { IBizFormTabPage } from './control/form/form-detail/form-tab-page/index.mjs';
+export { IBizFormButtonList } from './control/form/form-detail/form-button-list/index.mjs';
 export { IBizEditFormControl } from './control/form/edit-form/index.mjs';
 export { IBizFormControl } from './control/form/form/index.mjs';
 export { IBizToolbarControl } from './control/toolbar/index.mjs';

package/es/locale/en/index.d.ts

@@ -194,6 +194,7 @@ declare const _default: {
                     repeaterNoSupported: string;
                     searchTerms: string;
                     saveSearch: string;
+                    noFoundFormGroup: string;
                 };
                 gantt: {
                     noNode: string;
@@ -758,6 +759,8 @@ declare const _default: {
         noFoundLayoutContainer: string;
         noFoundFormModel: string;
         missingToolbarModel: string;
+        noCollapseTag: string;
+        noExpandTag: string;
     };
     webApp: {
         authGuard: {
@@ -926,6 +929,8 @@ declare const _default: {
                 treeSelectBgColorDesc: string;
             };
             loadMore: string;
+            expandData: string;
+            collapseData: string;
         };
         menu: {
             noSupportAlign: string;
@@ -1289,6 +1294,9 @@ declare const _default: {
             closeAll: string;
             closeOther: string;
         };
+        navBreadcrumb: {
+            home: string;
+        };
         searchformButtons: {
             errMessage: string;
             enterPrompt: string;

package/es/locale/en/index.mjs

@@ -79,7 +79,9 @@ var index = {
     noFoundLayoutOccupied: "No tabexppanel layout placeholders found",
     noFoundLayoutContainer: "No {name} layout container found",
     noFoundFormModel: "Unable to find the model for form {name}",
-    missingToolbarModel: "Missing toolbar component model"
+    missingToolbarModel: "Missing toolbar component model",
+    noCollapseTag: "The fold identifier is not configured",
+    noExpandTag: "The expansion identifier is not configured"
   },
   webApp: {
     authGuard: {
@@ -248,7 +250,9 @@ var index = {
         treeSelectBgColor: "Tree View Select the background color",
         treeSelectBgColorDesc: "Select the background color for the tree view and the background color for the tree node"
       },
-      loadMore: "Load more"
+      loadMore: "Load more",
+      expandData: "expand Data",
+      collapseData: "collapse Data"
     },
     menu: {
       noSupportAlign: "The menu direction {align} is not supported temporarily",
@@ -415,7 +419,7 @@ var index = {
         dialogDetermine: "Determine"
       },
       quickSearchSelect: {
-        searchField: "Selective search field"
+        searchField: "Switch search field"
       }
     },
     toolbar: {
@@ -614,6 +618,9 @@ var index = {
       closeAll: "Close all",
       closeOther: "Close other"
     },
+    navBreadcrumb: {
+      home: "Home"
+    },
     searchformButtons: {
       errMessage: "No search form called searchform found in the current view",
       enterPrompt: "Please enter the custom query name to store:",

package/es/locale/zh-CN/index.d.ts

@@ -194,6 +194,7 @@ declare const _default: {
                     repeaterNoSupported: string;
                     searchTerms: string;
                     saveSearch: string;
+                    noFoundFormGroup: string;
                 };
                 gantt: {
                     noNode: string;
@@ -756,6 +757,8 @@ declare const _default: {
         noFoundLayoutContainer: string;
         noFoundFormModel: string;
         missingToolbarModel: string;
+        noCollapseTag: string;
+        noExpandTag: string;
     };
     webApp: {
         authGuard: {
@@ -924,6 +927,8 @@ declare const _default: {
                 treeSelectBgColorDesc: string;
             };
             loadMore: string;
+            expandData: string;
+            collapseData: string;
         };
         menu: {
             noSupportAlign: string;
@@ -1283,6 +1288,9 @@ declare const _default: {
             closeAll: string;
             closeOther: string;
         };
+        navBreadcrumb: {
+            home: string;
+        };
         searchformButtons: {
             errMessage: string;
             enterPrompt: string;