@ibiz-template/vue3-components 0.5.7-alpha.1 → 0.5.7-alpha.10

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

@@ -1,4 +1,4 @@
-import { isVNode, ref, computed, watch, resolveComponent, createVNode, defineComponent } from 'vue';
+import { isVNode, computed, ref, watch, resolveComponent, createVNode, defineComponent } from 'vue';
 import { getListBoxProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import { isNil } from 'ramda';
 import './ibiz-list-box.css';
@@ -23,6 +23,12 @@ const IBizListBox = /* @__PURE__ */ defineComponent({
         multiple = c.toBoolean(editorModel.editorParams.multiple);
       }
     }
+    const showFormDefaultContent = computed(() => {
+      if (props.controlParams && props.controlParams.editmode === "hover") {
+        return true;
+      }
+      return false;
+    });
     const codeList = c.codeList;
     const editorType = editorModel.editorType;
     const items = ref([]);
@@ -128,13 +134,14 @@ const IBizListBox = /* @__PURE__ */ defineComponent({
       selectArray,
       onSelectArrayChange,
       multiple,
-      editorRef
+      editorRef,
+      showFormDefaultContent
     };
   },
   render() {
     let _slot, _slot2;
     return createVNode("div", {
-      "class": [this.ns.b()],
+      "class": [this.ns.b(), this.ns.is("show-default", this.showFormDefaultContent)],
       "ref": "editorRef"
     }, [this.multiple ? createVNode(resolveComponent("el-checkbox-group"), {
       "class": this.ns.b("checkbox"),

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

@@ -33,7 +33,7 @@ const IBizMarkDown = /* @__PURE__ */ defineComponent({
     const cssVars = ref({});
     watch(() => props.data, (newVal) => {
       if (newVal && c) {
-        const urls = c.calcBaseUrl(newVal);
+        const urls = ibiz.util.file.calcFileUpDownUrl(c.context, c.params, newVal, c.editorParams);
         uploadUrl.value = urls.uploadUrl;
         downloadUrl.value = urls.downloadUrl;
       }
@@ -42,22 +42,10 @@ const IBizMarkDown = /* @__PURE__ */ defineComponent({
       deep: true
     });
     const markDownBox = ref();
-    const fileUpload = (file, callback) => {
-      const formData = new FormData();
-      formData.append("file", file);
-      ibiz.net.axios({
-        url: uploadUrl.value,
-        method: "post",
-        headers: headers.value,
-        data: formData
-      }).then((res) => {
-        if (res.status === 200 && res.data.fileid) {
-          const url = downloadUrl.value.replace("%fileId%", res.data.fileid);
-          callback(url);
-        }
-      }).catch((error) => {
-        ibiz.log.error("\u4E0A\u4F20\u51FA\u9519", error);
-      });
+    const fileUpload = async (file, callback) => {
+      const data = await ibiz.util.file.fileUpload(uploadUrl.value, file, headers.value);
+      const url = downloadUrl.value.replace("%fileId%", data.fileid);
+      callback(url);
     };
     const getCherryHtml = () => {
       var _a;

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

@@ -73,30 +73,4 @@ export declare class MarkDownEditorController extends EditorController<IMarkdown
      */
     chatCompletion: boolean;
     protected onInit(): Promise<void>;
-    /**
-     * 计算文件的上传路径和下载路径
-     * 下载路径文件id用%fileId%占位，替换即可
-     * 配置编辑器参数uploadParams和exportParams时，会像导航参数一样动态添加对应的参数到url上
-     *
-     * @author lxm
-     * @date 2022-11-17 13:11:43
-     * @param {IData} data
-     * @returns {*}  {{ uploadUrl: string; downloadUrl: string }}
-     */
-    calcBaseUrl(data: IData): {
-        uploadUrl: string;
-        downloadUrl: string;
-    };
-    /**
-     * 请求url获取文件流，并用JS触发文件下载
-     *
-     * @author lxm
-     * @date 2022-11-17 14:11:09
-     * @param {string} url
-     * @param {IData} file
-     */
-    fileDownload(file: {
-        url: string;
-        name: string;
-    }): void;
 }

package/es/editor/markdown/markdown-editor.controller.mjs

@@ -1,6 +1,5 @@
-import { RuntimeModelError, RuntimeError, downloadFileFromBlob } from '@ibiz-template/core';
-import { EditorController, getDeACMode, convertNavData } from '@ibiz-template/runtime';
-import qs from 'qs';
+import { RuntimeModelError } from '@ibiz-template/core';
+import { EditorController, getDeACMode } from '@ibiz-template/runtime';
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -142,67 +141,6 @@ class MarkDownEditorController extends EditorController {
       }
     }
   }
-  /**
-   * 计算文件的上传路径和下载路径
-   * 下载路径文件id用%fileId%占位，替换即可
-   * 配置编辑器参数uploadParams和exportParams时，会像导航参数一样动态添加对应的参数到url上
-   *
-   * @author lxm
-   * @date 2022-11-17 13:11:43
-   * @param {IData} data
-   * @returns {*}  {{ uploadUrl: string; downloadUrl: string }}
-   */
-  calcBaseUrl(data) {
-    let uploadUrl = "".concat(ibiz.env.baseUrl, "/").concat(ibiz.env.appId).concat(ibiz.env.uploadFileUrl);
-    let downloadUrl = "".concat(ibiz.env.baseUrl, "/").concat(ibiz.env.appId).concat(ibiz.env.downloadFileUrl, "/%fileId%");
-    let uploadParams = {};
-    let exportParams = {};
-    if (this.uploadParams) {
-      uploadParams = convertNavData(
-        this.uploadParams,
-        data,
-        this.params,
-        this.context
-      );
-    }
-    if (this.exportParams) {
-      exportParams = convertNavData(
-        this.exportParams,
-        data,
-        this.params,
-        this.context
-      );
-    }
-    uploadUrl += qs.stringify(uploadParams, { addQueryPrefix: true });
-    downloadUrl += qs.stringify(exportParams, { addQueryPrefix: true });
-    return { uploadUrl, downloadUrl };
-  }
-  /**
-   * 请求url获取文件流，并用JS触发文件下载
-   *
-   * @author lxm
-   * @date 2022-11-17 14:11:09
-   * @param {string} url
-   * @param {IData} file
-   */
-  fileDownload(file) {
-    ibiz.net.request(file.url, {
-      method: "get",
-      responseType: "blob",
-      baseURL: ""
-      // 已经有baseURL了，这里无需再写
-    }).then((response) => {
-      if (response.status !== 200) {
-        throw new RuntimeError("\u4E0B\u8F7D\u6587\u4EF6\u5931\u8D25");
-      }
-      if (!response.data) {
-        throw new RuntimeError("\u6587\u4EF6\u6D41\u6570\u636E\u4E0D\u5B58\u5728");
-      } else {
-        const fileName = file.name;
-        downloadFileFromBlob(response.data, fileName);
-      }
-    });
-  }
 }
 
 export { MarkDownEditorController };

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

@@ -1 +1 @@
-.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{background-color:var(--ibiz-color-secondary-light-default);border-color:var(--ibiz-color-secondary-light-default);color:var(--ibiz-color-primary)}.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{border-radius:var(--ibiz-height-control-default);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)}.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);border-color:var(--ibiz-color-disabled-border);background:var(--ibiz-color-disabled-bg)}
+.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-form-item .ibiz-radio.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}

package/es/editor/radio-button-list/ibiz-radio/ibiz-radio.d.ts

@@ -31,6 +31,7 @@ export declare const IBizRadio: import("vue").DefineComponent<{
     editorRef: import("vue").Ref<any>;
     renderMode: string;
     isBtnRoundCorner: boolean;
+    showFormDefaultContent: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined) => boolean;
     blur: (_event?: IData | undefined) => boolean;

package/es/editor/radio-button-list/ibiz-radio/ibiz-radio.mjs

@@ -43,6 +43,12 @@ const IBizRadio = /* @__PURE__ */ defineComponent({
       var _a;
       return ((_a = items.value.find((item) => item.value == props.value)) == null ? void 0 : _a.text) || "";
     });
+    const showFormDefaultContent = computed(() => {
+      if (props.controlParams && props.controlParams.editmode === "hover") {
+        return true;
+      }
+      return false;
+    });
     watch(valueText, (newVal, oldVal) => {
       if (newVal !== oldVal) {
         emit("infoTextChange", newVal);
@@ -61,13 +67,14 @@ const IBizRadio = /* @__PURE__ */ defineComponent({
       onSelectValueChange,
       editorRef,
       renderMode,
-      isBtnRoundCorner
+      isBtnRoundCorner,
+      showFormDefaultContent
     };
   },
   render() {
     let _slot;
     return createVNode("div", {
-      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""],
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("show-default", this.showFormDefaultContent)],
       "ref": "editorRef"
     }, [this.readonly ? this.valueText : createVNode(resolveComponent("el-radio-group"), {
       "class": this.ns.e("group"),

package/es/editor/rate/ibiz-rate/ibiz-rate.css

@@ -0,0 +1 @@
+.ibiz-form-item .ibiz-rate.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}

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

@@ -1,3 +1,4 @@
+import './ibiz-rate.scss';
 import { RateEditorController } from '../rate-editor.controller';
 export declare const IBizRate: import("vue").DefineComponent<{
     value: (StringConstructor | NumberConstructor)[];
@@ -30,6 +31,7 @@ export declare const IBizRate: import("vue").DefineComponent<{
     max: number;
     texts: IData[];
     editorRef: import("vue").Ref<any>;
+    showFormDefaultContent: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined) => boolean;
     blur: (_event?: IData | undefined) => boolean;

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

@@ -1,6 +1,7 @@
-import { ref, watch, resolveComponent, createVNode, defineComponent } from 'vue';
+import { ref, computed, watch, resolveComponent, createVNode, defineComponent } from 'vue';
 import { getRateProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import { toNumber } from 'lodash-es';
+import './ibiz-rate.css';
 
 "use strict";
 const IBizRate = /* @__PURE__ */ defineComponent({
@@ -32,6 +33,12 @@ const IBizRate = /* @__PURE__ */ defineComponent({
         texts = c.toObj(editorModel.editorParams.texts);
       }
     }
+    const showFormDefaultContent = computed(() => {
+      if (props.controlParams && props.controlParams.editmode === "hover") {
+        return true;
+      }
+      return false;
+    });
     watch(() => props.value, (newVal, oldVal) => {
       if (newVal !== oldVal) {
         if (!newVal) {
@@ -57,12 +64,13 @@ const IBizRate = /* @__PURE__ */ defineComponent({
       showText,
       max,
       texts,
-      editorRef
+      editorRef,
+      showFormDefaultContent
     };
   },
   render() {
     return createVNode("div", {
-      "class": [this.ns.b()],
+      "class": [this.ns.b(), this.ns.is("show-default", this.showFormDefaultContent)],
       "ref": "editorRef"
     }, [createVNode(resolveComponent("el-rate"), {
       "modelValue": this.currentVal,

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

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

@@ -28,6 +28,7 @@ export declare const IBizRaw: import("vue").DefineComponent<{
     content: Ref<string | number | undefined>;
     type: string;
     template: string;
+    showFormDefaultContent: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined) => boolean;
     blur: (_event?: IData | undefined) => boolean;

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

@@ -1,4 +1,4 @@
-import { ref, watch, resolveComponent, createVNode, defineComponent } from 'vue';
+import { ref, computed, watch, resolveComponent, createVNode, defineComponent } from 'vue';
 import { getRawProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import './ibiz-raw.css';
 
@@ -27,6 +27,12 @@ const IBizRaw = /* @__PURE__ */ defineComponent({
     if ((_d = editorModel.editorParams) == null ? void 0 : _d.TEMPLATE) {
       template = editorModel.editorParams.TEMPLATE.replaceAll("//n", "\n");
     }
+    const showFormDefaultContent = computed(() => {
+      if (props.controlParams && props.controlParams.editmode === "hover") {
+        return true;
+      }
+      return false;
+    });
     watch(() => props.value, async (newVal, oldVal) => {
       if (newVal !== oldVal) {
         if (typeof newVal === "string" || typeof newVal === "number") {
@@ -51,12 +57,13 @@ const IBizRaw = /* @__PURE__ */ defineComponent({
       ns,
       content,
       type,
-      template
+      template,
+      showFormDefaultContent
     };
   },
   render() {
     return createVNode("div", {
-      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""]
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("show-default", this.showFormDefaultContent)]
     }, [this.content && createVNode(resolveComponent("iBizRawItem"), {
       "class": this.ns.b("content"),
       "content": this.content,

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

@@ -1 +1 @@
-.ibiz-slider{width:100%;display:flex;align-items:center}.ibiz-slider__text .el-slider__button,.ibiz-slider__text .el-slider__button-wrapper{width:1px;height:var(--ibiz-height-control-default);border:none}.ibiz-slider__text .el-slider__bar{border-radius:var(--ibiz-border-radius-small)}.ibiz-slider__text .el-slider__runway.is-disabled .el-slider__bar{background-color:var(--ibiz-color-primary)}.ibiz-slider__text--val{margin-left:var(--ibiz-spacing-tight)}
+.ibiz-slider{display:flex;align-items:center;width:100%}.ibiz-slider__text .el-slider__button,.ibiz-slider__text .el-slider__button-wrapper{width:1px;height:var(--ibiz-height-control-default);border:none}.ibiz-slider__text .el-slider__bar{border-radius:var(--ibiz-border-radius-small)}.ibiz-slider__text .el-slider__runway.is-disabled .el-slider__bar{background-color:var(--ibiz-color-primary)}.ibiz-slider__text--val{margin-left:var(--ibiz-spacing-tight)}.ibiz-form-item .ibiz-slider.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}

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

@@ -35,6 +35,7 @@ export declare const IBizSlider: import("vue").DefineComponent<{
     editorRef: import("vue").Ref<any>;
     showText: boolean;
     textVal: import("vue").ComputedRef<string>;
+    showFormDefaultContent: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined) => boolean;
     blur: (_event?: IData | undefined) => boolean;

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

@@ -1,4 +1,4 @@
-import { ref, watch, computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { computed, ref, watch, resolveComponent, createVNode, defineComponent } from 'vue';
 import { getSliderProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import { toNumber } from 'lodash-es';
 import './ibiz-slider.css';
@@ -48,6 +48,12 @@ const IBizSlider = /* @__PURE__ */ defineComponent({
         format = editorModel.editorParams.format;
       }
     }
+    const showFormDefaultContent = computed(() => {
+      if (props.controlParams && props.controlParams.editmode === "hover") {
+        return true;
+      }
+      return false;
+    });
     const currentVal = ref();
     watch(() => props.value, (newVal, oldVal) => {
       if (newVal !== oldVal) {
@@ -96,12 +102,13 @@ const IBizSlider = /* @__PURE__ */ defineComponent({
       showInput,
       editorRef,
       showText,
-      textVal
+      textVal,
+      showFormDefaultContent
     };
   },
   render() {
     return createVNode("div", {
-      "class": [this.ns.b(), this.readonly ? this.ns.m("readonly") : "", this.showText ? this.ns.e("text") : ""],
+      "class": [this.ns.b(), this.readonly ? this.ns.m("readonly") : "", this.showText ? this.ns.e("text") : "", this.ns.is("show-default", this.showFormDefaultContent)],
       "ref": "editorRef"
     }, [createVNode(resolveComponent("el-slider"), {
       "modelValue": this.currentVal,

package/es/editor/span/span/span.css

@@ -1 +1 @@
-.ibiz-span{display:inline-block;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-form-item-line-height);color:var(--ibiz-form-item-text-color);white-space:pre-line}.ibiz-span--readonly{color:var(--ibiz-form-item-readonly-color)}.ibiz-span__code-list{display:inline-block;height:100%}
+.ibiz-span{display:inline-block;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-form-item-line-height);color:var(--ibiz-form-item-text-color);white-space:pre-line}.ibiz-span--readonly{color:var(--ibiz-form-item-readonly-color)}.ibiz-span__code-list{display:inline-block;height:100%}.ibiz-form-item .ibiz-span.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}

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

@@ -50,10 +50,13 @@ export declare const IBizSpan: import("vue").DefineComponent<{
             id?: string | undefined;
             name?: string | undefined;
             userParam?: Record<string, string> | undefined;
+            modelId?: string | undefined;
+            modelType?: string | undefined;
         } | undefined;
         data?: IData | undefined;
         tooltip?: string | undefined;
     }[]>;
+    showFormDefaultContent: import("vue").ComputedRef<boolean>;
 }, 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,4 +1,4 @@
-import { ref, watch, resolveComponent, createVNode, defineComponent } from 'vue';
+import { ref, watch, computed, resolveComponent, createVNode, defineComponent } from 'vue';
 import { getSpanProps, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import './span.css';
 import { isNil } from 'ramda';
@@ -98,12 +98,19 @@ const IBizSpan = /* @__PURE__ */ defineComponent({
     const {
       componentRef: editorRef
     } = useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    const showFormDefaultContent = computed(() => {
+      if (props.controlParams && props.controlParams.editmode === "hover") {
+        return true;
+      }
+      return false;
+    });
     return {
       ns,
       c,
       text,
       editorRef,
-      items
+      items,
+      showFormDefaultContent
     };
   },
   render() {
@@ -121,7 +128,7 @@ const IBizSpan = /* @__PURE__ */ defineComponent({
       content = "- - -";
     }
     return createVNode("span", {
-      "class": [this.ns.b(), this.readonly ? this.ns.m("readonly") : ""],
+      "class": [this.ns.b(), this.readonly ? this.ns.m("readonly") : "", this.ns.is("show-default", this.showFormDefaultContent)],
       "ref": "editorRef"
     }, [content]);
   }

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

@@ -1 +1 @@
-.ibiz-span-link{line-height:var(--ibiz-height-control-default);color:var(--ibiz-color-link);cursor:pointer}.ibiz-span-link:hover{color:var(--ibiz-color-link-hover)}.ibiz-span-link--disabled{cursor:not-allowed}.ibiz-span-link--readonly{color:var(--ibiz-form-item-readonly-color)}
+.ibiz-span-link{line-height:var(--ibiz-height-control-default);color:var(--ibiz-color-link);cursor:pointer}.ibiz-span-link:hover{color:var(--ibiz-color-link-hover)}.ibiz-span-link--disabled{cursor:not-allowed}.ibiz-span-link--readonly{color:var(--ibiz-form-item-readonly-color)}.ibiz-form-item .ibiz-span-link.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}

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

@@ -28,6 +28,7 @@ export declare const IBizSpanLink: import("vue").DefineComponent<{
     openLinkView: () => Promise<void>;
     curValue: Ref<string>;
     editorRef: Ref<any>;
+    showFormDefaultContent: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined) => boolean;
     blur: (_event?: IData | undefined) => boolean;

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

@@ -1,4 +1,4 @@
-import { ref, watch, createVNode, defineComponent } from 'vue';
+import { ref, watch, computed, createVNode, defineComponent } from 'vue';
 import { getSpanProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import './span-link.css';
 
@@ -26,16 +26,23 @@ const IBizSpanLink = /* @__PURE__ */ defineComponent({
     const {
       componentRef: editorRef
     } = useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    const showFormDefaultContent = computed(() => {
+      if (props.controlParams && props.controlParams.editmode === "hover") {
+        return true;
+      }
+      return false;
+    });
     return {
       ns,
       openLinkView,
       curValue,
-      editorRef
+      editorRef,
+      showFormDefaultContent
     };
   },
   render() {
     return createVNode("div", {
-      "class": [this.ns.b(), this.readonly ? this.ns.m("readonly") : ""],
+      "class": [this.ns.b(), this.readonly ? this.ns.m("readonly") : "", this.ns.is("show-default", this.showFormDefaultContent)],
       "ref": "editorRef"
     }, [createVNode("a", {
       "onClick": this.openLinkView

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

@@ -0,0 +1 @@
+.ibiz-form-item .ibiz-stepper.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}

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

@@ -1,3 +1,4 @@
+import './ibiz-stepper.scss';
 import { StepperEditorController } from '../stepper-editor.controller';
 export declare const IBizStepper: import("vue").DefineComponent<{
     value: (StringConstructor | NumberConstructor)[];
@@ -33,6 +34,7 @@ export declare const IBizStepper: import("vue").DefineComponent<{
     min: number;
     onFocus: () => void;
     onBlur: () => void;
+    showFormDefaultContent: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined) => boolean;
     blur: (_event?: IData | undefined) => boolean;

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

@@ -1,6 +1,7 @@
-import { ref, watch, resolveComponent, createVNode, defineComponent } from 'vue';
+import { ref, computed, watch, resolveComponent, createVNode, defineComponent } from 'vue';
 import { getStepperProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import { toNumber } from 'lodash-es';
+import './ibiz-stepper.css';
 
 "use strict";
 const IBizStepper = /* @__PURE__ */ defineComponent({
@@ -32,6 +33,12 @@ const IBizStepper = /* @__PURE__ */ defineComponent({
         min = toNumber(editorModel.editorParams.minvalue);
       }
     }
+    const showFormDefaultContent = computed(() => {
+      if (props.controlParams && props.controlParams.editmode === "hover") {
+        return true;
+      }
+      return false;
+    });
     watch(() => props.value, (newVal, oldVal) => {
       if (newVal !== oldVal) {
         const number = Number(newVal);
@@ -61,7 +68,8 @@ const IBizStepper = /* @__PURE__ */ defineComponent({
       max,
       min,
       onFocus,
-      onBlur
+      onBlur,
+      showFormDefaultContent
     };
   },
   render() {
@@ -85,7 +93,7 @@ const IBizStepper = /* @__PURE__ */ defineComponent({
       }, null)];
     }
     return createVNode("div", {
-      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""]
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("show-default", this.showFormDefaultContent)]
     }, [content]);
   }
 });

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

@@ -0,0 +1 @@
+.ibiz-form-item .ibiz-switch.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}

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

@@ -1,3 +1,4 @@
+import './ibiz-switch.scss';
 import { SwitchEditorController } from '../switch-editor.controller';
 export declare const IBizSwitch: import("vue").DefineComponent<{
     value: (StringConstructor | NumberConstructor)[];
@@ -29,6 +30,7 @@ export declare const IBizSwitch: import("vue").DefineComponent<{
     handleChange: (currentValue: boolean) => void;
     dicData: IData[];
     editorRef: import("vue").Ref<any>;
+    showFormDefaultContent: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined) => boolean;
     blur: (_event?: IData | undefined) => boolean;

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

@@ -1,5 +1,6 @@
-import { ref, watch, resolveComponent, createVNode, defineComponent } from 'vue';
+import { ref, computed, watch, resolveComponent, createVNode, defineComponent } from 'vue';
 import { getSwitchProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
+import './ibiz-switch.css';
 
 "use strict";
 const IBizSwitch = /* @__PURE__ */ defineComponent({
@@ -41,6 +42,12 @@ const IBizSwitch = /* @__PURE__ */ defineComponent({
         activeText = activeResult.label;
       }
     }
+    const showFormDefaultContent = computed(() => {
+      if (props.controlParams && props.controlParams.editmode === "hover") {
+        return true;
+      }
+      return false;
+    });
     watch(() => props.value, (newVal, oldVal) => {
       if (newVal !== oldVal) {
         if (!newVal) {
@@ -66,12 +73,13 @@ const IBizSwitch = /* @__PURE__ */ defineComponent({
       inactiveText,
       handleChange,
       dicData,
-      editorRef
+      editorRef,
+      showFormDefaultContent
     };
   },
   render() {
     return createVNode("div", {
-      "class": [this.ns.b()],
+      "class": [this.ns.b(), this.ns.is("show-default", this.showFormDefaultContent)],
       "ref": "editorRef"
     }, [createVNode(resolveComponent("el-switch"), {
       "modelValue": this.currentVal,

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

@@ -1 +1 @@
-.ibiz-input-ip{display:flex;height:100%;flex-wrap:nowrap;line-height:var(--ibiz-form-item-line-height)}.ibiz-input-ip .el-input{margin:0 3px}
+.ibiz-input-ip{display:flex;flex-wrap:nowrap;height:100%;line-height:var(--ibiz-form-item-line-height)}.ibiz-form-item .ibiz-input-ip.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}

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

@@ -33,6 +33,7 @@ export declare const IBizInputIP: import("vue").DefineComponent<{
     secIp: Ref<string>;
     thirdIp: Ref<string>;
     forIp: Ref<string>;
+    showFormDefaultContent: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined) => boolean;
     blur: (_event?: IData | undefined) => boolean;

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

@@ -1,4 +1,4 @@
-import { ref, watch, resolveComponent, createVNode, createTextVNode, defineComponent } from 'vue';
+import { computed, ref, watch, resolveComponent, createVNode, createTextVNode, defineComponent } from 'vue';
 import { getInputIpProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import './ibiz-input-ip.css';
 
@@ -12,6 +12,12 @@ const IBizInputIP = /* @__PURE__ */ defineComponent({
   }) {
     const ns = useNamespace("input-ip");
     const c = props.controller;
+    const showFormDefaultContent = computed(() => {
+      if (props.controlParams && props.controlParams.editmode === "hover") {
+        return true;
+      }
+      return false;
+    });
     const currentVal = ref([]);
     const activeElement = ref(false);
     const isAllBlur = ref(false);
@@ -79,12 +85,13 @@ const IBizInputIP = /* @__PURE__ */ defineComponent({
       firstIp,
       secIp,
       thirdIp,
-      forIp
+      forIp,
+      showFormDefaultContent
     };
   },
   render() {
     return createVNode("div", {
-      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""]
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("show-default", this.showFormDefaultContent)]
     }, [createVNode(resolveComponent("el-input"), {
       "type": "text",
       "size": "small",