@ibiz-template/vue3-components 0.5.7-alpha.4 → 0.5.7-alpha.5

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

@@ -0,0 +1,187 @@
+import { ref, computed, watch, resolveComponent, createVNode, defineComponent } from 'vue';
+import { getInputProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
+import './ibiz-searchcond-edit.css';
+import { isNilOrEmpty } from 'qx-util';
+import { getOriginFilterNodes, parseFilters, calcSearchConds } from '@ibiz-template/runtime';
+
+"use strict";
+const IBizSearchCondEdit = /* @__PURE__ */ defineComponent({
+  name: "IBizSearchCondEdit",
+  props: getInputProps(),
+  emits: getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("searchcond-edit");
+    const c = props.controller;
+    const currentVal = ref(null);
+    const isEditable = ref(false);
+    const editorRef = ref();
+    const filterNodes = ref([]);
+    const filterButtonRef = ref();
+    let popover;
+    const showFormDefaultContent = computed(() => {
+      if (props.controlParams && props.controlParams.editmode === "hover") {
+        return true;
+      }
+      return false;
+    });
+    watch(() => props.value, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        if (newVal == null) {
+          currentVal.value = "";
+          filterNodes.value = getOriginFilterNodes();
+        } else if (typeof newVal === "string") {
+          currentVal.value = newVal;
+          if (newVal) {
+            try {
+              const searchconds = JSON.parse(newVal);
+              filterNodes.value = searchconds.map((item) => parseFilters(item));
+            } catch (error) {
+              ibiz.log.error("".concat(newVal, "\u503C\u683C\u5F0F\u4E0D\u6B63\u786E\uFF0C\u5FC5\u987B\u4E3Ajson\u5B57\u7B26\u4E32"));
+            }
+          }
+        }
+      }
+    }, {
+      immediate: true
+    });
+    const resetFilter = () => {
+      filterNodes.value = getOriginFilterNodes();
+    };
+    resetFilter();
+    const setEditable = (flag) => {
+      if (flag) {
+        isEditable.value = flag;
+      } else {
+        setTimeout(() => {
+          isEditable.value = flag;
+        }, 100);
+      }
+    };
+    const handleChange = (e) => {
+      emit("change", e);
+    };
+    if (props.autoFocus) {
+      watch(editorRef, (newVal) => {
+        if (newVal) {
+          const input = newVal.$el.getElementsByTagName("input")[0];
+          input.focus();
+        }
+      });
+    }
+    const onFocus = (e) => {
+      emit("focus", e);
+      setEditable(true);
+    };
+    const onBlur = (e) => {
+      emit("blur", e);
+      setEditable(false);
+    };
+    const handleKeyUp = (e) => {
+      if (e && e.code === "Enter") {
+        emit("enter", e);
+      }
+    };
+    const getCurrentValByFilterNodes = () => {
+      const searchconds = calcSearchConds(filterNodes.value);
+      if (searchconds) {
+        currentVal.value = JSON.stringify(searchconds, null, 2);
+      }
+    };
+    const onConfirm = () => {
+      getCurrentValByFilterNodes();
+      if (popover) {
+        popover.dismiss();
+      }
+      emit("change", currentVal.value);
+    };
+    const onCancel = () => {
+      resetFilter();
+      getCurrentValByFilterNodes();
+      emit("change", "");
+    };
+    const showFilter = async () => {
+      popover = ibiz.overlay.createPopover(() => {
+        return createVNode(resolveComponent("iBizFilterTreeControl"), {
+          "filterControllers": c.filterControllers,
+          "filterNodes": filterNodes.value,
+          "parent": "searchcond-edit",
+          "onConfirm": () => {
+            onConfirm();
+          },
+          "onCancel": () => {
+            onCancel();
+          }
+        }, null);
+      }, void 0, {
+        placement: "bottom-end",
+        autoClose: true
+      });
+      popover.present(filterButtonRef.value.$el);
+      await popover.onWillDismiss();
+      popover = void 0;
+    };
+    const triggerFilter = () => {
+      if (popover) {
+        popover.dismiss();
+      } else {
+        showFilter();
+      }
+    };
+    return {
+      ns,
+      c,
+      currentVal,
+      handleChange,
+      onFocus,
+      onBlur,
+      editorRef,
+      handleKeyUp,
+      isEditable,
+      setEditable,
+      showFormDefaultContent,
+      filterNodes,
+      triggerFilter,
+      filterButtonRef,
+      resetFilter
+    };
+  },
+  render() {
+    let content = null;
+    if (this.readonly) {
+      content = isNilOrEmpty(this.currentVal) ? "" : "".concat(this.currentVal);
+    } else {
+      content = [createVNode(resolveComponent("el-input"), {
+        "ref": "editorRef",
+        "class": [this.ns.b("input")],
+        "model-value": this.currentVal,
+        "type": "textarea",
+        "rows": 10,
+        "placeholder": this.c.placeHolder,
+        "disabled": this.disabled,
+        "controls": false,
+        "onFocus": this.onFocus,
+        "onBlur": this.onBlur,
+        "onKeyup": this.handleKeyUp
+      }, null), createVNode(resolveComponent("el-button"), {
+        "ref": "filterButtonRef",
+        "type": "primary",
+        "title": "\u7F16\u8F91",
+        "class": this.ns.b("filter"),
+        "onClick": () => this.triggerFilter()
+      }, {
+        default: () => [createVNode(resolveComponent("iBizIcon"), {
+          "icon": {
+            cssClass: "fa fa-edit"
+          }
+        }, null)]
+      })];
+    }
+    return createVNode("div", {
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("editable", this.isEditable), this.ns.is("show-default", this.showFormDefaultContent)]
+    }, [content]);
+  }
+});
+
+export { IBizSearchCondEdit };

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

