cnhis-design-vue 3.1.14-beta.1 → 3.1.14-beta.11.1

package/es/packages/big-table/src/components/edit-form/edit-separate.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,6 @@
-import { defineComponent, ref, openBlock, createBlock, unref, withCtx, createVNode } from 'vue';
+import { defineComponent, ref, openBlock, createBlock, unref, withCtx, createVNode, withModifiers } from 'vue';
+import SlotRender from '../../../../../src/components/SlotRender';
+import { cloneDeep, isObject, isArray } from 'lodash-es';
 import { NPopover, NInput } from 'naive-ui';
 import { useSeparateMap } from '../../../../../packages/big-table/src/hooks/useSeparateRow';
 import '../separate.js';
@@ -14,19 +16,24 @@ var script = /* @__PURE__ */ defineComponent({
   emits: ["formChange"],
   setup(__props, { emit }) {
     const props = __props;
+    const popoverRef = ref();
+    const editContent = ref();
     const { getRowData } = useSeparateMap();
-    const editContent = ref("");
     function updateShow(show) {
       const target = getRowData(props.row);
       if (!target)
         return;
       if (show) {
-        editContent.value = target.row[props.col.field];
+        editContent.value = cloneDeep(target.row[props.col.field]);
         return;
       }
       const old = target.row[props.col.field];
-      if (old === editContent.value || !target)
+      if (!target)
         return;
+      if (!isObject(editContent.value) && !isArray(editContent.value)) {
+        if (old === editContent.value)
+          return;
+      }
       target.rawRow[props.col.field] = editContent.value;
       emit("formChange", {
         value: editContent.value,
@@ -37,31 +44,44 @@ var script = /* @__PURE__ */ defineComponent({
     }
     const style = {
       border: "1px solid #f5f5f5",
-      padding: "4px 0",
+      padding: "4px 0 4px 4px",
       background: "white",
       "border-radius": "4px"
     };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(NPopover), {
+        ref_key: "popoverRef",
+        ref: popoverRef,
+        trigger: "click",
         "show-arrow": false,
         "onUpdate:show": updateShow
       }, {
         trigger: withCtx(() => [
           createVNode(script$1, {
+            onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+            }, ["stop"])),
             style,
             col: __props.col,
             row: __props.row
           }, null, 8, ["col", "row"])
         ]),
         default: withCtx(() => [
-          createVNode(unref(NInput), {
+          __props.col.separateSlot ? (openBlock(), createBlock(unref(SlotRender), {
+            key: 0,
+            renderer: __props.col.separateSlot,
+            value: editContent.value,
+            "onUpdate:value": _cache[1] || (_cache[1] = ($event) => editContent.value = $event),
+            col: __props.col,
+            row: __props.row
+          }, null, 8, ["renderer", "value", "col", "row"])) : (openBlock(), createBlock(unref(NInput), {
+            key: 1,
             value: editContent.value,
-            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => editContent.value = $event),
+            "onUpdate:value": _cache[2] || (_cache[2] = ($event) => editContent.value = $event),
             type: "textarea"
-          }, null, 8, ["value"])
+          }, null, 8, ["value"]))
         ]),
         _: 1
-      });
+      }, 512);
     };
   }
 });

package/es/packages/big-table/src/components/separate.vue.d.ts

@@ -1,9 +1,8 @@
 import { AnyObject } from '../../../../../es/src/types';
 import { PropType } from 'vue';
