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

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

@@ -1 +1 @@
-.ibiz-input-number{display:flex;align-items:center;height:100%}.ibiz-input-number .el-input .el-input__inner{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color);border-color:var(--ibiz-form-item-border-color)}.ibiz-input-number .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input-number .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input-number .el-input.is-disabled .el-input__inner{color:var(--ibiz-form-item-disabled-color);border-color:var(--ibiz-form-item-disabled-border-color)}.ibiz-input-number .el-input.is-disabled .el-input__wrapper{background-color:var(--ibiz-form-item-disabled-bg-color)}.ibiz-input-number .ibiz-input-number-input{flex-grow:1;width:auto;height:var(--ibiz-editor-default-line-height)}.ibiz-input-number--readonly{color:var(--ibiz-form-item-readonly-color);word-break:break-word;white-space:pre-wrap}.ibiz-input-number .ibiz-input-number__unit{flex:0 0 auto;margin-left:10px;font-size:var(--ibiz-form-item-font-size);font-style:normal}.ibiz-input-number-form-default-content{display:none}.ibiz-form-item .ibiz-input-number.is-show-default:hover .ibiz-input-number-form-default-content{display:none}.ibiz-form-item .ibiz-input-number.is-show-default:hover .ibiz-input-number-input{display:block}.ibiz-form-item .ibiz-input-number.is-show-default:hover .ibiz-input-number-input .el-input-number__decrease,.ibiz-form-item .ibiz-input-number.is-show-default:hover .ibiz-input-number-input .el-input-number__increase{top:2px}.ibiz-form-item .ibiz-input-number.is-show-default .ibiz-input-number-form-default-content{display:flex;align-items:center;width:100%;padding:0 11px;font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-input-number.is-show-default .ibiz-input-number-input{display:none}.ibiz-form-item .ibiz-input-number.is-show-default.is-editable .ibiz-input-number-form-default-content{display:none}.ibiz-form-item .ibiz-input-number.is-show-default.is-editable .ibiz-input-number-input{display:block}
+.ibiz-input-number{display:flex;align-items:center;height:100%}.ibiz-input-number .el-input .el-input__inner{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color);border-color:var(--ibiz-form-item-border-color)}.ibiz-input-number .el-input .el-input__inner::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input-number .el-input .el-input__inner::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input-number .el-input.is-disabled .el-input__inner{color:var(--ibiz-form-item-disabled-color);border-color:var(--ibiz-form-item-disabled-border-color)}.ibiz-input-number .el-input.is-disabled .el-input__wrapper{background-color:var(--ibiz-form-item-disabled-bg-color)}.ibiz-input-number .ibiz-input-number-input{flex-grow:1;width:auto;height:var(--ibiz-editor-default-line-height)}.ibiz-input-number--readonly{color:var(--ibiz-form-item-readonly-color);word-break:break-word;white-space:pre-wrap}.ibiz-input-number .ibiz-input-number__unit{flex:0 0 auto;margin-left:10px;font-size:var(--ibiz-form-item-font-size);font-style:normal}.ibiz-input-number-form-default-content{display:none}.ibiz-form-item .ibiz-input-number.is-show-default:hover .ibiz-input-number-form-default-content{display:none}.ibiz-form-item .ibiz-input-number.is-show-default:hover .ibiz-input-number-input{display:block}.ibiz-form-item .ibiz-input-number.is-show-default:hover .ibiz-input-number-input .el-input-number__decrease,.ibiz-form-item .ibiz-input-number.is-show-default:hover .ibiz-input-number-input .el-input-number__increase{top:2px}.ibiz-form-item .ibiz-input-number.is-show-default .ibiz-input-number-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-input-number.is-show-default .ibiz-input-number-input{display:none}.ibiz-form-item .ibiz-input-number.is-show-default.is-editable .ibiz-input-number-form-default-content{display:none}.ibiz-form-item .ibiz-input-number.is-show-default.is-editable .ibiz-input-number-input{display:block}

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

