cnhis-design-vue 3.3.1-beta.7 → 3.3.1-release.4

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/levelSearchCascadePlugin/levelSearchCascade.vue2.js

@@ -1 +1,117 @@
-import{defineComponent as e,inject as a,openBlock as t,createBlock as o,unref as r,isRef as s,withCtx as l,createVNode as u}from"vue";import i from"../../../../../../../shared/components/no-data/NoData.vue.js";import"../../../../../../../shared/utils/index.js";import"naive-ui";import"@vueuse/core";import"date-fns";import"lodash-es";import"@vue/shared";import{useLevelSearchCascader as p}from"../../../../../../../shared/hooks/useLevelSearchCascader.js";import"@vueuse/shared";import"../../../../../../../shared/hooks/selectHooks/useSearchContent.js";import"@vicons/ionicons5";import"../../../../../../../shared/hooks/useScrollLoading.js";import{InjectionTableAsyncQueue as n}from"../../../../constants/index.js";import d from"../../../../../../search-cascader/index.js";var c=e({__name:"levelSearchCascade",props:{options:{type:Array,default:()=>[]},labelField:{type:String,default:"text"},valueField:{type:String,default:"value"},autograph:{type:String,required:!0},lazyRequest:{type:Boolean,default:!0},requestCache:{type:Boolean,default:!0},checkAbleLevel:{type:[Number,String],default:"last"},wordbook:{type:Object,required:!0},value:{type:[String,Array]},fieldKey:{type:String,required:!0},payload:{type:Object,required:!0}},emits:["update:value","click"],setup(e,{emit:c}){const h=e,m=a(n),{valueKey:y,valueRef:f,labelKey:v,optionsRef:k,showRef:S,fetchData:b,menuWidth:g,searchCascaderRef:j}=p(h,c,{fieldKey:h.fieldKey,asyncQueue:m,getRequestPayload:()=>h.payload});function q(){g.value=150}function w(e){c("click",e)}return(e,a)=>(t(),o(r(d),{ref_key:"searchCascaderRef",ref:j,value:r(f),"onUpdate:value":a[0]||(a[0]=e=>s(f)?f.value=e:null),show:r(S),"onUpdate:show":a[1]||(a[1]=e=>s(S)?S.value=e:null),options:r(k),"label-key":r(v),"value-key":r(y),search:r(b),"menu-width":r(g),"input-props":{onClick:w},onFocus:q},{empty:l((()=>[u(r(i))])),_:1},8,["value","show","options","label-key","value-key","search","menu-width","input-props"]))}});export{c as default};
+import { defineComponent, inject, openBlock, createBlock, unref, isRef, withCtx, createVNode } from 'vue';
+import script from '../../../../../../../shared/components/no-data/NoData.vue.js';
+import '../../../../../../../shared/utils/index.js';
+import 'naive-ui';
+import '@vueuse/core';
+import 'date-fns';
+import 'lodash-es';
+import '@vue/shared';
+import { useLevelSearchCascader } from '../../../../../../../shared/hooks/useLevelSearchCascader.js';
+import '@vueuse/shared';
+import '../../../../../../../shared/hooks/selectHooks/useSearchContent.js';
+import '@vicons/ionicons5';
+import '../../../../../../../shared/hooks/useScrollLoading.js';
+import { InjectionTableAsyncQueue } from '../../../../constants/index.js';
+import SearchCascader from '../../../../../../search-cascader/index.js';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "levelSearchCascade",
+  props: {
+    options: {
+      type: Array,
+      default: () => []
+    },
+    labelField: {
+      type: String,
+      default: "text"
+    },
+    valueField: {
+      type: String,
+      default: "value"
+    },
+    autograph: {
+      type: String,
+      required: true
+    },
+    lazyRequest: {
+      type: Boolean,
+      default: true
+    },
+    requestCache: {
+      type: Boolean,
+      default: true
+    },
+    checkAbleLevel: {
+      type: [Number, String],
+      default: "last"
+    },
+    wordbook: {
+      type: Object,
+      required: true
+    },
+    value: {
+      type: [String, Array]
+    },
+    fieldKey: {
+      type: String,
+      required: true
+    },
+    payload: {
+      type: Object,
+      required: true
+    }
+  },
+  emits: ["update:value", "click"],
+  setup(__props, {
+    emit
+  }) {
+    const props = __props;
+    const asyncQueue = inject(InjectionTableAsyncQueue);
+    const {
+      valueKey,
+      valueRef,
+      labelKey,
+      optionsRef,
+      showRef,
+      fetchData,
+      menuWidth,
+      searchCascaderRef
+    } = useLevelSearchCascader(props, emit, {
+      fieldKey: props.fieldKey,
+      asyncQueue,
+      getRequestPayload() {
+        return props.payload;
+      }
+    });
+    function onFocus() {
+      menuWidth.value = 150;
+    }
+    function onClick(event) {
+      emit("click", event);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(SearchCascader), {
+        ref_key: "searchCascaderRef",
+        ref: searchCascaderRef,
+        value: unref(valueRef),
+        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(valueRef) ? valueRef.value = $event : null),
+        show: unref(showRef),
+        "onUpdate:show": _cache[1] || (_cache[1] = ($event) => isRef(showRef) ? showRef.value = $event : null),
+        options: unref(optionsRef),
+        "label-key": unref(labelKey),
+        "value-key": unref(valueKey),
+        search: unref(fetchData),
+        "menu-width": unref(menuWidth),
+        "input-props": {
+          onClick
+        },
+        onFocus
+      }, {
+        empty: withCtx(() => [createVNode(unref(script))]),
+        _: 1
+      }, 8, ["value", "show", "options", "label-key", "value-key", "search", "menu-width", "input-props"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/numberRendererPlugin.js

@@ -1 +1,102 @@
-import{createVNode as e,mergeProps as o,defineComponent as l,computed as n}from"vue";import t from"../../../../../../shared/components/InputNumberSlash/InputNumberSlash.js";import{isNumber as r}from"lodash-es";import{NInputNumber as a}from"naive-ui";import"../../../../index.js";import{EDITABLE_WIDGET_TYPE as u}from"../../../constants/index.js";import{useAutoFocus as i}from"./hooks/useAutoFocus.js";import{IhoTableRenderHelper as s}from"../../../utils/index.js";import{defineTablePlugin as p}from"../../../hooks/useTablePlugin.js";const m=l({name:"IhoTableInputNumber",props:{value:[String,Number]},emits:["update:value"],setup(o,{emit:l}){const t=n({get:()=>r(o.value)?o.value:o.value&&r(+o.value)?+o.value:null,set(e){l("update:value",e)}});return()=>e(a,{value:t.value,"onUpdate:value":e=>t.value=e},null)}});function d(){const l="numberRendererPlugin";return p({name:l,vxe(l){l.renderer.add(u.NUMBER,{renderCell:s.createDefaultRenderCell(),renderEdit:s.createRenderEdit((({row:l,column:n,fieldItem:r,emitFormClick:a,emitFormChangeWithParams:u,$table:i})=>{var s,p;const{placeholder:d=(null==(s=window.getLanguageByCode)?void 0:s.call(window,"10010.1.383"))||"请输入"}=r.componentProps||{};function c(e){const o=l[n.field];l[n.field]=e,u({oldValue:o})}const v={clearable:!0,placeholder:d,onBlur:()=>u({type:"blur",oldValue:l[n.field]}),onClick:a};return!0===r.allowSlash||"1"===r.allowSlash?e(t,o({value:l[n.field],onChange:c,onSelect:function(){i.internalData.isActivated=!0}},v,{whiteList:r.whiteList},r.componentProps,{popperProps:{...null==(p=r.componentProps)?void 0:p.popperProps,class:"iho-table_numberInputSlashPopper"}}),null):e(m,o({value:l[n.field],"onUpdate:value":c},v,r.componentProps),null)}))})},apply(e){i(e).bindAutoFocusConfig(l,u.NUMBER,".n-input__input-el",{focusType:"class"})}})}export{d as numberRendererPlugin};
+import { createVNode, mergeProps, defineComponent, computed } from 'vue';
+import script from '../../../../../../shared/components/InputNumberSlash/InputNumberSlash.js';
+import { isNumber } from 'lodash-es';
+import { NInputNumber } from 'naive-ui';
+import '../../../../index.js';
+import { EDITABLE_WIDGET_TYPE } from '../../../constants/index.js';
+import { useAutoFocus } from './hooks/useAutoFocus.js';
+import { IhoTableRenderHelper } from '../../../utils/index.js';
+import { defineTablePlugin } from '../../../hooks/useTablePlugin.js';
+
+const IhoTableInputNumber = /* @__PURE__ */ defineComponent({
+  name: "IhoTableInputNumber",
+  props: {
+    value: [String, Number]
+  },
+  emits: ["update:value"],
+  setup(props, {
+    emit
+  }) {
+    const valueRef = computed({
+      get() {
+        if (isNumber(props.value))
+          return props.value;
+        return props.value ? isNumber(+props.value) ? +props.value : null : null;
+      },
+      set(value) {
+        emit("update:value", value);
+      }
+    });
+    return () => {
+      return createVNode(NInputNumber, {
+        "value": valueRef.value,
+        "onUpdate:value": ($event) => valueRef.value = $event
+      }, null);
+    };
+  }
+});
+function numberRendererPlugin() {
+  const pluginName = "numberRendererPlugin";
+  return defineTablePlugin({
+    name: pluginName,
+    vxe(instance) {
+      instance.renderer.add(EDITABLE_WIDGET_TYPE.NUMBER, {
+        renderCell: IhoTableRenderHelper.createDefaultRenderCell(),
+        renderEdit: IhoTableRenderHelper.createRenderEdit(({
+          row,
+          column,
+          fieldItem,
+          emitFormClick,
+          emitFormChangeWithParams,
+          $table
+        }) => {
+          var _a, _b;
+          const {
+            placeholder = ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.383")) || "\u8BF7\u8F93\u5165"
+          } = fieldItem.componentProps || {};
+          function updateValue(value) {
+            const oldValue = row[column.field];
+            row[column.field] = value;
+            emitFormChangeWithParams({
+              oldValue
+            });
+          }
+          const config = {
+            clearable: true,
+            placeholder,
+            onBlur: () => emitFormChangeWithParams({
+              type: "blur",
+              oldValue: row[column.field]
+            }),
+            onClick: emitFormClick
+          };
+          function onSelect() {
+            $table.internalData.isActivated = true;
+          }
+          return fieldItem.allowSlash === true || fieldItem.allowSlash === "1" ? createVNode(script, mergeProps({
+            "value": row[column.field],
+            "onChange": updateValue,
+            "onSelect": onSelect
+          }, config, {
+            "whiteList": fieldItem.whiteList
+          }, fieldItem.componentProps, {
+            "popperProps": {
+              ...(_b = fieldItem.componentProps) == null ? void 0 : _b.popperProps,
+              class: "iho-table_numberInputSlashPopper"
+            }
+          }), null) : createVNode(IhoTableInputNumber, mergeProps({
+            "value": row[column.field],
+            "onUpdate:value": updateValue
+          }, config, fieldItem.componentProps), null);
+        })
+      });
+    },
+    apply(hooks) {
+      useAutoFocus(hooks).bindAutoFocusConfig(pluginName, EDITABLE_WIDGET_TYPE.NUMBER, ".n-input__input-el", {
+        focusType: "class"
+      });
+    }
+  });
+}
+
+export { numberRendererPlugin };

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/radioRendererPlugin.js

@@ -1 +1,70 @@
-import{computed as e,createVNode as o,mergeProps as r}from"vue";import{NRadio as t}from"naive-ui";import"../../../../index.js";import{EDITABLE_WIDGET_TYPE as n}from"../../../constants/index.js";import{IhoTableRenderHelper as i,IhoTableUtils as l}from"../../../utils/index.js";import{isFunction as d}from"lodash-es";import{defineTablePlugin as a}from"../../../hooks/useTablePlugin.js";function u(){const u="radioRendererPlugin";return a({name:u,vxe(l){l.renderer.add(n.RADIO,{renderCell:i.createRenderEdit((({fieldItem:n,emitFormChangeWithParams:i,row:l,column:d,$table:a})=>{const u=e({get:()=>l[d.field],set(){const{fullData:e}=a.getTableData();null==e||e.forEach((e=>e[d.field]=!1)),l[d.field]=!0,i({oldValue:!1})}}),m=(null==n?void 0:n.componentProps)||{};return[l.$__SEPARATE?"":o(t,r({checked:u.value,"onUpdate:checked":e=>u.value=e},m),null)]}))})},apply(e){e.configHooks.editConfig.tap(u,((e={},o)=>{const r=e.beforeEditMethod;return e.beforeEditMethod=(...e)=>{var o;const{row:t,column:i}=e[0];return!function(e){return!!e&&l.getCellType(e)===n.RADIO}(null==(o=i.editRender)?void 0:o.props)&&(!d(r)||r(...e))},e}))}})}export{u as radioRendererPlugin};
+import { computed, createVNode, mergeProps } from 'vue';
+import { NRadio } from 'naive-ui';
+import '../../../../index.js';
+import { EDITABLE_WIDGET_TYPE } from '../../../constants/index.js';
+import { IhoTableRenderHelper, IhoTableUtils } from '../../../utils/index.js';
+import { isFunction } from 'lodash-es';
+import { defineTablePlugin } from '../../../hooks/useTablePlugin.js';
+
+function radioRendererPlugin() {
+  const pluginName = "radioRendererPlugin";
+  return defineTablePlugin({
+    name: pluginName,
+    vxe(instance) {
+      instance.renderer.add(EDITABLE_WIDGET_TYPE.RADIO, {
+        renderCell: IhoTableRenderHelper.createRenderEdit(({
+          fieldItem,
+          emitFormChangeWithParams,
+          row,
+          column,
+          $table
+        }) => {
+          const valueRef = computed({
+            get() {
+              return row[column.field];
+            },
+            set() {
+              const {
+                fullData
+              } = $table.getTableData();
+              fullData == null ? void 0 : fullData.forEach((__row) => __row[column.field] = false);
+              row[column.field] = true;
+              emitFormChangeWithParams({
+                oldValue: false
+              });
+            }
+          });
+          const componentProps = (fieldItem == null ? void 0 : fieldItem.componentProps) || {};
+          return [row.$__SEPARATE ? "" : createVNode(NRadio, mergeProps({
+            "checked": valueRef.value,
+            "onUpdate:checked": ($event) => valueRef.value = $event
+          }, componentProps), null)];
+        })
+      });
+    },
+    apply(hooks) {
+      hooks.configHooks.editConfig.tap(pluginName, (editConfig = {}, config) => {
+        const oldFn = editConfig.beforeEditMethod;
+        editConfig.beforeEditMethod = (...args) => {
+          var _a;
+          const {
+            row,
+            column
+          } = args[0];
+          const lowCodeField = (_a = column.editRender) == null ? void 0 : _a.props;
+          if (isRadioColumn(lowCodeField))
+            return false;
+          return isFunction(oldFn) ? oldFn(...args) : true;
+        };
+        return editConfig;
+        function isRadioColumn(lowCodeField) {
+          if (!lowCodeField)
+            return false;
+          return IhoTableUtils.getCellType(lowCodeField) === EDITABLE_WIDGET_TYPE.RADIO;
+        }
+      });
+    }
+  });
+}
+
+export { radioRendererPlugin };

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/selectRendererPlugin/editSelect.js

@@ -1 +1,338 @@
-import{defineComponent as e,inject as l,ref as o,computed as t,onBeforeUnmount as a,nextTick as n,createVNode as r,toRaw as u}from"vue";import{arrayed as i}from"../../../../../../../shared/utils/index.js";import{NSelect as s}from"naive-ui";import{useVModel as d,useDebounceFn as c}from"@vueuse/core";import"date-fns";import{isFunction as p,isEmpty as v,isArray as f,isObject as y,omit as m,cloneDeep as h,xor as w}from"lodash-es";import"@vue/shared";import{useSelectAllowModify as b}from"../../../../../../../shared/hooks/selectHooks/useSelectAllowModify.js";import{useOptionFiltered as g}from"../../../../../../../shared/hooks/selectHooks/useOptionFiltered.js";import"../../../../../../../shared/hooks/selectHooks/useSearchContent.js";import{useSelectRenders as F}from"../../../../../../../shared/hooks/selectHooks/useSelectRenders.js";import{useMenuWidthAuto as S}from"../../../../../../../shared/hooks/selectHooks/useMenuWidthAuto.js";import"../../../../../../../shared/hooks/useScrollLoading.js";import{InjectionIhoTableUUID as k,InjectionIhoTableConfig as O}from"../../../../constants/index.js";import{useIhoTableFormEvent as A}from"../../../../utils/index.js";import{getSelectOptions as B,selectOptionsMap as j}from"../hooks/useSelectOption.js";var C,x=e({name:"EditSelect",props:{value:{type:[Array,String,Number]},column:{type:Object,required:!0},row:{type:Object,required:!0},rowIndex:{type:Number,required:!0},options:{type:Array,default:()=>[]},queryOptions:{type:Function},placeholder:{type:String,default:(null==(C=window.getLanguageByCode)?void 0:C.call(window,"10010.1.147"))||"请选择"},allowModify:{type:Boolean},allowCreate:{type:Boolean},shouldSave:{type:Boolean},consistentMenuWidth:{type:Boolean,default:!0},labelField:{type:String,default:"label"},valueField:{type:String,default:"value"},searchField:{type:Array},aliasField:{type:String},menuProps:{type:Object},multiple:{type:Boolean},deletable:{type:Boolean,default:!0},selectAll:{type:Boolean,default:!0},searchByValue:{type:Boolean}},emits:["update:value"],setup(e,{emit:C}){const x=l("$xetable"),K=d(e,"value",C),$=o(null),{emitFormChangeWithParams:q}=A({...e,$table:x}),R=t((()=>e.labelField)),M=t((()=>e.valueField)),D=t((()=>e.aliasField)),H=t((()=>e.searchField)),{fullOptions:L,filterOptions:P,searchContent:_,remoteOptions:E}=g(e,{labelKey:R,valueKey:M,searchKey:H}),{modifyEvent:T,modifyAbleRef:V,getOptionsWithCreated:W}=b(e,{searchContent:_,labelKey:R,valueKey:M,valueRef:K,fullOptions:L}),I=t((()=>W(V.value?L.value:P.value))),{setMenuWith:U}=S(e,{selectRef:$,options:I}),N=o(!1),z=c((async function(l=""){_.value=l;try{if(N.value=!0,!p(e.queryOptions)||!v(e.options))return;E.value=await e.queryOptions({keyword:l,row:e.row,column:e.column,rowIndex:e.rowIndex})}catch(l){console.log(`获取${e.column.field}options错误`)}finally{N.value=!1}}),400),G=l(k);a((()=>X(!0)));const J=o(!1);function Q(e){J.value=e,X(),z(),e&&U()}async function X(l=!1){var o,t,a;if(!e.multiple)return;await n();const{refTableLeftBody:r,refTableBody:u}=x.getRefMaps(),i=null==(o=null==r?void 0:r.value)?void 0:o.$el;if(!i)return;const s=null==(t=null==u?void 0:u.value)?void 0:t.$el,d=x.getRowid(e.row),c=null==(a=s.querySelector(`.vxe-body--row[rowid="${d}"]`))?void 0:a.clientHeight;i.querySelector(`.vxe-body--row[rowid="${d}"]`).style.height=l?"unset":c+"px"}async function Y(l,o){var t,a;const n=e.value;await T.updateValue(l,o);const r=B(G,e.column.field,e.row,x);G&&f(r)&&i(o).forEach((e=>{if(!y(e))return;const l=e;l.created&&l.shouldSave&&r.push(m(u(l),["created","shouldSave"]))}));const s=null==(t=e.column.editRender)?void 0:t.props;if(G&&(null==s?void 0:s.connectField)){const o=null==(a=s.connectField)?void 0:a.split(","),t=j.get(G);o.forEach((async o=>{var a;const{tableColumn:n}=x.reactData,r=n.find((e=>e.field===o)),u=null==(a=null==r?void 0:r.editRender)?void 0:a.props;if(null==u?void 0:u.queryOptions){const a=l?`${o}__${e.column.field}-${l}`:o;if(t[a])return;t[a]=await u.queryOptions({row:e.row,column:r,isFullData:!0,connectColumn:e.column})}}))}return q({oldValue:n,option:h(o)}),X()}const Z=l(O);function ee(){var e,l;return null==(l=null==(e=Z.value)?void 0:e.keyboardConfig)?void 0:l.forceArrowKey}const le=o(!0);function oe(e){var l,o,t;if($.value)if("Tab"===e.code||ee()&&(t=e.key,["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(t)))J.value?null==(o=(l=$.value).handleKeydown)||o.call(l,{...e,key:"Enter",preventDefault:e.preventDefault.bind(e)}):x.internalData.isActivated=!0;else if("Backspace"===e.code&&ee()){""===$.value.pattern&&(K.value=null,le.value=!1)}else le.value=!0}const{renderTag:te,renderLabel:ae,renderSelectAll:ne}=F(e,{labelKey:R,valueKey:M,valueRef:K,showKey:D,searchContent:_});function re(l){if(!e.multiple)return;const o=l?I.value.map((e=>e[M.value])):[];if(!w(o,K.value).length)return;const t=K.value;K.value=o,q({oldValue:t,option:l?I.value:[]})}const ue=()=>({class:"iho-table__selectOption"}),ie=t((()=>{var l,o;return{...e.menuProps,class:`iho-table__selectMenu ${null!=(o=null==(l=e.menuProps)?void 0:l.class)?o:""}`}}));return()=>{const l={};return e.multiple&&e.selectAll&&(l.action=()=>ne(re)),r(s,{ref:$,placeholder:e.placeholder,labelField:e.labelField,valueField:e.valueField,loading:N.value,options:I.value,multiple:e.multiple,value:e.value,remote:!0,onSearch:z,clearable:!0,filterable:!0,keyboard:le.value,nodeProps:ue,menuProps:ie.value,renderTag:te,renderLabel:ae,show:J.value,onUpdateShow:Q,onUpdateValue:Y,onKeydownCapture:oe,onFocus:T.focus,onBlur:T.blur},l)}}});export{x as default};
+import { defineComponent, inject, ref, computed, onBeforeUnmount, nextTick, createVNode, toRaw } from 'vue';
+import { arrayed } from '../../../../../../../shared/utils/index.js';
+import { NSelect } from 'naive-ui';
+import { useVModel, useDebounceFn } from '@vueuse/core';
+import 'date-fns';
+import { isFunction, isEmpty, isArray, isObject, omit, cloneDeep, xor } from 'lodash-es';
+import '@vue/shared';
+import { useSelectAllowModify } from '../../../../../../../shared/hooks/selectHooks/useSelectAllowModify.js';
+import { useOptionFiltered } from '../../../../../../../shared/hooks/selectHooks/useOptionFiltered.js';
+import '../../../../../../../shared/hooks/selectHooks/useSearchContent.js';
+import { useSelectRenders } from '../../../../../../../shared/hooks/selectHooks/useSelectRenders.js';
+import { useMenuWidthAuto } from '../../../../../../../shared/hooks/selectHooks/useMenuWidthAuto.js';
+import '../../../../../../../shared/hooks/useScrollLoading.js';
+import { InjectionIhoTableUUID, InjectionIhoTableConfig } from '../../../../constants/index.js';
+import { useIhoTableFormEvent } from '../../../../utils/index.js';
+import { getSelectOptions, selectOptionsMap } from '../hooks/useSelectOption.js';
+
+var _a;
+var EditSelect = /* @__PURE__ */ defineComponent({
+  name: "EditSelect",
+  props: {
+    value: {
+      type: [Array, String, Number]
+    },
+    column: {
+      type: Object,
+      required: true
+    },
+    row: {
+      type: Object,
+      required: true
+    },
+    rowIndex: {
+      type: Number,
+      required: true
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    queryOptions: {
+      type: Function
+    },
+    placeholder: {
+      type: String,
+      default: ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.147")) || "\u8BF7\u9009\u62E9"
+    },
+    allowModify: {
+      type: Boolean
+    },
+    allowCreate: {
+      type: Boolean
+    },
+    shouldSave: {
+      type: Boolean
+    },
+    consistentMenuWidth: {
+      type: Boolean,
+      default: true
+    },
+    labelField: {
+      type: String,
+      default: "label"
+    },
+    valueField: {
+      type: String,
+      default: "value"
+    },
+    searchField: {
+      type: Array
+    },
+    aliasField: {
+      type: String
+    },
+    menuProps: {
+      type: Object
+    },
+    multiple: {
+      type: Boolean
+    },
+    deletable: {
+      type: Boolean,
+      default: true
+    },
+    selectAll: {
+      type: Boolean,
+      default: true
+    },
+    searchByValue: {
+      type: Boolean
+    }
+  },
+  emits: ["update:value"],
+  setup(props, {
+    emit
+  }) {
+    const $table = inject("$xetable");
+    const valueRef = useVModel(props, "value", emit);
+    const selectRef = ref(null);
+    const {
+      emitFormChangeWithParams
+    } = useIhoTableFormEvent({
+      ...props,
+      $table
+    });
+    const labelKey = computed(() => props.labelField);
+    const valueKey = computed(() => props.valueField);
+    const showKey = computed(() => props.aliasField);
+    const searchKey = computed(() => props.searchField);
+    const {
+      fullOptions,
+      filterOptions,
+      searchContent,
+      remoteOptions
+    } = useOptionFiltered(props, {
+      labelKey,
+      valueKey,
+      searchKey
+    });
+    const {
+      modifyEvent,
+      modifyAbleRef,
+      getOptionsWithCreated
+    } = useSelectAllowModify(props, {
+      searchContent,
+      labelKey,
+      valueKey,
+      valueRef,
+      fullOptions
+    });
+    const displayOptions = computed(() => {
+      return getOptionsWithCreated(modifyAbleRef.value ? fullOptions.value : filterOptions.value);
+    });
+    const {
+      setMenuWith
+    } = useMenuWidthAuto(props, {
+      selectRef,
+      options: displayOptions
+    });
+    const loading = ref(false);
+    const onSearch = useDebounceFn(async function(keyword = "") {
+      searchContent.value = keyword;
+      try {
+        loading.value = true;
+        if (!isFunction(props.queryOptions) || !isEmpty(props.options))
+          return;
+        remoteOptions.value = await props.queryOptions({
+          keyword,
+          row: props.row,
+          column: props.column,
+          rowIndex: props.rowIndex
+        });
+      } catch (e) {
+        console.log(`\u83B7\u53D6${props.column.field}options\u9519\u8BEF`);
+      } finally {
+        loading.value = false;
+      }
+    }, 400);
+    const uuid = inject(InjectionIhoTableUUID);
+    onBeforeUnmount(() => {
+      return setFixedTableRowHeight(true);
+    });
+    const show = ref(false);
+    function onUpdateShow(value) {
+      show.value = value;
+      setFixedTableRowHeight();
+      onSearch();
+      if (value) {
+        setMenuWith();
+      }
+    }
+    async function setFixedTableRowHeight(reset = false) {
+      var _a2, _b, _c;
+      if (!props.multiple)
+        return;
+      await nextTick();
+      const {
+        refTableLeftBody,
+        refTableBody
+      } = $table.getRefMaps();
+      const tableLeftBodyEle = (_a2 = refTableLeftBody == null ? void 0 : refTableLeftBody.value) == null ? void 0 : _a2.$el;
+      if (!tableLeftBodyEle)
+        return;
+      const tableBodyEle = (_b = refTableBody == null ? void 0 : refTableBody.value) == null ? void 0 : _b.$el;
+      const rowid = $table.getRowid(props.row);
+      const currentTrHeight = (_c = tableBodyEle.querySelector(`.vxe-body--row[rowid="${rowid}"]`)) == null ? void 0 : _c.clientHeight;
+      const leftTrEle = tableLeftBodyEle.querySelector(`.vxe-body--row[rowid="${rowid}"]`);
+      leftTrEle.style.height = reset ? "unset" : currentTrHeight + "px";
+    }
+    async function onUpdateValue(value, option) {
+      var _a2, _b;
+      const oldValue = props.value;
+      await modifyEvent.updateValue(value, option);
+      const options = getSelectOptions(uuid, props.column.field, props.row, $table);
+      if (uuid && isArray(options)) {
+        arrayed(option).forEach((item) => {
+          if (!isObject(item))
+            return;
+          const _item = item;
+          if (!_item.created || !_item.shouldSave)
+            return;
+          options.push(omit(toRaw(_item), ["created", "shouldSave"]));
+        });
+      }
+      const lowCodeField = (_a2 = props.column.editRender) == null ? void 0 : _a2.props;
+      if (uuid && (lowCodeField == null ? void 0 : lowCodeField.connectField)) {
+        const connectFields = (_b = lowCodeField.connectField) == null ? void 0 : _b.split(",");
+        const map = selectOptionsMap.get(uuid);
+        connectFields.forEach(async (field) => {
+          var _a3;
+          const {
+            tableColumn
+          } = $table.reactData;
+          const connectColumn = tableColumn.find((tableColumnItem) => tableColumnItem.field === field);
+          const connectLowCodeField = (_a3 = connectColumn == null ? void 0 : connectColumn.editRender) == null ? void 0 : _a3.props;
+          if (connectLowCodeField == null ? void 0 : connectLowCodeField.queryOptions) {
+            const mapKey = value ? `${field}__${props.column.field}-${value}` : field;
+            if (map[mapKey])
+              return;
+            map[mapKey] = await connectLowCodeField.queryOptions({
+              row: props.row,
+              column: connectColumn,
+              isFullData: true,
+              connectColumn: props.column
+            });
+          }
+        });
+      }
+      emitFormChangeWithParams({
+        oldValue,
+        option: cloneDeep(option)
+      });
+      return setFixedTableRowHeight();
+    }
+    const tableConfig = inject(InjectionIhoTableConfig);
+    function isForceArrowKey() {
+      var _a2, _b;
+      return (_b = (_a2 = tableConfig.value) == null ? void 0 : _a2.keyboardConfig) == null ? void 0 : _b.forceArrowKey;
+    }
+    function isArrowKey(key) {
+      return ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(key);
+    }
+    const keyboardRef = ref(true);
+    function onKeydown(e) {
+      var _a2, _b;
+      if (!selectRef.value)
+        return;
+      if (e.code === "Tab" || isForceArrowKey() && isArrowKey(e.key)) {
+        if (show.value) {
+          (_b = (_a2 = selectRef.value).handleKeydown) == null ? void 0 : _b.call(_a2, {
+            ...e,
+            key: "Enter",
+            preventDefault: e.preventDefault.bind(e)
+          });
+        } else {
+          $table.internalData.isActivated = true;
+        }
+      } else if (e.code === "Backspace" && isForceArrowKey()) {
+        const instance = selectRef.value;
+        if (instance.pattern === "") {
+          valueRef.value = null;
+          keyboardRef.value = false;
+        }
+      } else {
+        keyboardRef.value = true;
+      }
+    }
+    const {
+      renderTag,
+      renderLabel,
+      renderSelectAll
+    } = useSelectRenders(props, {
+      labelKey,
+      valueKey,
+      valueRef,
+      showKey,
+      searchContent
+    });
+    function onSelectAll(checked) {
+      if (!props.multiple)
+        return;
+      const targetValue = checked ? displayOptions.value.map((option) => option[valueKey.value]) : [];
+      if (!xor(targetValue, valueRef.value).length)
+        return;
+      const oldValue = valueRef.value;
+      valueRef.value = targetValue;
+      emitFormChangeWithParams({
+        oldValue,
+        option: checked ? displayOptions.value : []
+      });
+    }
+    const nodeProps = () => {
+      return {
+        class: "iho-table__selectOption"
+      };
+    };
+    const menuProps = computed(() => {
+      var _a2, _b;
+      return {
+        ...props.menuProps,
+        class: `iho-table__selectMenu ${(_b = (_a2 = props.menuProps) == null ? void 0 : _a2.class) != null ? _b : ""}`
+      };
+    });
+    return () => {
+      const slots = {};
+      if (props.multiple && props.selectAll) {
+        slots.action = () => renderSelectAll(onSelectAll);
+      }
+      return createVNode(NSelect, {
+        "ref": selectRef,
+        "placeholder": props.placeholder,
+        "labelField": props.labelField,
+        "valueField": props.valueField,
+        "loading": loading.value,
+        "options": displayOptions.value,
+        "multiple": props.multiple,
+        "value": props.value,
+        "remote": true,
+        "onSearch": onSearch,
+        "clearable": true,
+        "filterable": true,
+        "keyboard": keyboardRef.value,
+        "nodeProps": nodeProps,
+        "menuProps": menuProps.value,
+        "renderTag": renderTag,
+        "renderLabel": renderLabel,
+        "show": show.value,
+        "onUpdateShow": onUpdateShow,
+        "onUpdateValue": onUpdateValue,
+        "onKeydownCapture": onKeydown,
+        "onFocus": modifyEvent.focus,
+        "onBlur": modifyEvent.blur
+      }, slots);
+    };
+  }
+});
+
+export { EditSelect as default };