-import { VxeTableDefines } from 'vxe-table';
 declare const _default: import("vue").DefineComponent<{
     col: {
-        type: PropType<VxeTableDefines.ColumnInfo>;
+        type: PropType<AnyObject>;
         required: true;
     };
     row: {
@@ -13,7 +12,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         col: {
-            type: PropType<VxeTableDefines.ColumnInfo>;
+            type: PropType<AnyObject>;
             required: true;
         };
         row: {
@@ -32,7 +31,7 @@ declare const _default: import("vue").DefineComponent<{
     displayContent: import("vue").ComputedRef<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     col: {
-        type: PropType<VxeTableDefines.ColumnInfo>;
+        type: PropType<AnyObject>;
         required: true;
     };
     row: {

package/es/packages/big-table/src/components/separate.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,8 @@
-import { defineComponent, computed, openBlock, createElementBlock, toDisplayString, unref } from 'vue';
+import { defineComponent, computed, openBlock, createElementBlock, createTextVNode, toDisplayString, unref, createElementVNode } from 'vue';
 import { useSeparateMap } from '../../../../packages/big-table/src/hooks/useSeparateRow';
 
-const _hoisted_1 = { style: { padding: "4px 0" } };
+const _hoisted_1 = { class: "big-table__separate" };
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("span", { class: "big-table__separatePlaceholder" }, "p", -1);
 var script = /* @__PURE__ */ defineComponent({
   __name: "separate",
   props: {
@@ -16,7 +17,10 @@ var script = /* @__PURE__ */ defineComponent({
       return target ? target.separateData[props.col.field] : "";
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(unref(displayContent)), 1);
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createTextVNode(toDisplayString(unref(displayContent)) + " ", 1),
+        _hoisted_2
+      ]);
     };
   }
 });

package/es/packages/big-table/src/hooks/useEdit.d.ts

@@ -152,7 +152,7 @@ export declare const comps: {
     }>;
     separate: import("vue").DefineComponent<{
         col: {
-            type: import("vue").PropType<import("vxe-table").VxeTableDefines.ColumnInfo>;
+            type: import("vue").PropType<import("../../../../src/types").AnyObject>;
             required: true;
         };
         row: {
@@ -166,7 +166,7 @@ export declare const comps: {
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             col: {
-                type: import("vue").PropType<import("vxe-table").VxeTableDefines.ColumnInfo>;
+                type: import("vue").PropType<import("../../../../src/types").AnyObject>;
                 required: true;
             };
             row: {
@@ -180,16 +180,34 @@ export declare const comps: {
         }>> & {
             onFormChange?: ((...args: any[]) => any) | undefined;
         }>>;
+        popoverRef: import("vue").Ref<any>;
         emit: (event: "formChange", ...args: any[]) => void;
+        editContent: import("vue").Ref<any>;
         getRowData: (row: import("../../../../src/types").AnyObject) => {
             separateData: Record<string, string>;
             index: number;
             rawRow: import("../../../../src/types").AnyObject;
             row: import("../../../../src/types").AnyObject;
         } | undefined;
-        editContent: import("vue").Ref<string>;
         updateShow: (show: boolean) => void;
         style: import("vue").CSSProperties;
+        SlotRender: import("vue").DefineComponent<{
+            renderer: {
+                type: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | import("../../../../src/types").Func<any[], any>>;
+                required: true;
+            };
+            rootSlots: {
+                type: import("vue").PropType<Record<string, import("../../../../src/types").Func<any[], any>>>;
+            };
+        }, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            renderer: {
+                type: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | import("../../../../src/types").Func<any[], any>>;
+                required: true;
+            };
+            rootSlots: {
+                type: import("vue").PropType<Record<string, import("../../../../src/types").Func<any[], any>>>;
+            };
+        }>>, {}>;
         NPopover: import("vue").DefineComponent<{
             internalOnAfterLeave: import("vue").PropType<() => void>;
             internalRenderBody: import("vue").PropType<import("naive-ui/es/popover/src/interface").InternalRenderBody>;
@@ -1340,7 +1358,7 @@ export declare const comps: {
         }>;
         Separate: import("vue").DefineComponent<{
             col: {
-                type: import("vue").PropType<import("vxe-table").VxeTableDefines.ColumnInfo>;
+                type: import("vue").PropType<import("../../../../src/types").AnyObject>;
                 required: true;
             };
             row: {
@@ -1350,7 +1368,7 @@ export declare const comps: {
         }, {
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 col: {
-                    type: import("vue").PropType<import("vxe-table").VxeTableDefines.ColumnInfo>;
+                    type: import("vue").PropType<import("../../../../src/types").AnyObject>;
                     required: true;
                 };
                 row: {
@@ -1369,7 +1387,7 @@ export declare const comps: {
             displayContent: import("vue").ComputedRef<string>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             col: {
-                type: import("vue").PropType<import("vxe-table").VxeTableDefines.ColumnInfo>;
+                type: import("vue").PropType<import("../../../../src/types").AnyObject>;
                 required: true;
             };
             row: {
@@ -1379,7 +1397,7 @@ export declare const comps: {
         }>>, {}>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "formChange"[], "formChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         col: {
-            type: import("vue").PropType<import("vxe-table").VxeTableDefines.ColumnInfo>;
+            type: import("vue").PropType<import("../../../../src/types").AnyObject>;
             required: true;
         };
         row: {

package/es/packages/big-table/src/hooks/useSeparateRow.d.ts

@@ -22,7 +22,7 @@ export declare function useSeparateMap(): {
         row: AnyObject;
     } | undefined;
 };
-export declare function useSeparateRow(getColumnConfig: () => AnyObject[], $VXETable: Ref<undefined | VxeTableInstance>): {
+export declare function useSeparateRow(getColumnConfig: () => AnyObject[], getFieldItem: (columnName: string) => AnyObject, $VXETable: Ref<undefined | VxeTableInstance>): {
     onColumnResize: VxeTableEvents.ResizableChange;
     needSeparateColumn: import("vue").ComputedRef<AnyObject[]>;
     separate: (data: AnyObject[], rawData: AnyObject[]) => Promise<AnyObject[]>;

package/es/packages/big-table/src/hooks/useSeparateRow.js

@@ -1,5 +1,5 @@
 import { useMemoize } from '@vueuse/core';
-import { isNumber, isString } from 'lodash-es';
+import { isNumber, isArray, cloneDeep, isString } from 'lodash-es';
 import { ref, computed, provide, watch, nextTick } from 'vue';
 import { InjectionSeparateHandle } from '../../../../packages/big-table/src/constants';
 
@@ -17,7 +17,6 @@ class SeparateHandle {
     this.callbacks.clear();
   }
   trigger() {
-    console.log("trigger");
     this.callbacks.forEach((cb) => cb());
   }
 }
@@ -38,15 +37,15 @@ const getStringWidth = /* @__PURE__ */ useMemoize(function(str) {
       return width + 4;
     }
     if (/[\u4e00-\u9fa5]/.test(char)) {
-      return width + 16;
+      return width + 15;
     }
     if (/-/.test(char)) {
       return width + 4;
     }
-    if (/（|）/.test(char)) {
+    if (/[（）]/.test(char)) {
       return width + 14;
     }
-    if (/\(|\)/.test(char)) {
+    if (/[)(]/.test(char)) {
       return width + 5;
     }
     if (/-/.test(char)) {
@@ -68,7 +67,7 @@ function useSeparateMap() {
   }
   return { separateDataMap, getRowData };
 }
-function useSeparateRow(getColumnConfig, $VXETable) {
+function useSeparateRow(getColumnConfig, getFieldItem, $VXETable) {
   const needSeparateColumn = computed(() => {
     return getColumnConfig().filter((column) => column.formType === "separate");
   });
@@ -77,11 +76,11 @@ function useSeparateRow(getColumnConfig, $VXETable) {
       return data;
     }
     return data.reduce(async (res, row, dataIndex) => {
-      let parsedRowData = [];
+      const parsedRowData = [];
       for (const column of needSeparateColumn.value) {
         parsedRowData.push({
           columnName: column.columnName,
-          data: contentSeparate(row[column.columnName], await getColumnRenderWidth(column))
+          data: contentSeparate(row[column.columnName], column.columnName, await getColumnRenderWidth(column))
         });
       }
       (await res).push(...Array.from({ length: getColumnInfoMaxLength(parsedRowData) }).map((_, index) => {
@@ -129,10 +128,15 @@ function useSeparateRow(getColumnConfig, $VXETable) {
       }
     }
   }
-  function contentSeparate(value, width) {
+  function contentSeparate(value, columnName, width) {
+    if (isArray(value))
+      return value.map((row) => {
+        var _a, _b, _c;
+        return (_c = (_b = (_a = getFieldItem(columnName)) == null ? void 0 : _a.separateFormatter) == null ? void 0 : _b.call(_a, cloneDeep(row))) != null ? _c : row;
+      });
     if (!isString(value) || !isNumber(width))
       return [value];
-    width -= 20;
+    width -= 24;
     return [...value].reduce((res, char) => {
       const latestString = res[res.length - 1];
       if (getStringWidth(latestString + char) > width) {

package/es/packages/big-table/src/utils.js

@@ -140,7 +140,7 @@ const reScrollFilterWrap = () => {
   });
 };
 const showFilter = (field, columnName, event, props, state) => {
-  var _a;
+  var _a, _b, _c;
   if (props.isInlineOperating)
     return false;
   const target = event.target;
@@ -161,7 +161,7 @@ const showFilter = (field, columnName, event, props, state) => {
   field.top = btnRectTop + FILTER_BOX_TOP_OFFSET + (props.filterTopOffset || 0) + "px";
   field.visible = !field.visible;
   const len = (_a = state.filterFields[columnName]) == null ? void 0 : _a.CONVERT.length;
-  field.checkAll = len === field.setting.showSetting.length;
+  field.checkAll = len === ((_c = (_b = state.filterFields[columnName]) == null ? void 0 : _b.filterItems) == null ? void 0 : _c.length);
   field.indeterminate = !!len && len !== field.setting.showSetting.length;
   field.searchFilterText = "";
 };
@@ -418,7 +418,7 @@ const setFilterStatus = (state, props) => {
         state.filterFields[item.field_key]["CONVERT"] = [];
         return false;
       }
-      const value = item.value.map((item2) => JSON.stringify(item2));
+      const value = item.value;
       state.filterFields[item.field_key]["CONVERT"] = value;
     }
   });

package/es/packages/big-table/style/index.css

@@ -18,7 +18,7 @@
   margin-top: 6px;
 }
 .big-table-filter-wrap .sort-item {
-  line-height: 32px;
+  height: 32px;
   padding: 0 13px;
   display: flex;
   align-items: center;
@@ -97,7 +97,7 @@
 }
 .big-table-filter-wrap .checkbox-btn-wrap {
   display: flex;
-  padding: 9px 10px 19px 14px;
+  padding: 9px 10px 9px 14px;
 }
 .big-table-filter-wrap .checkbox-btn-wrap .checkbox-btn {
   width: 56px;
@@ -131,6 +131,16 @@
   width: 25px;
   height: 20px;
 }
+.big-table__separate {
+  padding: 4px;
+}
+.big-table__separatePlaceholder {
+  display: inline-block;
+  visibility: hidden;
+  max-width: 0;
+  word-break: keep-all;
+  width: 0;
+}
 body > .vxe-table--tooltip-wrapper {
   display: none !important;
 }
@@ -139,6 +149,9 @@ body > .vxe-table--tooltip-wrapper {
   /* 行内表单样式 */
   /* 行内表单样式 */
 }
+.custom-big-table .n-input {
+  width: fit-content;
+}
 .custom-big-table .img-wrap {
   padding: 2px 0;
   line-height: 1;

package/es/packages/button-print/index.d.ts

@@ -1,4 +1,5 @@
 import { SFCWithInstall } from '../../../es/src/types';
+export * from './src/utils';
 declare const ButtonPrint: SFCWithInstall<import("vue").DefineComponent<{
     printParams: {
         type: ArrayConstructor;

package/es/packages/button-print/index.js

@@ -2,6 +2,7 @@ import { COMPONENT_NAMESPACE } from '../../src/global/variable';
 import { safeComponentRegister } from '../../src/utils';
 import './src/ButtonPrint.js';
 import script from './src/ButtonPrint.vue_vue_type_script_setup_true_lang.js';
+export { Print } from './src/utils/print.js';
 
 const ButtonPrint = script;
 ButtonPrint.install = function(app) {

package/es/packages/button-print/src/ButtonPrint.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,8 @@
 import { defineComponent, reactive, computed, onMounted, onUnmounted, watch, openBlock, createElementBlock, Fragment, createVNode, unref, withCtx, renderSlot, withModifiers, createCommentVNode, createTextVNode, toDisplayString, mergeProps } from 'vue';
+import { isObject } from '@vue/shared';
 import { useMessage, NDropdown, NButton, NIcon } from 'naive-ui';
 import { ChevronDown } from '@vicons/ionicons5';
-import Print from './utils/print.js';
+import { Print } from './utils/print.js';
 import './components/IdentityVerification.js';
 import moment from 'moment';
 import script$1 from './components/IdentityVerification.vue_vue_type_script_setup_true_lang.js';
@@ -123,6 +124,9 @@ var script = /* @__PURE__ */ defineComponent({
     };
     const callLocalServicesErrorCb = (res) => {
       emit("error", res);
+      if (isObject(res) && res.type === "notInstalledApp") {
+        $message.error(res.message);
+      }
     };
     const prevFnError = () => {
       let error = {

package/es/packages/button-print/src/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './print';

package/es/packages/button-print/src/utils/index.js

@@ -0,0 +1 @@
+export { Print } from './print.js';

package/es/packages/button-print/src/utils/print.d.ts

@@ -1,5 +1,5 @@
 import { AnyObject, Func } from '../../../../../es/src/types';
-export default class Print {
+export declare class Print {
     private readonly webview;
     private currentMessageHandler?;
     constructor();

package/es/packages/button-print/src/utils/print.js

@@ -322,4 +322,4 @@ class Print {
   }
 }
 
-export { Print as default };
+export { Print };

package/es/packages/fabric-chart/index.d.ts

@@ -14,7 +14,8 @@ declare const FabricChart: SFCWithInstall<import("vue").DefineComponent<{
         data: import("./src/interface").IData;
         addRenderItem?: Function | undefined;
     };
-    emits: (event: "change" | "add", ...args: any[]) => void;
+    emits: (event: "select" | "change" | "add", ...args: any[]) => void;
+    select: import("vue").Ref<any>;
     canvasRef: any;
     canvas: import("vue").Ref<any>;
     dateHeight: import("vue").ComputedRef<number>;
@@ -25,9 +26,11 @@ declare const FabricChart: SFCWithInstall<import("vue").DefineComponent<{
     gridXNumber: import("vue").ComputedRef<number>;
     gridYNumber: import("vue").ComputedRef<number>;
     endX: import("vue").ComputedRef<number>;
+    endXLimit: import("vue").ComputedRef<number>;
     originX: import("vue").ComputedRef<any>;
     endY: import("vue").ComputedRef<number>;
     originY: import("vue").ComputedRef<number>;
+    originYLimit: import("vue").ComputedRef<number>;
     xCellWidth: import("vue").ComputedRef<number>;
     yCellHeight: import("vue").ComputedRef<number>;
     iconsWidth: import("vue").ComputedRef<any>;
@@ -48,6 +51,7 @@ declare const FabricChart: SFCWithInstall<import("vue").DefineComponent<{
         originY: number;
         endY: number;
     }>;
+    topList: import("vue").ComputedRef<import("./src/interface").IDate[]>;
     propItems: any;
     cumputedX: (value: string | number) => any;
     cumputedY: (type: import("./src/interface").IPointType, scaleValueList: number[], value: string | number) => number;
@@ -180,7 +184,7 @@ declare const FabricChart: SFCWithInstall<import("vue").DefineComponent<{
         show: boolean;
         list: unknown[];
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "add")[], "change" | "add", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "change" | "add")[], "select" | "change" | "add", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     data: {
         type: null;
         required: true;
@@ -191,6 +195,7 @@ declare const FabricChart: SFCWithInstall<import("vue").DefineComponent<{
     };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
+    onSelect?: ((...args: any[]) => any) | undefined;
     onAdd?: ((...args: any[]) => any) | undefined;
 }, {}>>;
 export default FabricChart;

package/es/packages/fabric-chart/src/FabricChart.vue.d.ts

@@ -1,4 +1,4 @@
-import { IData } from './interface';
+import { IData, IDate } from './interface';
 declare const _default: import("vue").DefineComponent<{
     data: {
         type: null;
@@ -14,7 +14,8 @@ declare const _default: import("vue").DefineComponent<{
         data: IData;
         addRenderItem?: Function | undefined;
     };
-    emits: (event: "change" | "add", ...args: any[]) => void;
+    emits: (event: "select" | "change" | "add", ...args: any[]) => void;
+    select: import("vue").Ref<any>;
     canvasRef: any;
     canvas: import("vue").Ref<any>;
     dateHeight: import("vue").ComputedRef<number>;
@@ -25,9 +26,11 @@ declare const _default: import("vue").DefineComponent<{
     gridXNumber: import("vue").ComputedRef<number>;
     gridYNumber: import("vue").ComputedRef<number>;
     endX: import("vue").ComputedRef<number>;
+    endXLimit: import("vue").ComputedRef<number>;
     originX: import("vue").ComputedRef<any>;
     endY: import("vue").ComputedRef<number>;
     originY: import("vue").ComputedRef<number>;
+    originYLimit: import("vue").ComputedRef<number>;
     xCellWidth: import("vue").ComputedRef<number>;
     yCellHeight: import("vue").ComputedRef<number>;
     iconsWidth: import("vue").ComputedRef<any>;
@@ -48,6 +51,7 @@ declare const _default: import("vue").DefineComponent<{
         originY: number;
         endY: number;
     }>;
+    topList: import("vue").ComputedRef<IDate[]>;
     propItems: any;
     cumputedX: (value: string | number) => any;
     cumputedY: (type: import("./interface").IPointType, scaleValueList: number[], value: string | number) => number;
@@ -180,7 +184,7 @@ declare const _default: import("vue").DefineComponent<{
         show: boolean;
         list: unknown[];
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "add")[], "change" | "add", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "change" | "add")[], "select" | "change" | "add", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     data: {
         type: null;
         required: true;
@@ -191,6 +195,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
+    onSelect?: ((...args: any[]) => any) | undefined;
     onAdd?: ((...args: any[]) => any) | undefined;
 }, {}>;
 export default _default;