@@ -36,8 +36,8 @@ const IBizInputNumber = /* @__PURE__ */ defineComponent({
     });
     watch(() => props.value, (newVal, oldVal) => {
       if (newVal !== oldVal) {
-        const number = newVal != null && !Object.is(newVal, "") ? Number(newVal) : "";
-        currentVal.value = Number.isNaN(number) ? "" : number;
+        const number = newVal != null && !Object.is(newVal, "") ? Number(newVal) : null;
+        currentVal.value = Number.isNaN(number) ? null : number;
       }
     }, {
       immediate: true

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{position:absolute;right:10px;bottom:10px;width:36px;height:36px;padding:8px;font-size:18px;color:var(--ibiz-color-primary-text);cursor:pointer;background-color:var(--ibiz-color-primary);border-radius:15px}.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;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:hover .ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default:hover .ibiz-input-input{display:block}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-form-default-content{display:flex;align-items:center;width:100%;padding:0 11px;font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-input{display:none}.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:block}
+.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{position:absolute;right:10px;bottom:10px;width:36px;height:36px;padding:8px;font-size:18px;color:var(--ibiz-color-primary-text);cursor:pointer;background-color:var(--ibiz-color-primary);border-radius:15px}.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;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)}.ibiz-form-item .ibiz-input.is-show-default.is-textarea .ibiz-input-form-default-content{display:none}.ibiz-form-item .ibiz-input.is-show-default.is-textarea .ibiz-input-input{display:block}.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:block}.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)}.ibiz-form-item .ibiz-input.is-show-default .ibiz-input-input{display:none}.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:block}

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