@@ -0,0 +1,17 @@
+import { IEditorContainerController, IEditorProvider } from '@ibiz-template/runtime';
+import { IPicker } from '@ibiz/model-core';
+import { SearchCondEditEditorController } from './ibiz-searchcond-edit.controller';
+/**
+ * 搜索过滤项编辑器适配器
+ *
+ * @author lxm
+ * @date 2022-09-19 22:09:03
+ * @export
+ * @class SearchCondEditEditorProvider
+ * @implements {EditorProvider}
+ */
+export declare class SearchCondEditEditorProvider implements IEditorProvider {
+    formEditor: string;
+    gridEditor: string;
+    createController(editorModel: IPicker, parentController: IEditorContainerController): Promise<SearchCondEditEditorController>;
+}

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

@@ -0,0 +1,22 @@
+import { SearchCondEditEditorController } from './ibiz-searchcond-edit.controller.mjs';
+
+"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 SearchCondEditEditorProvider {
+  constructor() {
+    __publicField(this, "formEditor", "IBizSearchCondEdit");
+    __publicField(this, "gridEditor", "IBizSearchCondEdit");
+  }
+  async createController(editorModel, parentController) {
+    const c = new SearchCondEditEditorController(editorModel, parentController);
+    await c.init();
+    return c;
+  }
+}
+
+export { SearchCondEditEditorProvider };

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

@@ -0,0 +1,3 @@
+export * from './ibiz-searchcond-edit.controller';
+export * from './ibiz-searchcond-edit.provider';
+export { IBizSearchCondEdit } from './ibiz-searchcond-edit';

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

@@ -0,0 +1,5 @@
+export { SearchCondEditEditorController } from './ibiz-searchcond-edit.controller.mjs';
+export { SearchCondEditEditorProvider } from './ibiz-searchcond-edit.provider.mjs';
+export { IBizSearchCondEdit } from './ibiz-searchcond-edit.mjs';
+
+"use strict";

package/es/editor/user/index.d.ts

@@ -0,0 +1 @@
+export * from './ibiz-searchcond-edit';

package/es/editor/user/index.mjs

@@ -0,0 +1,6 @@
+import './ibiz-searchcond-edit/index.mjs';
+export { IBizSearchCondEdit } from './ibiz-searchcond-edit/ibiz-searchcond-edit.mjs';
+export { SearchCondEditEditorController } from './ibiz-searchcond-edit/ibiz-searchcond-edit.controller.mjs';
+export { SearchCondEditEditorProvider } from './ibiz-searchcond-edit/ibiz-searchcond-edit.provider.mjs';
+
+"use strict";

package/es/panel-component/user-message/internal-message/internal-message-default/internal-message-default.css

