@ibiz-template/vue3-components 0.6.0-alpha.3 → 0.6.0

package/es/common/data-import2/data-import2.css

@@ -1 +1 @@
-.ibiz-data-import2{display:flex;flex-flow:column nowrap;min-width:644px;height:568px;background:var(--ibiz-color-bg-1)}.ibiz-data-import2__data-import2-toolbar{display:flex;align-items:center;justify-content:space-between}.ibiz-data-import2__data-import2-toolbar-container{display:flex;align-items:center;justify-content:space-between}.ibiz-data-import2__select-option-item-button{height:100%}
+.ibiz-data-import2{display:flex;flex-flow:column nowrap;min-width:644px;background:var(--ibiz-color-bg-1)}.ibiz-data-import2.ibiz-view{height:568px}.ibiz-data-import2__data-import2-toolbar{display:flex;align-items:center;justify-content:space-between}.ibiz-data-import2__data-import2-toolbar-container{display:flex;align-items:center;justify-content:space-between}.ibiz-data-import2__select-option-item-button{height:100%}

package/es/common/data-import2/data-import2.mjs

@@ -452,7 +452,9 @@ const DataImport2 = /* @__PURE__ */ defineComponent({
     }), this.previewinfo[0] && this.previewinfo[0].length ? createVNode("div", {
       "class": "ibiz-control-toolbar__item"
     }, [createVNode(resolveComponent("el-button"), {
-      "onClick": this.onButtonImportClick
+      "onClick": this.onButtonImportClick,
+      "disabled": !this.selectValues.join(""),
+      "title": !this.selectValues.join("") ? "\u8BF7\u9009\u62E9\u5217\u5BFC\u5165\u5C5E\u6027!" : ""
     }, _isSlot(_slot2 = ibiz.i18n.t("component.dataImport2.import")) ? _slot2 : {
       default: () => [_slot2]
     })]) : ""])])])]), createVNode(resolveComponent("data-import2-table"), {

package/es/control/drbar/drbar.controller.mjs

@@ -250,6 +250,9 @@ class DRBarController extends ControlController {
    */
   handleSelectChange(key, isRoutePushed = false) {
     var _a;
+    if (this.state.selectedItem === key) {
+      return;
+    }
     const drBarItem = (_a = this.model.dedrctrlItems) == null ? void 0 : _a.find((item) => item.id === key);
     if (drBarItem) {
       this.setVisible("navPos");

package/es/control/form/form-detail/form-item/form-item.mjs

@@ -65,6 +65,7 @@ const FormItem = /* @__PURE__ */ defineComponent({
     }
     return createVNode(resolveComponent("iBizFormItemContainer"), {
       "class": [this.ns.b(), this.ns.m(this.modelData.id), ...this.controller.containerClass],
+      "style": this.modelData.cssStyle,
       "required": this.c.state.required,
       "error": this.c.state.error,
       "label": this.c.labelCaption,

package/es/control/tab-exp-panel/tab-exp-panel.mjs

@@ -1,5 +1,5 @@
 import { isVNode, watch, resolveComponent, createVNode, defineComponent } from 'vue';
-import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
+import { useControlController, useNamespace, route2routePath } from '@ibiz-template/vue3-util';
 import './tab-exp-panel.css';
 import { TabExpPanelController } from '@ibiz-template/runtime';
 import { useRoute } from 'vue-router';
@@ -42,28 +42,16 @@ const TabExpPanelControl = /* @__PURE__ */ defineComponent({
     const route = useRoute();
     watch(() => route.fullPath, (newVal, oldVal) => {
       if (newVal !== oldVal) {
-        const viewCodeName = c.view.model.codeName.toLowerCase();
-        const viewRouteKey = Object.keys(route.params).find((key) => {
-          return route.params[key] === viewCodeName;
-        });
-        if (!viewRouteKey) {
-          return;
-        }
-        const nextKeyNumber = (parseInt(viewRouteKey[viewRouteKey.length - 1], 10) + 2) * 2;
-        const tempFullPath = route.fullPath.split("/").slice(0, nextKeyNumber).join("/");
-        c.state.tabPages.forEach((page) => {
-          if (page.fullPath === tempFullPath) {
-            c.state.activeName = page.tabTag;
+        const depth = c.view.modal.routeDepth;
+        if (depth) {
+          const routePath = route2routePath(route);
+          const {
+            srfnav
+          } = routePath.pathNodes[depth - 1];
+          if (srfnav && c.state.activeName && c.state.activeName !== srfnav) {
+            c.state.activeName = srfnav;
             c.handleTabChange();
           }
-        });
-        if (c.state.activeName) {
-          const currentPage = c.state.tabPages.find((page) => {
-            return page.tabTag === c.state.activeName;
-          });
-          if (currentPage) {
-            currentPage.fullPath = tempFullPath;
-          }
         }
       }
     }, {

package/es/control/toolbar/toolbar.mjs

@@ -70,6 +70,7 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
       return createVNode(resolveComponent("el-sub-menu"), {
         "class": ns.b("submenu"),
         "index": item.id,
+        "title": item.tooltip,
         "popper-class": ns.b("submenu-popper")
       }, {
         default: () => {

package/es/control/tree/index.d.ts

@@ -935,6 +935,7 @@ export declare const IBizTreeControl: import("@ibiz-template/vue3-util").TypeWit
     treeRefreshKey: import("vue").Ref<string>;
     editingNodeKey: import("vue").Ref<string | null>;
     editingNodeText: import("vue").Ref<string | null>;
+    cascadeSelect: import("vue").Ref<boolean>;
     findNodeData: typeof import("./el-tree-util").findNodeData;
     onCheck: (nodeData: import("@ibiz-template/runtime").ITreeNodeData, opts: {
         checkedNodes: import("@ibiz-template/runtime").ITreeNodeData[];

package/es/control/tree/tree.css

@@ -1 +1 @@
-.ibiz-control-treeview{--ibiz-control-treeview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-treeview-icon-height:var(--ibiz-spacing-base);--ibiz-control-treeview-icon-width:var(--ibiz-spacing-base);height:100%;padding:var(--ibiz-control-treeview-padding)}.ibiz-control-treeview-node{display:flex;flex-grow:1;flex-shrink:1;align-items:center;min-width:1px;height:100%}.ibiz-control-treeview-node__icon{width:var(--ibiz-control-treeview-icon-width);height:var(--ibiz-control-treeview-icon-height);margin-right:var(--ibiz-spacing-tight)}.ibiz-control-treeview-node__label{flex-grow:1;flex-shrink:1;min-width:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-control-treeview-node:hover .ibiz-control-treeview-context-menu-trigger{display:inline-block}.ibiz-control-treeview-context-menu-trigger{display:none;flex-shrink:0;width:30px;text-align:center;cursor:pointer}.ibiz-control-treeview-context-menu-trigger__caption-icon{vertical-align:middle}.ibiz-control-treeview-context-menu.mx-context-menu{padding:var(--ibiz-spacing-extra-tight) 0}.ibiz-control-treeview-context-menu.mx-context-menu .mx-context-menu-item{padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base)}.ibiz-control-treeview-quick-search{margin-bottom:var(--ibiz-spacing-tight)}
+.ibiz-control-treeview{--ibiz-control-treeview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-treeview-icon-height:var(--ibiz-spacing-base);--ibiz-control-treeview-icon-width:var(--ibiz-spacing-base);height:100%;padding:var(--ibiz-control-treeview-padding)}.ibiz-control-treeview-node{display:flex;flex-grow:1;flex-shrink:1;align-items:center;min-width:1px;height:100%}.ibiz-control-treeview-node__icon{width:var(--ibiz-control-treeview-icon-width);height:var(--ibiz-control-treeview-icon-height);margin-right:var(--ibiz-spacing-tight)}.ibiz-control-treeview-node__label{flex-grow:1;flex-shrink:1;min-width:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-control-treeview-node:hover .ibiz-control-treeview-context-menu-trigger{display:inline-block}.ibiz-control-treeview-node--disabled{color:var(--ibiz-color-disabled-text);cursor:not-allowed}.ibiz-control-treeview-context-menu-trigger{display:none;flex-shrink:0;width:30px;text-align:center;cursor:pointer}.ibiz-control-treeview-context-menu-trigger__caption-icon{vertical-align:middle}.ibiz-control-treeview-context-menu.mx-context-menu{padding:var(--ibiz-spacing-extra-tight) 0}.ibiz-control-treeview-context-menu.mx-context-menu .mx-context-menu-item{padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base)}.ibiz-control-treeview-quick-search{margin-bottom:var(--ibiz-spacing-tight)}

package/es/control/tree/tree.d.ts

@@ -956,6 +956,7 @@ export declare const TreeControl: import("vue").DefineComponent<{
     treeRefreshKey: import("vue").Ref<string>;
     editingNodeKey: import("vue").Ref<string | null>;
     editingNodeText: import("vue").Ref<string | null>;
+    cascadeSelect: import("vue").Ref<boolean>;
     findNodeData: typeof findNodeData;
     onCheck: (nodeData: ITreeNodeData, opts: {
         checkedNodes: ITreeNodeData[];

package/es/control/tree/tree.mjs

@@ -1,4 +1,4 @@
-import { isVNode, reactive, ref, watch, computed, nextTick, resolveComponent, createVNode, onMounted, onUnmounted, resolveDirective, withDirectives, defineComponent } from 'vue';
+import { isVNode, ref, reactive, watch, computed, nextTick, resolveComponent, createVNode, onMounted, onUnmounted, resolveDirective, withDirectives, defineComponent } from 'vue';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import { createUUID } from 'qx-util';
 import { debounce } from 'lodash-es';
@@ -67,6 +67,7 @@ const TreeControl = /* @__PURE__ */ defineComponent({
   },
   setup() {
     const c = useControlController((...args) => new TreeController(...args));
+    const cascadeSelect = ref(false);
     const counterData = reactive({});
     c.evt.on("onCreated", () => {
       if (c.counter) {
@@ -74,6 +75,9 @@ const TreeControl = /* @__PURE__ */ defineComponent({
           Object.assign(counterData, counter);
         }, true);
       }
+      if (c.controlParams.cascadeselect) {
+        cascadeSelect.value = true;
+      }
     });
     const ns = useNamespace("control-".concat(c.model.controlType.toLowerCase()));
     const treeRef = ref(null);
@@ -120,7 +124,8 @@ const TreeControl = /* @__PURE__ */ defineComponent({
         _id: node._id,
         _uuid: node._uuid,
         _leaf: node._leaf,
-        _text: node._text
+        _text: node._text,
+        _disableSelect: node._disableSelect
       }));
     };
     c.evt.on("onAfterRefreshParent", (event) => {
@@ -404,6 +409,7 @@ const TreeControl = /* @__PURE__ */ defineComponent({
       treeRefreshKey,
       editingNodeKey,
       editingNodeText,
+      cascadeSelect,
       findNodeData,
       onCheck,
       onNodeClick,
@@ -452,12 +458,13 @@ const TreeControl = /* @__PURE__ */ defineComponent({
           "expand-on-click-node": false,
           "auto-expand-parent": false,
           "show-checkbox": !this.c.state.singleSelect,
-          "check-strictly": true,
+          "check-strictly": !this.cascadeSelect,
           "default-expanded-keys": this.c.state.expandedKeys,
           "props": {
             label: "_text",
             children: "_children",
-            isLeaf: "_leaf"
+            isLeaf: "_leaf",
+            disabled: "_disableSelect"
           },
           "lazy": true,
           "load": this.loadData,
@@ -525,7 +532,7 @@ const TreeControl = /* @__PURE__ */ defineComponent({
               "onDblclick": (evt) => this.onNodeDbClick(nodeData, evt),
               "onClick": (evt) => this.onNodeClick(nodeData, evt),
               "onContextmenu": (evt) => this.onNodeContextmenu(nodeData, evt),
-              "class": [this.ns.b("node"), (_b = nodeModel.sysCss) == null ? void 0 : _b.cssName]
+              "class": [this.ns.b("node"), nodeData._disableSelect ? this.ns.bm("node", "disabled") : "", (_b = nodeModel.sysCss) == null ? void 0 : _b.cssName]
             }, [content, this.renderCounter(nodeModel), this.renderContextMenu(nodeModel, nodeData)]);
           }
         });

package/es/control/tree-grid-ex/index.d.ts

@@ -20,6 +20,7 @@ export declare const IBizTreeGridExControl: import("@ibiz-template/vue3-util").T
     tableRef: import("vue").Ref<IData | undefined>;
     elTableData: import("vue").ComputedRef<IData[]>;
     renderColumns: import("vue").ComputedRef<import("@ibiz/model-core").IDETreeColumn[]>;
+    tableRefreshKey: import("vue").Ref<string>;
     renderNoData: () => false | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>;

package/es/control/tree-grid-ex/tree-grid-ex.d.ts

@@ -24,6 +24,7 @@ export declare const TreeGridExControl: import("vue").DefineComponent<{
     tableRef: import("vue").Ref<IData | undefined>;
     elTableData: import("vue").ComputedRef<IData[]>;
     renderColumns: import("vue").ComputedRef<IDETreeColumn[]>;
+    tableRefreshKey: import("vue").Ref<string>;
     renderNoData: () => VNode | false;
     loadData: (item: IData, treeNode: unknown, callback: (nodes: IData[]) => void) => Promise<void>;
     onRowClick: (data: IData, _column: IData, event: MouseEvent) => Promise<void>;

package/es/control/tree-grid-ex/tree-grid-ex.mjs

@@ -3,6 +3,7 @@ import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import { TreeGridExController } from '@ibiz-template/runtime';
 import './tree-grid-ex.css';
 import { RuntimeError } from '@ibiz-template/core';
+import { createUUID } from 'qx-util';
 import { useRowEditPopover } from './use-row-edit-popover.mjs';
 
 "use strict";
@@ -64,6 +65,7 @@ const TreeGridExControl = /* @__PURE__ */ defineComponent({
         return temp;
       });
     };
+    const tableRefreshKey = ref(createUUID());
     const treeRootData = computed(() => {
       if (!c.state.isLoaded) {
         return [];
@@ -76,11 +78,15 @@ const TreeGridExControl = /* @__PURE__ */ defineComponent({
       }, []);
     });
     const elTableData = computed(() => {
+      tableRefreshKey.value = createUUID();
       if (treeRootData.value.length === 0) {
         return [];
       }
       return toElNodes(treeRootData.value, true);
     });
+    c.evt.on("onAfterRefreshParent", () => {
+      tableRefreshKey.value = createUUID();
+    });
     const loadData = async (item, treeNode, callback) => {
       let nodes;
       const nodeData = c.getNodeData(item.id);
@@ -155,6 +161,7 @@ const TreeGridExControl = /* @__PURE__ */ defineComponent({
       tableRef,
       elTableData,
       renderColumns,
+      tableRefreshKey,
       renderNoData,
       loadData,
       onRowClick,
@@ -207,6 +214,7 @@ const TreeGridExControl = /* @__PURE__ */ defineComponent({
     }, {
       default: () => [this.c.state.isLoaded && createVNode(resolveComponent("el-table"), {
         "ref": "tableRef",
+        "key": this.tableRefreshKey,
         "class": this.ns.e("table"),
         "border": true,
         "row-key": "id",

package/es/editor/color-picker/ibiz-color-picker/ibiz-color-picker.d.ts

@@ -27,6 +27,7 @@ export declare const IBizColorPicker: import("vue").DefineComponent<{
     ns: import("@ibiz-template/core").Namespace;
     c: ColorPickerEditorController;
     currentVal: Ref<string | null>;
+    predefineColors: Ref<string[]>;
     contentStyle: import("vue").ComputedRef<IData | null>;
     colorPicker: Ref<IData | null>;
     handleChange: (e: string | null) => void;

package/es/editor/color-picker/ibiz-color-picker/ibiz-color-picker.mjs

@@ -14,6 +14,7 @@ const IBizColorPicker = /* @__PURE__ */ defineComponent({
     const c = props.controller;
     const currentVal = ref("");
     const colorPicker = ref(null);
+    const predefineColors = ref(["#000000", "#2C2C2C", "#50555C", "#ACB3BF", "#D0D3D9", "#C4C4C4", "#DADADA", "#E5E5E5", "#F0F0F0", "#F24E1E", "#E99C58", "#FFC700", "#FF4D00", "#FF00D6", "#D82E57", "#8E1DE8", "#0ACF83", "#18A0FB", "#A259FF", "#907CFF"]);
     const showFormDefaultContent = computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover") {
         return true;
@@ -57,6 +58,7 @@ const IBizColorPicker = /* @__PURE__ */ defineComponent({
       ns,
       c,
       currentVal,
+      predefineColors,
       contentStyle,
       colorPicker,
       handleChange,
@@ -83,7 +85,9 @@ const IBizColorPicker = /* @__PURE__ */ defineComponent({
         "onChange": this.handleChange,
         "onBlur": this.onBlur,
         "onFocus": this.onFocus,
-        "size": "small"
+        "size": "small",
+        "predefine": this.predefineColors,
+        "show-alpha": true
       }, null), createVNode("span", {
         "class": this.ns.b("text")
       }, [this.currentVal])]);

package/es/editor/data-picker/ibiz-picker/ibiz-picker.mjs

@@ -1,6 +1,6 @@
 import { ref, computed, watch, onMounted, resolveComponent, createVNode, defineComponent } from 'vue';
 import { getDataPickerProps, getEditorEmits, useNamespace, renderString } from '@ibiz-template/vue3-util';
-import { isEmpty } from 'ramda';
+import { isEmpty, isNil } from 'ramda';
 import './ibiz-picker.css';
 
 "use strict";
@@ -161,7 +161,7 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
     onMounted(() => {
       watch(() => props.data[c.valueItem], async (newVal, oldVal) => {
         if (newVal !== oldVal) {
-          if (!isLoaded.value && editorRef.value) {
+          if (!isLoaded.value && editorRef.value && isNil(props.value)) {
             await onSearch("");
           }
           const curItem = items.value.find((item) => Object.is(item[c.keyName], newVal));

package/es/editor/data-picker/ibiz-picker-dropdown/ibiz-picker-dropdown.mjs

@@ -89,7 +89,7 @@ const IBizPickerDropDown = /* @__PURE__ */ defineComponent({
     onMounted(() => {
       watch(() => props.data[c.valueItem], async (newVal, oldVal) => {
         if (newVal !== oldVal) {
-          if (!isLoaded.value && editorRef.value) {
+          if (!isLoaded.value && editorRef.value && isNil(props.value)) {
             shouldLoad.value = true;
             await onSearch("");
           }

package/es/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.css

@@ -1 +1 @@
-.ibiz-picker-select-view{width:100%}.ibiz-picker-select-view .el-dropdown{width:100%}.ibiz-picker-select-view .el-select{width:100%}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper{width:100%;max-height:500px;overflow:auto}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list{background:var(--ibiz-color-primary-text)}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu{background:var(--ibiz-color-primary-text)}.ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default:hover .ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default:hover .ibiz-picker-select-view-select{display:block}.ibiz-form-item .ibiz-picker-select-view.is-show-default .ibiz-picker-select-view-form-default-content{display:flex;align-items:center;width:100%;height:var(--ibiz-editor-default-line-height);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-picker-select-view.is-show-default .ibiz-picker-select-view-form-default-content .ibiz-picker-select-view-content-item{height:22px;padding:0 9px;margin:2px 6px 2px 0;font-size:var(--ibiz-font-size-small);line-height:22px;color:var(--ibiz-editor-default-text-color);background-color:var(--ibiz-color-fill-0);border:1px solid transparent;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item .ibiz-picker-select-view.is-show-default .ibiz-picker-select-view-select{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default.is-editable .ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default.is-editable .ibiz-picker-select-view-select{display:block}
+.ibiz-picker-select-view{width:100%}.ibiz-picker-select-view .el-dropdown{width:100%}.ibiz-picker-select-view .el-select{width:100%}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper{width:100%;min-height:100px;max-height:500px;overflow:auto}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list{background:var(--ibiz-color-primary-text)}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu{background:var(--ibiz-color-primary-text)}.ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default:hover .ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default:hover .ibiz-picker-select-view-select{display:block}.ibiz-form-item .ibiz-picker-select-view.is-show-default .ibiz-picker-select-view-form-default-content{display:flex;align-items:center;width:100%;height:var(--ibiz-editor-default-line-height);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-picker-select-view.is-show-default .ibiz-picker-select-view-form-default-content .ibiz-picker-select-view-content-item{height:22px;padding:0 9px;margin:2px 6px 2px 0;font-size:var(--ibiz-font-size-small);line-height:22px;color:var(--ibiz-editor-default-text-color);background-color:var(--ibiz-color-fill-0);border:1px solid transparent;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item .ibiz-picker-select-view.is-show-default .ibiz-picker-select-view-select{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default.is-editable .ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default.is-editable .ibiz-picker-select-view-select{display:block}.ibiz-picker-select-view-select-popover{display:none}

package/es/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.d.ts

@@ -33,15 +33,10 @@ export declare const IBizPickerSelectView: import("vue").DefineComponent<{
     queryValue: Ref<string>;
     visible: Ref<boolean>;
     pickViewWidth: Ref<string>;
-    context: Ref<{
-        [x: string]: any;
-        [x: symbol]: any;
-        srfsessionid: string;
-        srfappid: string;
-    }>;
-    params: Ref<IParams>;
+    context: Ref<IContext>;
+    params: Ref<IData>;
     editorRef: Ref<any>;
-    onInputChange: () => void;
+    onInputChange: (e: IData) => void;
     triggerMenu: (show?: boolean) => void;
     onViewDataChange: (event: IData[]) => void;
     onClear: () => void;
@@ -57,6 +52,9 @@ export declare const IBizPickerSelectView: import("vue").DefineComponent<{
     isEditable: Ref<boolean>;
     setEditable: (flag: boolean) => void;
     showFormDefaultContent: import("vue").ComputedRef<boolean>;
+    onVisibleChange: (e: boolean) => void;
+    showView: Ref<boolean>;
+    selectedData: Ref<IData[]>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined) => boolean;
     blur: (_event?: IData | undefined) => boolean;