@@ -38,7 +38,7 @@ const IBizInput = /* @__PURE__ */ defineComponent({
       }
     });
     const showFormDefaultContent = computed(() => {
-      if (props.controlParams && props.controlParams.editmode === "hover" && ["text", "password"].includes(type.value)) {
+      if (props.controlParams && props.controlParams.editmode === "hover") {
         return true;
       }
       return false;
@@ -265,6 +265,9 @@ const IBizInput = /* @__PURE__ */ defineComponent({
         "type": this.type,
         "rows": this.rows,
         "resize": "none",
+        "maxlength": this.c.model.maxLength,
+        "minlength": this.c.model.minLength,
+        "show-word-limit": this.c.model.showMaxLength,
         "onInput": this.handleChange,
         "onKeyup": this.handleKeyUp,
         "onBlur": this.onBlur,

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

@@ -1 +1 @@
-.ibiz-file-upload{width:100%}.ibiz-file-upload .ibiz-file-upload-button span{font-size:var(--ibiz-form-item-font-size)}.ibiz-file-upload .el-upload-list{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start}.ibiz-file-upload .el-upload-list__item{display:flex;align-items:center;justify-content:flex-start;flex:0 0 auto}.ibiz-file-upload .el-upload-list__item .el-upload-list__item-info .el-upload-list__item-name{color:var(--ibiz-form-item-text-color)}.ibiz-file-upload .el-upload-list__item:hover{display:flex;align-items:center;justify-content:flex-start;background:var(--ibiz-form-item-disabled-bg-color)}.ibiz-file-upload .el-upload-list__item:hover span{color:var(--ibiz-form-item-text-color)}.ibiz-file-upload--disabled .el-upload-list__item>span{color:var(--ibiz-form-item-disabled-color)}.ibiz-file-upload--readonly .el-upload-list__item>span{color:var(--ibiz-form-item-readonly-color)}.ibiz-file-upload--readonly .ibiz-file-upload-button{display:none}.ibiz-file-upload-icon.is-not-show .el-upload--text{display:none}.ibiz-grid-field-edit-column__editor.ibiz-file-upload .ibiz-file-upload-icon{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.ibiz-grid-field-edit-column__editor.ibiz-file-upload .ibiz-file-upload-icon .el-upload-list--text{width:100%}
+.ibiz-file-upload{width:100%}.ibiz-file-upload .ibiz-file-upload-button span{font-size:var(--ibiz-form-item-font-size)}.ibiz-file-upload .el-upload-list{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start}.ibiz-file-upload .el-upload-list__item{display:flex;align-items:center;justify-content:flex-start;flex:0 0 auto}.ibiz-file-upload .el-upload-list__item .el-upload-list__item-info .el-upload-list__item-name{color:var(--ibiz-form-item-text-color)}.ibiz-file-upload .el-upload-list__item:hover{display:flex;align-items:center;justify-content:flex-start;background:var(--ibiz-form-item-disabled-bg-color)}.ibiz-file-upload .el-upload-list__item:hover span{color:var(--ibiz-form-item-text-color)}.ibiz-file-upload--disabled .el-upload-list__item>span{color:var(--ibiz-form-item-disabled-color)}.ibiz-file-upload--readonly .el-upload-list__item>span{color:var(--ibiz-form-item-readonly-color)}.ibiz-file-upload--readonly .ibiz-file-upload-button{display:none}.ibiz-file-upload-icon.is-not-show .el-upload--text{display:none}.ibiz-grid-field-edit-column__editor.ibiz-file-upload .ibiz-file-upload-icon{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.ibiz-grid-field-edit-column__editor.ibiz-file-upload .ibiz-file-upload-icon .el-upload-list--text{width:100%}.ibiz-form-item .ibiz-file-upload.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}

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

@@ -41,6 +41,7 @@ export declare const IBizFileUpload: import("vue").DefineComponent<{
     beforeUpload: () => void;
     isGridEditor: import("vue").ComputedRef<boolean>;
     componentRef: 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/upload/ibiz-file-upload/ibiz-file-upload.mjs

@@ -33,6 +33,12 @@ const IBizFileUpload = /* @__PURE__ */ defineComponent({
     const isGridEditor = computed(() => {
       return !!c.parent.model.columnType;
     });
+    const showFormDefaultContent = computed(() => {
+      if (props.controlParams && props.controlParams.editmode === "hover") {
+        return true;
+      }
+      return false;
+    });
     const {
       componentRef
     } = useFocusAndBlur(() => emit("focus"), () => emit("blur"));
@@ -50,12 +56,13 @@ const IBizFileUpload = /* @__PURE__ */ defineComponent({
       onSuccess,
       beforeUpload,
       isGridEditor,
-      componentRef
+      componentRef,
+      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)],
       "ref": "componentRef"
     }, [createVNode(resolveComponent("el-upload"), {
       "class": [this.ns.b("icon"), this.ns.is("not-show", this.noUploadIcon)],

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

@@ -1 +1 @@
-.ibiz-image-preview{width:100%;height:100%;overflow:hidden}.ibiz-image-preview>.el-image{width:100%;height:100%}
+.ibiz-image-preview{width:100%;height:100%;overflow:hidden}.ibiz-image-preview>.el-image{width:100%;height:100%}.ibiz-form-item .ibiz-image-preview.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}

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

@@ -25,6 +25,7 @@ export declare const IBizImagePreview: import("vue").DefineComponent<{
 }, {
     ns: import("@ibiz-template/core").Namespace;
     c: UploadEditorController;
+    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/upload/ibiz-image-preview/ibiz-image-preview.mjs

@@ -1,4 +1,4 @@
-import { resolveComponent, createVNode, defineComponent } from 'vue';
+import { computed, resolveComponent, createVNode, defineComponent } from 'vue';
 import { getUploadProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import './ibiz-image-preview.css';
 
@@ -10,14 +10,21 @@ const IBizImagePreview = /* @__PURE__ */ defineComponent({
   setup(props) {
     const ns = useNamespace("image-preview");
     const c = props.controller;
+    const showFormDefaultContent = computed(() => {
+      if (props.controlParams && props.controlParams.editmode === "hover") {
+        return true;
+      }
+      return false;
+    });
     return {
       ns,
-      c
+      c,
+      showFormDefaultContent
     };
   },
   render() {
     return createVNode("div", {
-      "class": [this.ns.b()],
+      "class": [this.ns.b(), this.ns.is("show-default", this.showFormDefaultContent)],
       "onClick": (e) => {
         e.stopPropagation();
       }

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

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-image-upload{--ibiz-image-upload-box-width:120px;--ibiz-image-upload-box-height:120px;--ibiz-image-upload-list-item-margin:5px;--ibiz-image-upload-list-item-bg-color:var(--ibiz-bg-color);--ibiz-image-upload-list-item-border:1px solid var(--ibiz-border-color-light);--ibiz-image-upload-list-item-border-radius:var(--ibiz-border-radius-base);--ibiz-image-upload-list-item-box-shadow:var(--ibiz-box-shadow);--ibiz-image-upload-list-item-cover-bg-color:rgba(0, 0, 0, 0.6);--ibiz-image-upload-list-item-cover-i-color:var(--ibiz-color-white);--ibiz-image-upload-list-item-cover-i-size:var(--ibiz-font-size-extra-large);--ibiz-image-upload-list-item-cover-i-margin:0 2px;--ibiz-grid-image-upload-box-width:80px;--ibiz-grid-image-upload-box-height:32px;display:flex;align-items:center}.ibiz-image-upload .el-upload--picture-card{width:var(--ibiz-image-upload-box-width);height:var(--ibiz-image-upload-box-height)}.ibiz-image-upload__btn{width:var(--ibiz-image-upload-box-width);height:var(--ibiz-image-upload-box-height);line-height:var(--ibiz-image-upload-box-height)}.ibiz-image-upload__list-item{position:relative;display:inline-block;width:var(--ibiz-image-upload-box-width);height:var(--ibiz-image-upload-box-height);margin-right:var(--ibiz-image-upload-list-item-margin);line-height:var(--ibiz-image-upload-box-height);text-align:center;background:var(--ibiz-image-upload-list-item-bg-color);border:var(--ibiz-image-upload-list-item-border);border-radius:var(--ibiz-image-upload-list-item-border-radius);box-shadow:var(--ibiz-image-upload-list-item-box-shadow)}.ibiz-image-upload__list-item img{width:100%;height:100%;vertical-align:top;-o-object-fit:contain;object-fit:contain}.ibiz-image-upload__list-item:hover .ibiz-image-upload__list-item-cover{display:block}.ibiz-image-upload__list-item-cover{position:absolute;inset:0;display:none;background:var(--ibiz-image-upload-list-item-cover-bg-color)}.ibiz-image-upload__list-item-cover ion-icon{margin:var(--ibiz-image-upload-list-item-cover-i-margin);font-size:var(--ibiz-image-upload-list-item-cover-i-size);color:var(--ibiz-image-upload-list-item-cover-i-color);cursor:pointer}.ibiz-image-upload__list-item-cover img{width:100%;height:100%;vertical-align:top}.ibiz-image-upload__image-upload-add{font-size:var(--ibiz-font-size-header-2);color:var(--ibiz-color-text-3)}.ibiz-image-upload--disabled .ibiz-image-upload__download-icon{display:none}.ibiz-image-upload--disabled .ibiz-image-upload__remove-icon{display:none}.ibiz-image-upload--readonly .ibiz-image-upload__remove-icon{display:none}.ibiz-image-upload--readonly .el-upload--picture-card{display:none}.ibiz-image-upload-modal__img{width:100%}.ibiz-image-upload-icon.is-not-show{display:none}.ibiz-grid-field-edit-column__editor.ibiz-image-upload{flex-wrap:wrap}.ibiz-grid-field-edit-column__editor.ibiz-image-upload .el-upload--picture-card{width:var(--ibiz-grid-image-upload-box-width);height:var(--ibiz-grid-image-upload-box-height)}.ibiz-grid-field-edit-column__editor.ibiz-image-upload .ibiz-image-upload__image-upload-list{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap}.ibiz-grid-field-edit-column__editor.ibiz-image-upload .ibiz-image-upload__list-item{width:var(--ibiz-grid-image-upload-box-width);height:var(--ibiz-grid-image-upload-box-height);margin:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-extra-tight) 0;line-height:var(--ibiz-grid-image-upload-box-height)}.ibiz-grid-field-edit-column__editor.ibiz-image-upload .ibiz-image-upload__list-item img{-o-object-fit:fill;object-fit:fill}
+@charset "UTF-8";.ibiz-image-upload{--ibiz-image-upload-box-width:120px;--ibiz-image-upload-box-height:120px;--ibiz-image-upload-list-item-margin:5px;--ibiz-image-upload-list-item-bg-color:var(--ibiz-bg-color);--ibiz-image-upload-list-item-border:1px solid var(--ibiz-border-color-light);--ibiz-image-upload-list-item-border-radius:var(--ibiz-border-radius-base);--ibiz-image-upload-list-item-box-shadow:var(--ibiz-box-shadow);--ibiz-image-upload-list-item-cover-bg-color:rgba(0, 0, 0, 0.6);--ibiz-image-upload-list-item-cover-i-color:var(--ibiz-color-white);--ibiz-image-upload-list-item-cover-i-size:var(--ibiz-font-size-extra-large);--ibiz-image-upload-list-item-cover-i-margin:0 2px;--ibiz-grid-image-upload-box-width:80px;--ibiz-grid-image-upload-box-height:32px;display:flex;align-items:center}.ibiz-image-upload .el-upload--picture-card{width:var(--ibiz-image-upload-box-width);height:var(--ibiz-image-upload-box-height)}.ibiz-image-upload__btn{width:var(--ibiz-image-upload-box-width);height:var(--ibiz-image-upload-box-height);line-height:var(--ibiz-image-upload-box-height)}.ibiz-image-upload__list-item{position:relative;display:inline-block;width:var(--ibiz-image-upload-box-width);height:var(--ibiz-image-upload-box-height);margin-right:var(--ibiz-image-upload-list-item-margin);line-height:var(--ibiz-image-upload-box-height);text-align:center;background:var(--ibiz-image-upload-list-item-bg-color);border:var(--ibiz-image-upload-list-item-border);border-radius:var(--ibiz-image-upload-list-item-border-radius);box-shadow:var(--ibiz-image-upload-list-item-box-shadow)}.ibiz-image-upload__list-item img{width:100%;height:100%;vertical-align:top;-o-object-fit:contain;object-fit:contain}.ibiz-image-upload__list-item:hover .ibiz-image-upload__list-item-cover{display:block}.ibiz-image-upload__list-item-cover{position:absolute;inset:0;display:none;background:var(--ibiz-image-upload-list-item-cover-bg-color)}.ibiz-image-upload__list-item-cover ion-icon{margin:var(--ibiz-image-upload-list-item-cover-i-margin);font-size:var(--ibiz-image-upload-list-item-cover-i-size);color:var(--ibiz-image-upload-list-item-cover-i-color);cursor:pointer}.ibiz-image-upload__list-item-cover img{width:100%;height:100%;vertical-align:top}.ibiz-image-upload__image-upload-add{font-size:var(--ibiz-font-size-header-2);color:var(--ibiz-color-text-3)}.ibiz-image-upload--disabled .ibiz-image-upload__download-icon{display:none}.ibiz-image-upload--disabled .ibiz-image-upload__remove-icon{display:none}.ibiz-image-upload--readonly .ibiz-image-upload__remove-icon{display:none}.ibiz-image-upload--readonly .el-upload--picture-card{display:none}.ibiz-image-upload-modal__img{width:100%}.ibiz-image-upload-icon.is-not-show{display:none}.ibiz-grid-field-edit-column__editor.ibiz-image-upload{flex-wrap:wrap}.ibiz-grid-field-edit-column__editor.ibiz-image-upload .el-upload--picture-card{width:var(--ibiz-grid-image-upload-box-width);height:var(--ibiz-grid-image-upload-box-height)}.ibiz-grid-field-edit-column__editor.ibiz-image-upload .ibiz-image-upload__image-upload-list{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap}.ibiz-grid-field-edit-column__editor.ibiz-image-upload .ibiz-image-upload__list-item{width:var(--ibiz-grid-image-upload-box-width);height:var(--ibiz-grid-image-upload-box-height);margin:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-extra-tight) 0;line-height:var(--ibiz-grid-image-upload-box-height)}.ibiz-grid-field-edit-column__editor.ibiz-image-upload .ibiz-image-upload__list-item img{-o-object-fit:fill;object-fit:fill}.ibiz-form-item .ibiz-image-upload.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}

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

@@ -44,6 +44,7 @@ export declare const IBizImageUpload: import("vue").DefineComponent<{
     onDialogVisibleChange: (value: boolean) => void;
     onPreview: (file: IData) => void;
     componentRef: 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/upload/ibiz-image-upload/ibiz-image-upload.mjs

@@ -38,6 +38,12 @@ const IBizImageUpload = /* @__PURE__ */ defineComponent({
     const noUploadIcon = computed(() => {
       return limit.value === 1 && files.value.length === 1;
     });
+    const showFormDefaultContent = computed(() => {
+      if (props.controlParams && props.controlParams.editmode === "hover") {
+        return true;
+      }
+      return false;
+    });
     const {
       componentRef
     } = useFocusAndBlur(() => emit("focus"), () => emit("blur"));
@@ -58,12 +64,13 @@ const IBizImageUpload = /* @__PURE__ */ defineComponent({
       onDownload,
       onDialogVisibleChange,
       onPreview,
-      componentRef
+      componentRef,
+      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)],
       "ref": "componentRef"
     }, [createVNode("div", {
       "class": this.ns.e("image-upload-list")

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

@@ -28,30 +28,4 @@ export declare class UploadEditorController extends EditorController<IFileUpload
      */
     exportParams?: IParams;
     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/upload/upload-editor.controller.mjs

@@ -1,6 +1,5 @@
-import { RuntimeModelError, RuntimeError, downloadFileFromBlob } from '@ibiz-template/core';
-import { EditorController, convertNavData } from '@ibiz-template/runtime';
-import qs from 'qs';
+import { RuntimeModelError } from '@ibiz-template/core';
+import { EditorController } from '@ibiz-template/runtime';
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -77,67 +76,6 @@ class UploadEditorController 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 { UploadEditorController };

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

@@ -23,7 +23,12 @@ function useIBizUploadInit(props) {
     props.data,
     (newVal) => {
       if (newVal) {
-        const urls = props.controller.value.calcBaseUrl(newVal);
+        const urls = ibiz.util.file.calcFileUpDownUrl(
+          props.controller.value.context,
+          props.controller.value.params,
+          newVal,
+          props.controller.value.editorParams
+        );
         uploadUrl.value = urls.uploadUrl;
         downloadUrl.value = urls.downloadUrl;
       }

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

@@ -26,7 +26,12 @@ function useIViewUpload(props, valueChange, c) {
     () => props.data,
     (newVal) => {
       if (newVal) {
-        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;
       }
@@ -96,7 +101,7 @@ function useIViewUpload(props, valueChange, c) {
   };
   const onDownload = (file) => {
     const url = file.url || downloadUrl.value.replace("%fileId%", file.id);
-    c.fileDownload({ url, name: file.name });
+    ibiz.util.file.fileDownload(url, file.name);
   };
   const limit = computed(() => {
     return c.multiple ? 9999 : 1;

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

@@ -0,0 +1,46 @@
+import { EditorController, SearchBarFilterController } from '@ibiz-template/runtime';
+import { IAppDataEntity, IPicker, ISearchBarFilter } from '@ibiz/model-core';
+/**
+ * 搜索过滤项编辑器控制器
+ *
+ * @author lxm
+ * @date 2022-08-24 20:08:25
+ * @export
+ * @class SearchCondEditEditorController
+ * @extends {EditorController}
+ */
+export declare class SearchCondEditEditorController extends EditorController<IPicker> {
+    protected onInit(): Promise<void>;
+    /**
+     * 过滤项集合
+     *
+     */
+    searchBarFilters: ISearchBarFilter[];
+    /**
+     * 过滤项控制器集合
+     *
+     */
+    filterControllers: SearchBarFilterController[];
+    /**
+     * 实体模型
+     * @author lxm
+     * @date 2023-10-13 02:49:59
+     * @type {IAppDataEntity}
+     */
+    appDataEntity: IAppDataEntity | null;
+    /**
+     * 根据实体jsonschema初始化
+     * @author lxm
+     * @date 2023-12-29 04:21:31
+     * @return {*}  {Promise<void>}
+     */
+    initByEntitySchema(): Promise<void>;
+    /**
+     * 初始化过滤项控制器
+     * @author lxm
+     * @date 2023-10-13 03:33:17
+     * @protected
+     * @return {*}  {Promise<void>}
+     */
+    protected initSearchBarFilters(): Promise<void>;
+}

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

@@ -0,0 +1,93 @@
+import { EditorController, getEntitySchema, calcFilterModelBySchema, SearchBarFilterController } from '@ibiz-template/runtime';
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class SearchCondEditEditorController extends EditorController {
+  constructor() {
+    super(...arguments);
+    /**
+     * 过滤项集合
+     *
+     */
+    __publicField(this, "searchBarFilters", []);
+    /**
+     * 过滤项控制器集合
+     *
+     */
+    __publicField(this, "filterControllers", []);
+    /**
+     * 实体模型
+     * @author lxm
+     * @date 2023-10-13 02:49:59
+     * @type {IAppDataEntity}
+     */
+    __publicField(this, "appDataEntity", null);
+  }
+  async onInit() {
+    await super.onInit();
+    await this.initByEntitySchema();
+    await this.initSearchBarFilters();
+  }
+  /**
+   * 根据实体jsonschema初始化
+   * @author lxm
+   * @date 2023-12-29 04:21:31
+   * @return {*}  {Promise<void>}
+   */
+  async initByEntitySchema() {
+    if (!this.model.appDataEntityId) {
+      return;
+    }
+    const appDataEntity = await ibiz.hub.getAppDataEntity(
+      this.model.appDataEntityId,
+      this.context.srfappid
+    );
+    if (appDataEntity) {
+      this.appDataEntity = appDataEntity;
+    }
+    const json = await getEntitySchema(
+      this.model.appDataEntityId,
+      this.context
+    );
+    if (!json) {
+      return;
+    }
+    const addSearchBarFilters = await calcFilterModelBySchema(
+      json,
+      this.model.appDataEntityId,
+      this.model.appId
+    );
+    this.searchBarFilters = addSearchBarFilters;
+  }
+  /**
+   * 初始化过滤项控制器
+   * @author lxm
+   * @date 2023-10-13 03:33:17
+   * @protected
+   * @return {*}  {Promise<void>}
+   */
+  async initSearchBarFilters() {
+    var _a;
+    if (((_a = this.searchBarFilters) == null ? void 0 : _a.length) && this.appDataEntity) {
+      this.searchBarFilters.forEach((item) => {
+        const filterController = new SearchBarFilterController(
+          item,
+          this.appDataEntity,
+          this.context,
+          this.params
+        );
+        this.filterControllers.push(filterController);
+      });
+      await Promise.all(
+        this.filterControllers.map((controller) => controller.init())
+      );
+    }
+  }
+}
+
+export { SearchCondEditEditorController };

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

@@ -0,0 +1 @@
+.ibiz-searchcond-edit{position:relative;width:100%;height:100%;font-size:var(--ibiz-form-item-font-size);font-weight:var(--ibiz-form-item-regular)}.ibiz-searchcond-edit .ibiz-searchcond-edit-filter{position:absolute;top:var(--ibiz-spacing-tight);right:var(--ibiz-spacing-tight)}

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

@@ -0,0 +1,81 @@
+import { Ref } from 'vue';
+import './ibiz-searchcond-edit.scss';
+import { IFilterNode } from '@ibiz-template/runtime';
+import { SearchCondEditEditorController } from './ibiz-searchcond-edit.controller';
+export declare const IBizSearchCondEdit: import("vue").DefineComponent<{
+    value: (StringConstructor | NumberConstructor)[];
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<SearchCondEditEditorController>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    disabled: {
+        type: BooleanConstructor;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    overflowMode: {
+        type: StringConstructor;
+    };
+    controlParams: {
+        type: ObjectConstructor;
+        required: boolean;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    c: SearchCondEditEditorController;
+    currentVal: Ref<string | null>;
+    handleChange: (e: number | null) => void;
+    onFocus: (e: IData) => void;
+    onBlur: (e: IData) => void;
+    editorRef: Ref<any>;
+    handleKeyUp: (e: KeyboardEvent) => void;
+    isEditable: Ref<boolean>;
+    setEditable: (flag: boolean) => void;
+    showFormDefaultContent: import("vue").ComputedRef<boolean>;
+    filterNodes: Ref<IFilterNode[]>;
+    triggerFilter: () => void;
+    filterButtonRef: Ref<any>;
+    resetFilter: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (_value: unknown, _name?: string | undefined) => boolean;
+    blur: (_event?: IData | undefined) => boolean;
+    focus: (_event?: IData | undefined) => boolean;
+    enter: (_event?: IData | undefined) => boolean;
+    infoTextChange: (_text: string) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: (StringConstructor | NumberConstructor)[];
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<SearchCondEditEditorController>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    disabled: {
+        type: BooleanConstructor;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    overflowMode: {
+        type: StringConstructor;
+    };
+    controlParams: {
+        type: ObjectConstructor;
+        required: boolean;
+    };
+}>> & {
+    onFocus?: ((_event?: IData | undefined) => any) | undefined;
+    onBlur?: ((_event?: IData | undefined) => any) | undefined;
+    onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: IData | undefined) => any) | undefined;
+}, {
+    disabled: boolean;
+    autoFocus: boolean;
+    readonly: boolean;
+}, {}>;