@@ -1 +1 @@
-.ibiz-internal-message{--ibiz-internal-message-loading-warp-bg-color:linear-gradient(90deg, var(--ibiz-color-primary-light-hover), var(--ibiz-color-primary));display:flex;align-items:center;justify-content:space-between;position:relative}.ibiz-internal-message--clickable{cursor:pointer}.ibiz-internal-message__caption{margin-bottom:8px;font-weight:var(--ibiz-font-weight-bold)}.ibiz-internal-message__short-content{margin-bottom:8px}.ibiz-internal-message__status{margin-right:8px}.ibiz-internal-message:hover .ibiz-internal-message-toolbar{display:block}.ibiz-internal-message-left{flex-grow:0;flex-shrink:0;align-self:flex-start;width:50px;font-size:var(--ibiz-font-size-header-3);text-align:center}.ibiz-internal-message-center{flex-grow:1;width:342px}.ibiz-internal-message-toolbar{position:absolute;top:0;right:0;display:none;padding:8px}.ibiz-internal-message-toolbar__button{margin-left:10px;font-size:16px;cursor:pointer}.ibiz-internal-message-toolbar__button:hover{color:var(--ibiz-color-primary)}
+.ibiz-internal-message{--ibiz-internal-message-loading-warp-bg-color:linear-gradient(90deg, var(--ibiz-color-primary-light-hover), var(--ibiz-color-primary));display:flex;align-items:center;justify-content:space-between;position:relative}.ibiz-internal-message--clickable{cursor:pointer}.ibiz-internal-message__caption{margin-bottom:8px;font-weight:var(--ibiz-font-weight-bold)}.ibiz-internal-message__short-content{margin-bottom:8px}.ibiz-internal-message__status{margin-right:8px}.ibiz-internal-message-left{flex-grow:0;flex-shrink:0;align-self:flex-start;width:50px;font-size:var(--ibiz-font-size-header-3);text-align:center}.ibiz-internal-message-center{flex-grow:1;width:342px}.ibiz-internal-message-toolbar{position:absolute;top:0;right:0;display:none;padding:8px}.ibiz-internal-message-toolbar__button{margin-left:10px;font-size:16px;cursor:pointer}.ibiz-internal-message-toolbar__button:hover{color:var(--ibiz-color-primary)}

package/es/panel-component/user-message/internal-message/internal-message-json/internal-message-json.css

@@ -1 +1 @@
-.ibiz-internal-message-json{display:flex;flex-flow:column nowrap;position:relative}.ibiz-internal-message-json--clickable{cursor:pointer}.ibiz-internal-message-json:hover .ibiz-internal-message-json-toolbar{display:block}.ibiz-internal-message-json__content{flex-grow:1}.ibiz-internal-message-json-toolbar{position:absolute;top:0;right:0;display:none;padding:8px}.ibiz-internal-message-json-toolbar__button{margin-left:10px;font-size:16px;cursor:pointer}.ibiz-internal-message-json-toolbar__button:hover{color:var(--ibiz-color-primary)}
+.ibiz-internal-message-json{display:flex;flex-flow:column nowrap;position:relative}.ibiz-internal-message-json--clickable{cursor:pointer}.ibiz-internal-message-json__content{flex-grow:1}.ibiz-internal-message-json-toolbar{position:absolute;top:0;right:0;display:none;padding:8px}.ibiz-internal-message-json-toolbar__button{margin-left:10px;font-size:16px;cursor:pointer}.ibiz-internal-message-json-toolbar__button:hover{color:var(--ibiz-color-primary)}

package/lib/control/form/form-detail/form-button/form-button.cjs

@@ -47,7 +47,8 @@ const FormButton = /* @__PURE__ */ vue.defineComponent({
       "sime": "small",
       "onClick": this.controller.onClick.bind(this.controller),
       "loading": this.controller.state.loading,
-      "disabled": this.controller.state.disabled
+      "disabled": this.controller.state.disabled,
+      "title": this.modelData.tooltip
     }, {
       default: () => [vue.createVNode("div", {
         "class": this.ns.b("content")

package/lib/control/grid/grid/grid-control.util.cjs

@@ -58,6 +58,10 @@ function useITableEvent(c) {
     } else if (order === "descending") {
       order1 = "desc";
     }
+    const sortQuery = "".concat(fieldName, ",").concat(order1);
+    if (sortQuery === c.state.sortQuery) {
+      return;
+    }
     c.setSort(fieldName, order1);
     c.load();
   }

package/lib/control/search-bar/filter-tree/filter-tree.cjs

@@ -52,23 +52,41 @@ const FilterModes = [{
 const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
   name: "IBizFilterTreeControl",
   props: {
-    controller: {
-      type: Object,
+    /**
+     * 过滤项控制器集合
+     */
+    filterControllers: {
+      type: Array,
       required: true
     },
-    provider: {
-      type: Object
+    /**
+     * 过滤项树节点数据集合
+     */
+    filterNodes: {
+      type: Array,
+      required: true
+    },
+    /**
+     * 父容器
+     */
+    parent: {
+      type: String,
+      required: true
     }
   },
-  emits: {
-    close: () => true
-  },
+  emits: ["confirm", "cancel", "change"],
   setup(props, {
     emit
   }) {
     const ns = vue3Util.useNamespace("filter-tree");
+    const isInSearchBar = vue.computed(() => {
+      return props.parent === "search-bar";
+    });
+    const UiFilterNodes = vue.computed(() => {
+      return props.filterNodes;
+    });
     const findFilterController = (fieldName, valueOP) => {
-      return props.controller.filterControllers.find((item) => {
+      return props.filterControllers.find((item) => {
         if (item.fieldName === fieldName) {
           return item.valueOP ? item.valueOP === valueOP : true;
         }
@@ -86,7 +104,7 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
       }
       return field.valueOPs;
     };
-    props.controller.filterControllers.forEach((filterC) => {
+    props.filterControllers.forEach((filterC) => {
       let find = allFields.find((x) => x.name === filterC.fieldName);
       if (find === void 0) {
         find = {
@@ -141,6 +159,7 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
         editor = vue.h(component, {
           value: node.value,
           controller: filterC.editor,
+          data: {},
           onChange: (val) => {
             node.value = val;
           }
@@ -240,23 +259,26 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
         }, null)]);
       })])]);
     };
-    const onClose = () => {
-      emit("close");
+    const onConfirm = () => {
+      emit("confirm");
+    };
+    const onCancel = () => {
+      emit("cancel");
     };
     return {
       ns,
       renderFilterGroup,
       renderFilterItem,
-      onClose
+      onConfirm,
+      onCancel,
+      isInSearchBar,
+      UiFilterNodes
     };
   },
   render() {
-    const {
-      state
-    } = this.controller;
     return vue.createVNode("div", {
       "class": [this.ns.b()]
-    }, [state.filterNodes.length > 0 && state.filterNodes.map((node) => {
+    }, [this.UiFilterNodes.length > 0 && this.UiFilterNodes.map((node) => {
       if (node.leaf) {
         return this.renderFilterItem(node);
       }
@@ -265,14 +287,13 @@ const FilterTreeControl = /* @__PURE__ */ vue.defineComponent({
       "class": this.ns.b("footer")
     }, [vue.createVNode(vue.resolveComponent("el-button"), {
       "onClick": () => {
-        this.controller.onSearch();
-        this.onClose();
+        this.onConfirm();
       }
     }, {
-      default: () => [vue.createTextVNode("\u641C\u7D22")]
+      default: () => [this.isInSearchBar ? "\u641C\u7D22" : "\u786E\u5B9A"]
     }), vue.createVNode(vue.resolveComponent("el-button"), {
       "onClick": () => {
-        this.controller.resetFilter();
+        this.onCancel();
       }
     }, {
       default: () => [vue.createTextVNode("\u91CD\u7F6E")]

package/lib/control/search-bar/search-bar.cjs

@@ -57,12 +57,18 @@ const SearchBarControl = /* @__PURE__ */ vue.defineComponent({
     const showFilter = async () => {
       popover = ibiz.overlay.createPopover(() => {
         return vue.createVNode(vue.resolveComponent("iBizFilterTreeControl"), {
-          "onClose": () => {
+          "filterControllers": c.filterControllers,
+          "filterNodes": c.state.filterNodes,
+          "parent": "search-bar",
+          "onConfirm": () => {
+            c.onSearch();
             if (popover) {
               popover.dismiss();
             }
           },
-          "controller": c
+          "onCancel": () => {
+            c.resetFilter();
+          }
         }, null);
       }, void 0, {
         placement: "bottom-end",

package/lib/editor/index.cjs

@@ -30,6 +30,7 @@ require('./array/index.cjs');
 require('./cascader/index.cjs');
 require('./color-picker/index.cjs');
 require('./preset/index.cjs');
+require('./user/ibiz-searchcond-edit/index.cjs');
 var span = require('./span/span/span.cjs');
 var spanLink = require('./span/span-link/span-link.cjs');
 var input = require('./text-box/input/input.cjs');
@@ -63,6 +64,7 @@ var ibizArray = require('./array/ibiz-array/ibiz-array.cjs');
 var ibizCascader = require('./cascader/ibiz-cascader/ibiz-cascader.cjs');
 var ibizColorPicker = require('./color-picker/ibiz-color-picker/ibiz-color-picker.cjs');
 var ibizPresetRawitem = require('./preset/preset-rawitem/ibiz-preset-rawitem/ibiz-preset-rawitem.cjs');
+var ibizSearchcondEdit = require('./user/ibiz-searchcond-edit/ibiz-searchcond-edit.cjs');
 var spanEditor_provider = require('./span/span-editor.provider.cjs');
 var textBoxEditor_provider = require('./text-box/text-box-editor.provider.cjs');
 var dropdownListEditor_provider = require('./dropdown-list/dropdown-list-editor.provider.cjs');
@@ -87,6 +89,7 @@ var markdownEditor_provider = require('./markdown/markdown-editor.provider.cjs')
 var arrayEditor_provider = require('./array/array-editor.provider.cjs');
 var cascaderEditor_provider = require('./cascader/cascader-editor.provider.cjs');
 var colorPickerEditor_provider = require('./color-picker/color-picker-editor.provider.cjs');
+var ibizSearchcondEdit_provider = require('./user/ibiz-searchcond-edit/ibiz-searchcond-edit.provider.cjs');
 
 "use strict";
 const IBizEditor = {
@@ -125,6 +128,7 @@ const IBizEditor = {
     v.component(ibizCascader.IBizCascader.name, ibizCascader.IBizCascader);
     v.component(ibizColorPicker.IBizColorPicker.name, ibizColorPicker.IBizColorPicker);
     v.component(ibizPresetRawitem.IBizPresetRawitem.name, ibizPresetRawitem.IBizPresetRawitem);
+    v.component(ibizSearchcondEdit.IBizSearchCondEdit.name, ibizSearchcondEdit.IBizSearchCondEdit);
     v.component(
       "IBizHtml",
       vue.defineAsyncComponent(() => Promise.resolve().then(function () { return require('./html/wang-editor/wang-editor.cjs'); }))
@@ -289,6 +293,10 @@ const IBizEditor = {
       "COLORPICKER",
       () => new colorPickerEditor_provider.ColorPickerEditorProvider()
     );
+    runtime.registerEditorProvider(
+      "PICKER_searchCondEdit",
+      () => new ibizSearchcondEdit_provider.SearchCondEditEditorProvider()
+    );
     runtime.registerEditorProvider(
       "FIELD_IMAGE_PICTURE_ONE",
       () => new uploadEditor_provider.FileUploaderEditorProvider("PICTURE_ONE")

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

@@ -38,8 +38,8 @@ const IBizInputNumber = /* @__PURE__ */ vue.defineComponent({
     });
     vue.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/lib/editor/user/ibiz-searchcond-edit/ibiz-searchcond-edit.cjs

@@ -0,0 +1,189 @@
+'use strict';
+
+var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
+require('./ibiz-searchcond-edit.css');
+var qxUtil = require('qx-util');
+var runtime = require('@ibiz-template/runtime');
+
+"use strict";
+const IBizSearchCondEdit = /* @__PURE__ */ vue.defineComponent({
+  name: "IBizSearchCondEdit",
+  props: vue3Util.getInputProps(),
+  emits: vue3Util.getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = vue3Util.useNamespace("searchcond-edit");
+    const c = props.controller;
+    const currentVal = vue.ref(null);
+    const isEditable = vue.ref(false);
+    const editorRef = vue.ref();
+    const filterNodes = vue.ref([]);
+    const filterButtonRef = vue.ref();
+    let popover;
+    const showFormDefaultContent = vue.computed(() => {
+      if (props.controlParams && props.controlParams.editmode === "hover") {
+        return true;
+      }
+      return false;
+    });
+    vue.watch(() => props.value, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        if (newVal == null) {
+          currentVal.value = "";
+          filterNodes.value = runtime.getOriginFilterNodes();
+        } else if (typeof newVal === "string") {
+          currentVal.value = newVal;
+          if (newVal) {
+            try {
+              const searchconds = JSON.parse(newVal);
+              filterNodes.value = searchconds.map((item) => runtime.parseFilters(item));
+            } catch (error) {
+              ibiz.log.error("".concat(newVal, "\u503C\u683C\u5F0F\u4E0D\u6B63\u786E\uFF0C\u5FC5\u987B\u4E3Ajson\u5B57\u7B26\u4E32"));
+            }
+          }
+        }
+      }
+    }, {
+      immediate: true
+    });
+    const resetFilter = () => {
+      filterNodes.value = runtime.getOriginFilterNodes();
+    };
+    resetFilter();
+    const setEditable = (flag) => {
+      if (flag) {
+        isEditable.value = flag;
+      } else {
+        setTimeout(() => {
+          isEditable.value = flag;
+        }, 100);
+      }
+    };
+    const handleChange = (e) => {
+      emit("change", e);
+    };
+    if (props.autoFocus) {
+      vue.watch(editorRef, (newVal) => {
+        if (newVal) {
+          const input = newVal.$el.getElementsByTagName("input")[0];
+          input.focus();
+        }
+      });
+    }
+    const onFocus = (e) => {
+      emit("focus", e);
+      setEditable(true);
+    };
+    const onBlur = (e) => {
+      emit("blur", e);
+      setEditable(false);
+    };
+    const handleKeyUp = (e) => {
+      if (e && e.code === "Enter") {
+        emit("enter", e);
+      }
+    };
+    const getCurrentValByFilterNodes = () => {
+      const searchconds = runtime.calcSearchConds(filterNodes.value);
+      if (searchconds) {
+        currentVal.value = JSON.stringify(searchconds, null, 2);
+      }
+    };
+    const onConfirm = () => {
+      getCurrentValByFilterNodes();
+      if (popover) {
+        popover.dismiss();
+      }
+      emit("change", currentVal.value);
+    };
+    const onCancel = () => {
+      resetFilter();
+      getCurrentValByFilterNodes();
+      emit("change", "");
+    };
+    const showFilter = async () => {
+      popover = ibiz.overlay.createPopover(() => {
+        return vue.createVNode(vue.resolveComponent("iBizFilterTreeControl"), {
+          "filterControllers": c.filterControllers,
+          "filterNodes": filterNodes.value,
+          "parent": "searchcond-edit",
+          "onConfirm": () => {
+            onConfirm();
+          },
+          "onCancel": () => {
+            onCancel();
+          }
+        }, null);
+      }, void 0, {
+        placement: "bottom-end",
+        autoClose: true
+      });
+      popover.present(filterButtonRef.value.$el);
+      await popover.onWillDismiss();
+      popover = void 0;
+    };
+    const triggerFilter = () => {
+      if (popover) {
+        popover.dismiss();
+      } else {
+        showFilter();
+      }
+    };
+    return {
+      ns,
+      c,
+      currentVal,
+      handleChange,
+      onFocus,
+      onBlur,
+      editorRef,
+      handleKeyUp,
+      isEditable,
+      setEditable,
+      showFormDefaultContent,
+      filterNodes,
+      triggerFilter,
+      filterButtonRef,
+      resetFilter
+    };
+  },
+  render() {
+    let content = null;
+    if (this.readonly) {
+      content = qxUtil.isNilOrEmpty(this.currentVal) ? "" : "".concat(this.currentVal);
+    } else {
+      content = [vue.createVNode(vue.resolveComponent("el-input"), {
+        "ref": "editorRef",
+        "class": [this.ns.b("input")],
+        "model-value": this.currentVal,
+        "type": "textarea",
+        "rows": 10,
+        "placeholder": this.c.placeHolder,
+        "disabled": this.disabled,
+        "controls": false,
+        "onFocus": this.onFocus,
+        "onBlur": this.onBlur,
+        "onKeyup": this.handleKeyUp
+      }, null), vue.createVNode(vue.resolveComponent("el-button"), {
+        "ref": "filterButtonRef",
+        "type": "primary",
+        "title": "\u7F16\u8F91",
+        "class": this.ns.b("filter"),
+        "onClick": () => this.triggerFilter()
+      }, {
+        default: () => [vue.createVNode(vue.resolveComponent("iBizIcon"), {
+          "icon": {
+            cssClass: "fa fa-edit"
+          }
+        }, null)]
+      })];
+    }
+    return vue.createVNode("div", {
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("editable", this.isEditable), this.ns.is("show-default", this.showFormDefaultContent)]
+    }, [content]);
+  }
+});
+
+exports.IBizSearchCondEdit = IBizSearchCondEdit;