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

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/dateRendererPlugin/editDate.vue2.js

@@ -1 +1,207 @@
-import{defineComponent as e,useAttrs as t,inject as i,ref as n,computed as r,openBlock as l,createBlock as a,unref as o,mergeProps as s,isRef as u}from"vue";import{generateTimeFormat as d}from"../../../../../../../shared/utils/index.js";import{isFunction as c}from"lodash-es";import{useIhoTableFormEvent as m}from"../../../../utils/index.js";import D from"../../../../../../date-picker/index.js";var f=e({__name:"editDate",props:{value:{type:String,default:null},column:{type:Object,required:!0},row:{type:Object,required:!0},rowIndex:{type:Number,required:!0},isStartDate:{type:Boolean,default:!1},isEndDate:{type:Boolean,default:!1},connectField:{type:String,default:"-_-"},isDateDisabled:{type:Function},isTimeDisabled:{type:Function}},emits:["update:value"],setup(e,{emit:f}){const p=e,v=t(),w=i("$xetable"),{emitFormChangeWithParams:b}=m({...p,$table:w}),F=n(),g=r({get:()=>p.value?p.value:null,set(e){const t=p.value;if(t===e)return;const{isDateDisabled:i,isTimeDisabled:n}=y.value;if(e){const[t,r]=e.split(" "),l=Date.parse(r?e:t+" 00:00:00");if(i(l))return;const{isHourDisabled:a,isMinuteDisabled:o,isSecondDisabled:s}=(null==n?void 0:n(l))||{},{h:u,m:d,s:c}=h(new Date(e)),m=null==a?void 0:a(u),D=null==o?void 0:o(d,u),f=null==s?void 0:s(c,d,u);if(m||D||f)return}f("update:value",e),b({oldValue:t})}}),y=r((()=>{const{valueFormat:e,format:t,type:i="datetime"}=v;return{type:i,clearable:!0,allowedInvalidValue:"-",...v,timePickerProps:{format:d(e||t)},isDateDisabled:e=>{var t;return(null==(t=p.isDateDisabled)?void 0:t.call(p,e,p.row))||function(e){return!!p.row[p.connectField]&&T(e,p.isEndDate?new Date(`${p.row[p.connectField].split(" ")[0]} 00:00:00`).getTime():new Date(p.row[p.connectField]).getTime())}(e)},isTimeDisabled:(null==i?void 0:i.includes("time"))?S(p.isTimeDisabled)||$:void 0}}));function T(e,t){return p.isStartDate&&p.connectField?e>t:!(!p.isEndDate||!p.connectField)&&e<t}function $(e){const t=new Date(p.row[p.connectField]),i=new Date(e),{h:n,m:r,s:l}=h(t),a=(e,t,i,n)=>!(p.isEndDate&&i>n)&&(!(p.isStartDate&&i<n)&&T(e,t));return{isHourDisabled:t=>{if(!p.row[p.connectField])return!1;const r=new Date(`${p.row[p.connectField].split(" ")[0]} 00:00:00`).getTime(),{m:l,s:o}=h(i);return a(t,n,e-60*t*60*1e3-60*l*1e3-1e3*o,r)},isMinuteDisabled:t=>{if(!p.row[p.connectField])return!1;const l=new Date(`${p.row[p.connectField].split(" ")[0]} ${n}:00:00`).getTime(),{s:o}=h(i);return a(t,r,e-60*t*1e3-1e3*o,l)},isSecondDisabled:t=>{if(!p.row[p.connectField])return!1;const i=new Date(`${p.row[p.connectField].split(" ")[0]} ${n}:${r}:00`).getTime();return a(t,l,e-1e3*t,i)}}}function S(e){return c(e)?t=>e(t,p.row):null}function h(e){return{h:e.getHours(),m:e.getMinutes(),s:e.getSeconds()}}return(e,t)=>(l(),a(o(D),s({ref_key:"formRef",ref:F},o(y),{"formatted-value":o(g),"onUpdate:formatted-value":t[0]||(t[0]=e=>u(g)?g.value=e:null)}),null,16,["formatted-value"]))}});export{f as default};
+import { defineComponent, useAttrs, inject, ref, computed, openBlock, createBlock, unref, mergeProps, isRef } from 'vue';
+import { generateTimeFormat } from '../../../../../../../shared/utils/index.js';
+import { isFunction } from 'lodash-es';
+import { useIhoTableFormEvent } from '../../../../utils/index.js';
+import DatePicker from '../../../../../../date-picker/index.js';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "editDate",
+  props: {
+    value: {
+      type: String,
+      default: null
+    },
+    column: {
+      type: Object,
+      required: true
+    },
+    row: {
+      type: Object,
+      required: true
+    },
+    rowIndex: {
+      type: Number,
+      required: true
+    },
+    isStartDate: {
+      type: Boolean,
+      default: false
+    },
+    isEndDate: {
+      type: Boolean,
+      default: false
+    },
+    connectField: {
+      type: String,
+      default: "-_-"
+    },
+    isDateDisabled: {
+      type: Function
+    },
+    isTimeDisabled: {
+      type: Function
+    }
+  },
+  emits: ["update:value"],
+  setup(__props, {
+    emit
+  }) {
+    const props = __props;
+    const attr = useAttrs();
+    const $table = inject("$xetable");
+    const {
+      emitFormChangeWithParams
+    } = useIhoTableFormEvent({
+      ...props,
+      $table
+    });
+    const formRef = ref();
+    const formattedValue = computed({
+      get() {
+        if (!props.value)
+          return null;
+        return props.value;
+      },
+      set(value) {
+        const oldValue = props.value;
+        if (oldValue === value)
+          return;
+        const {
+          isDateDisabled: isDateDisabled2,
+          isTimeDisabled: isTimeDisabled2
+        } = dateConfig.value;
+        if (value) {
+          const [day, time] = value.split(" ");
+          const timestamp = Date.parse(!time ? day + " 00:00:00" : value);
+          if (isDateDisabled2(timestamp))
+            return;
+          const {
+            isHourDisabled,
+            isMinuteDisabled,
+            isSecondDisabled
+          } = (isTimeDisabled2 == null ? void 0 : isTimeDisabled2(timestamp)) || {};
+          const {
+            h,
+            m,
+            s
+          } = getDetailTime(new Date(value));
+          const _isHourDisabled = isHourDisabled == null ? void 0 : isHourDisabled(h);
+          const _isMinuteDisabled = isMinuteDisabled == null ? void 0 : isMinuteDisabled(m, h);
+          const _isSecondDisabled = isSecondDisabled == null ? void 0 : isSecondDisabled(s, m, h);
+          if (_isHourDisabled || _isMinuteDisabled || _isSecondDisabled)
+            return;
+        }
+        emit("update:value", value);
+        emitFormChangeWithParams({
+          oldValue
+        });
+      }
+    });
+    const dateConfig = computed(() => {
+      const {
+        valueFormat,
+        format,
+        type = "datetime"
+      } = attr;
+      return {
+        type,
+        clearable: true,
+        allowedInvalidValue: "-",
+        ...attr,
+        timePickerProps: {
+          format: generateTimeFormat(valueFormat || format)
+        },
+        isDateDisabled: (ts) => {
+          var _a;
+          return ((_a = props.isDateDisabled) == null ? void 0 : _a.call(props, ts, props.row)) || isDateDisabled(ts);
+        },
+        isTimeDisabled: (type == null ? void 0 : type.includes("time")) ? customDateDisabledDecorator(props.isTimeDisabled) || isTimeDisabled : void 0
+      };
+    });
+    function setDateDisabled(cur, date) {
+      if (props.isStartDate && props.connectField) {
+        return cur > date;
+      }
+      if (props.isEndDate && props.connectField) {
+        return cur < date;
+      }
+      return false;
+    }
+    function isDateDisabled(ts) {
+      if (!props.row[props.connectField])
+        return false;
+      return setDateDisabled(ts, props.isEndDate ? new Date(`${props.row[props.connectField].split(" ")[0]} 00:00:00`).getTime() : new Date(props.row[props.connectField]).getTime());
+    }
+    function isTimeDisabled(ts) {
+      const date = new Date(props.row[props.connectField]);
+      const d = new Date(ts);
+      const {
+        h,
+        m,
+        s
+      } = getDetailTime(date);
+      const setDisabled = (t1, t2, d1, d2) => {
+        if (props.isEndDate && d1 > d2)
+          return false;
+        if (props.isStartDate && d1 < d2)
+          return false;
+        return setDateDisabled(t1, t2);
+      };
+      return {
+        isHourDisabled: (hour) => {
+          if (!props.row[props.connectField])
+            return false;
+          const d2 = new Date(`${props.row[props.connectField].split(" ")[0]} 00:00:00`).getTime();
+          const {
+            m: m2,
+            s: s2
+          } = getDetailTime(d);
+          const d1 = ts - hour * 60 * 60 * 1e3 - m2 * 60 * 1e3 - s2 * 1e3;
+          return setDisabled(hour, h, d1, d2);
+        },
+        isMinuteDisabled: (minute) => {
+          if (!props.row[props.connectField])
+            return false;
+          const d2 = new Date(`${props.row[props.connectField].split(" ")[0]} ${h}:00:00`).getTime();
+          const {
+            s: s2
+          } = getDetailTime(d);
+          const d1 = ts - minute * 60 * 1e3 - s2 * 1e3;
+          return setDisabled(minute, m, d1, d2);
+        },
+        isSecondDisabled: (second) => {
+          if (!props.row[props.connectField])
+            return false;
+          const d2 = new Date(`${props.row[props.connectField].split(" ")[0]} ${h}:${m}:00`).getTime();
+          const d1 = ts - second * 1e3;
+          return setDisabled(second, s, d1, d2);
+        }
+      };
+    }
+    function customDateDisabledDecorator(customDateDisabled) {
+      if (!isFunction(customDateDisabled))
+        return null;
+      return (ts) => {
+        return customDateDisabled(ts, props.row);
+      };
+    }
+    function getDetailTime(date) {
+      return {
+        h: date.getHours(),
+        m: date.getMinutes(),
+        s: date.getSeconds()
+      };
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DatePicker), mergeProps({
+        ref_key: "formRef",
+        ref: formRef
+      }, unref(dateConfig), {
+        "formatted-value": unref(formattedValue),
+        "onUpdate:formatted-value": _cache[0] || (_cache[0] = ($event) => isRef(formattedValue) ? formattedValue.value = $event : null)
+      }), null, 16, ["formatted-value"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

@@ -1 +1,94 @@
-import{createVNode as e,mergeProps as o}from"vue";import{format as t}from"date-fns";import{isFunction as n}from"lodash-es";import"../../../../../index.js";import{EDITABLE_WIDGET_TYPE as r}from"../../../../constants/index.js";import{useAutoFocus as i}from"../hooks/useAutoFocus.js";import{IhoTableRenderHelper as l,getLowCodeFieldFromField as d,isInvalidDate as a}from"../../../../utils/index.js";import m from"./editDate.vue.js";import{defineTablePlugin as u}from"../../../../hooks/useTablePlugin.js";function s(){const s="dateRendererPlugin";return u({name:s,vxe(t){t.renderer.add(r.DATE,{renderCell:l.createDefaultRenderCell(),renderEdit:l.createRenderEdit((({fieldItem:t,emitFormClick:n,row:r,column:i,$rowIndex:l})=>[e(m,o({value:r[i.field],"onUpdate:value":e=>r[i.field]=e,isStartDate:t.isStartDate,isEndDate:t.isEndDate,connectField:t.connectField,valueFormat:t.valueFormat},t.componentProps,{column:i,row:r,"row-index":l,onClick:n}),null)]))})},apply(e){i(e).bindAutoFocusConfig(s,r.DATE,".n-input__input-el",{after:e=>(Reflect.set(e.editRender,"autoselect",!0),e)}),e.eventHooks.onCellDblclick.tap(s,(({row:e,column:o,columnIndex:i,rowIndex:l,$rowIndex:m},u,{$table:s,emits:f})=>{var c,p,v,x,w;if((null==(c=o.editRender)?void 0:c.name)!==r.DATE||e[o.field])return;if(n(null==(p=u.editConfig)?void 0:p.beforeEditMethod)){if(!(null==(v=u.editConfig)?void 0:v.beforeEditMethod({row:e,column:o,columnIndex:i,rowIndex:l,$table:s,$grid:s})))return}const D=new Date,C=d(o);if(!C||a(o,e,D))return;const E=e[o.field],F=C.valueFormat||(null==(x=C.componentProps)?void 0:x.valueFormat),b=C.format||(null==(w=C.componentProps)?void 0:w.format);e[o.field]=t(D,F||b||"yyyy-MM-dd HH:mm:ss"),f("formChange",{oldValue:E,index:l>-1?l:m,value:e[o.field],row:e,column:o,$table:s})}))}})}export{s as dateRendererPlugin};
+import { createVNode, mergeProps } from 'vue';
+import { format } from 'date-fns';
+import { isFunction } from 'lodash-es';
+import '../../../../../index.js';
+import { EDITABLE_WIDGET_TYPE } from '../../../../constants/index.js';
+import { useAutoFocus } from '../hooks/useAutoFocus.js';
+import { IhoTableRenderHelper, getLowCodeFieldFromField, isInvalidDate } from '../../../../utils/index.js';
+import EditDate from './editDate.vue.js';
+import { defineTablePlugin } from '../../../../hooks/useTablePlugin.js';
+
+function dateRendererPlugin() {
+  const pluginName = "dateRendererPlugin";
+  return defineTablePlugin({
+    name: pluginName,
+    vxe(instance) {
+      instance.renderer.add(EDITABLE_WIDGET_TYPE.DATE, {
+        renderCell: IhoTableRenderHelper.createDefaultRenderCell(),
+        renderEdit: IhoTableRenderHelper.createRenderEdit(({
+          fieldItem,
+          emitFormClick,
+          row,
+          column,
+          $rowIndex
+        }) => {
+          return [createVNode(EditDate, mergeProps({
+            "value": row[column.field],
+            "onUpdate:value": ($event) => row[column.field] = $event,
+            "isStartDate": fieldItem.isStartDate,
+            "isEndDate": fieldItem.isEndDate,
+            "connectField": fieldItem.connectField,
+            "valueFormat": fieldItem.valueFormat
+          }, fieldItem.componentProps, {
+            "column": column,
+            "row": row,
+            "row-index": $rowIndex,
+            "onClick": emitFormClick
+          }), null)];
+        })
+      });
+    },
+    apply(hooks) {
+      useAutoFocus(hooks).bindAutoFocusConfig(pluginName, EDITABLE_WIDGET_TYPE.DATE, ".n-input__input-el", {
+        after: (fieldItem) => {
+          Reflect.set(fieldItem.editRender, "autoselect", true);
+          return fieldItem;
+        }
+      });
+      hooks.eventHooks.onCellDblclick.tap(pluginName, ({
+        row,
+        column,
+        columnIndex,
+        rowIndex,
+        $rowIndex
+      }, config, {
+        $table,
+        emits
+      }) => {
+        var _a, _b, _c, _d, _e;
+        if (((_a = column.editRender) == null ? void 0 : _a.name) !== EDITABLE_WIDGET_TYPE.DATE || row[column.field])
+          return;
+        if (isFunction((_b = config.editConfig) == null ? void 0 : _b.beforeEditMethod)) {
+          const editable = (_c = config.editConfig) == null ? void 0 : _c.beforeEditMethod({
+            row,
+            column,
+            columnIndex,
+            rowIndex,
+            $table,
+            $grid: $table
+          });
+          if (!editable)
+            return;
+        }
+        const newDate = new Date();
+        const lowCodeField = getLowCodeFieldFromField(column);
+        if (!lowCodeField || isInvalidDate(column, row, newDate))
+          return;
+        const oldValue = row[column.field];
+        const valueFormat = lowCodeField.valueFormat || ((_d = lowCodeField.componentProps) == null ? void 0 : _d.valueFormat);
+        const __format = lowCodeField.format || ((_e = lowCodeField.componentProps) == null ? void 0 : _e.format);
+        row[column.field] = format(newDate, valueFormat || __format || "yyyy-MM-dd HH:mm:ss");
+        emits("formChange", {
+          oldValue,
+          index: rowIndex > -1 ? rowIndex : $rowIndex,
+          value: row[column.field],
+          row,
+          column,
+          $table
+        });
+      });
+    }
+  });
+}
+
+export { dateRendererPlugin };

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

@@ -1 +1,35 @@
-function e(e){return{bindAutoFocusConfig:function(t,n,o,{before:r,after:c,focusType:u="function"}={}){e.fieldHooks.field.tap(t,(e=>{var t;return(null==(t=e.editRender)?void 0:t.name)===n?((e=r?r(e):e).editRender&&!Reflect.has(e.editRender,"autofocus")&&Reflect.set(e.editRender,"autofocus","class"===u?o:"function"===u?function(e){const t=({cell:t}={})=>{const n=t&&t.querySelector(e);return n&&n.click(),n};return t.toString=()=>e,t}(o):void 0),c?c(e):e):e}))}}}export{e as useAutoFocus};
+function useAutoFocus(hooks) {
+  function bindAutoFocusConfig(pluginName, type, selector, {
+    before,
+    after,
+    focusType = "function"
+  } = {}) {
+    hooks.fieldHooks.field.tap(pluginName, (fieldItem) => {
+      var _a;
+      function createAutoFocusFn(selector2) {
+        const autofocusFn = ({
+          cell
+        } = {}) => {
+          const ele = cell && cell.querySelector(selector2);
+          ele && ele.click();
+          return ele;
+        };
+        autofocusFn.toString = () => selector2;
+        return autofocusFn;
+      }
+      if (((_a = fieldItem.editRender) == null ? void 0 : _a.name) === type) {
+        fieldItem = before ? before(fieldItem) : fieldItem;
+        if (fieldItem.editRender && !Reflect.has(fieldItem.editRender, "autofocus")) {
+          Reflect.set(fieldItem.editRender, "autofocus", focusType === "class" ? selector : focusType === "function" ? createAutoFocusFn(selector) : void 0);
+        }
+        return after ? after(fieldItem) : fieldItem;
+      }
+      return fieldItem;
+    });
+  }
+  return {
+    bindAutoFocusConfig
+  };
+}
+
+export { useAutoFocus };

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

@@ -1 +1,20 @@
-import{reactive as e}from"vue";import{useUUIDMap as t}from"../../../../utils/index.js";const r=e(new Map),i=t((()=>({})));function n(e,t,n,o){var f;if(!e||!t)return[];if(o&&n){const o=null==(f=i.getItemFromUUID(e)[t])?void 0:f[0];if(o&&n[o.field])return r.get(e)[`${t}__${o.field}-${n[o.field]}`]}return r.get(e)[t]}export{n as getSelectOptions,i as selectColumnMap,r as selectOptionsMap};
+import { reactive } from 'vue';
+import { useUUIDMap } from '../../../../utils/index.js';
+
+const selectOptionsMap = reactive(/* @__PURE__ */ new Map());
+const selectColumnMap = useUUIDMap(() => ({}));
+function getSelectOptions(uuid, field, row, $table) {
+  var _a;
+  if (!uuid || !field)
+    return [];
+  if ($table && row) {
+    const currentSelectColumnMap = selectColumnMap.getItemFromUUID(uuid);
+    const connectColumn = (_a = currentSelectColumnMap[field]) == null ? void 0 : _a[0];
+    if (connectColumn && row[connectColumn.field]) {
+      return selectOptionsMap.get(uuid)[`${field}__${connectColumn.field}-${row[connectColumn.field]}`];
+    }
+  }
+  return selectOptionsMap.get(uuid)[field];
+}
+
+export { getSelectOptions, selectColumnMap, selectOptionsMap };

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

@@ -1 +1,107 @@
-import{inject as e,createVNode as t,mergeProps as n}from"vue";import{NInput as o}from"naive-ui";import"../../../../index.js";import{EDITABLE_WIDGET_TYPE as i,InjectionIhoTableUUID as a}from"../../../constants/index.js";import{useAutoFocus as r}from"./hooks/useAutoFocus.js";import{IhoTableRenderHelper as l}from"../../../utils/index.js";import{defineTablePlugin as d}from"../../../hooks/useTablePlugin.js";import{getSeparateInfo as u}from"../../../utils/separateMap.js";function s(){const s="inputRendererPlugins";return d({name:s,vxe(r){let d="";r.renderer.add(i.INPUT,{renderCell:l.createDefaultRenderCell(),renderEdit:l.createRenderEdit((({fieldItem:i,row:r,rowIndex:l,column:s,emitFormChangeWithParams:c,emitFormClickWithParams:f,$table:m})=>{var p,g;let v=l,x=r;if("bottom"===i.separatePlacement){const t=e(a),n=u(t,r);if(n&&n.isLastRow&&r!==n.originalData){const{originalData:e=r,index:t}=n;x=e,v=t}}const h={onClick:()=>f({index:v,row:x,value:x[s.field]}),onFocus:()=>d=x[s.field],onKeydown:async e=>{if("Enter"!==e.key)return;const{fullData:t}=m.getTableData();if(t.length!==l+1)return;const{editStore:{actived:n}={}}=m.reactData;if(n&&n.row){const t=n.args;await m.clearEdit(),m.handleSelected(t,e)}}};return"change"===(null==(g=null==(p=i.widgetConfig)?void 0:p.input)?void 0:g.eventMode)?t(o,n({defaultValue:x[s.field]},i.componentProps,h,{onChange:e=>{x[s.field]=e,c({oldValue:d,index:v,row:x,value:x[s.field]})}}),null):[t(o,n({value:x[s.field],"onUpdate:value":e=>x[s.field]=e},i.componentProps,h,{onChange:()=>{c({oldValue:d,index:v,row:x,value:x[s.field]})}}),null)]}))})},apply(e){r(e).bindAutoFocusConfig(s,i.INPUT,".n-input__input-el,.n-input__textarea-el",{focusType:"class"})}})}export{s as inputRendererPlugin};
+import { inject, createVNode, mergeProps } from 'vue';
+import { NInput } from 'naive-ui';
+import '../../../../index.js';
+import { EDITABLE_WIDGET_TYPE, InjectionIhoTableUUID } from '../../../constants/index.js';
+import { useAutoFocus } from './hooks/useAutoFocus.js';
+import { IhoTableRenderHelper } from '../../../utils/index.js';
+import { defineTablePlugin } from '../../../hooks/useTablePlugin.js';
+import { getSeparateInfo } from '../../../utils/separateMap.js';
+
+function inputRendererPlugin() {
+  const pluginName = "inputRendererPlugins";
+  return defineTablePlugin({
+    name: pluginName,
+    vxe(instance) {
+      let oldValue = "";
+      instance.renderer.add(EDITABLE_WIDGET_TYPE.INPUT, {
+        renderCell: IhoTableRenderHelper.createDefaultRenderCell(),
+        renderEdit: IhoTableRenderHelper.createRenderEdit(({
+          fieldItem,
+          row,
+          rowIndex,
+          column,
+          emitFormChangeWithParams,
+          emitFormClickWithParams,
+          $table
+        }) => {
+          var _a, _b;
+          let __rowIndex = rowIndex, __row = row;
+          if (fieldItem.separatePlacement === "bottom") {
+            const uuid = inject(InjectionIhoTableUUID);
+            const separateInfo = getSeparateInfo(uuid, row);
+            if (separateInfo && separateInfo.isLastRow && row !== separateInfo.originalData) {
+              const {
+                originalData = row,
+                index
+              } = separateInfo;
+              __row = originalData;
+              __rowIndex = index;
+            }
+          }
+          const events = {
+            onClick: () => emitFormClickWithParams({
+              index: __rowIndex,
+              row: __row,
+              value: __row[column.field]
+            }),
+            onFocus: () => oldValue = __row[column.field],
+            onKeydown: async (e) => {
+              if (e.key !== "Enter")
+                return;
+              const {
+                fullData
+              } = $table.getTableData();
+              if (fullData.length !== rowIndex + 1)
+                return;
+              const {
+                editStore: {
+                  actived
+                } = {}
+              } = $table.reactData;
+              if (actived && actived.row) {
+                const args = actived.args;
+                await $table.clearEdit();
+                $table.handleSelected(args, e);
+              }
+            }
+          };
+          if (((_b = (_a = fieldItem.widgetConfig) == null ? void 0 : _a.input) == null ? void 0 : _b.eventMode) === "change") {
+            return createVNode(NInput, mergeProps({
+              "defaultValue": __row[column.field]
+            }, fieldItem.componentProps, events, {
+              "onChange": (value) => {
+                __row[column.field] = value;
+                emitFormChangeWithParams({
+                  oldValue,
+                  index: __rowIndex,
+                  row: __row,
+                  value: __row[column.field]
+                });
+              }
+            }), null);
+          }
+          return [createVNode(NInput, mergeProps({
+            "value": __row[column.field],
+            "onUpdate:value": ($event) => __row[column.field] = $event
+          }, fieldItem.componentProps, events, {
+            "onChange": () => {
+              emitFormChangeWithParams({
+                oldValue,
+                index: __rowIndex,
+                row: __row,
+                value: __row[column.field]
+              });
+            }
+          }), null)];
+        })
+      });
+    },
+    apply(hooks) {
+      useAutoFocus(hooks).bindAutoFocusConfig(pluginName, EDITABLE_WIDGET_TYPE.INPUT, ".n-input__input-el,.n-input__textarea-el", {
+        focusType: "class"
+      });
+    }
+  });
+}
+
+export { inputRendererPlugin };

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

@@ -1 +1,89 @@
-import{createVNode as o,computed as e,mergeProps as n}from"vue";import{isString as r,isArray as t}from"lodash-es";import"../../../../../index.js";import{EDITABLE_WIDGET_TYPE as l}from"../../../../constants/index.js";import{useAutoFocus as i}from"../hooks/useAutoFocus.js";import{getLowCodeFieldFromField as d,IhoTableRenderHelper as u}from"../../../../utils/index.js";import s from"./levelSearchCascade.vue.js";import{defineTablePlugin as a}from"../../../../hooks/useTablePlugin.js";function c(){const c="levelSearchCascadePlugin";return a({name:c,vxe(i){i.renderer.add(l.LEVEL_SEARCH_CASCADE,{renderCell:(e,{column:n,row:l})=>{const i=l[n.field];return r(i)?u(i):t(i)?u(function(o){var e,r,t;const l=d(n);if(!l)return"";const i=(null==(r=null==(e=l.wordbook)?void 0:e.show_key)?void 0:r[0])||(null==(t=l.componentProps)?void 0:t.labelField)||"text";return o.reduce(((o,e,n)=>0===n?e[i]:o+" / "+e[i]),"")}(i)):"";function u(e){return o("span",{title:e,class:"iho-table__colorAndIcon"},[e])}},renderEdit:u.createRenderEdit((({fieldItem:r,row:t,column:l,emitFormClick:i,emitFormChangeWithParams:d,rowIndex:u,columnIndex:a})=>{const c=e({get:()=>t[l.field],set(o){const e=t[l.field];t[l.field]=o,d({oldValue:e})}});return[o(s,n({value:c.value,"onUpdate:value":o=>c.value=o,options:r.options,wordbook:r.wordbook,autograph:r.autograph,onClick:i},r.componentProps,{fieldKey:l.field,payload:{row:t,column:l,rowIndex:u,columnIndex:a}}),null)]}))})},apply(o){i(o).bindAutoFocusConfig(c,l.LEVEL_SEARCH_CASCADE,"input")}})}export{c as levelSearchCascadePlugin};
+import { createVNode, computed, mergeProps } from 'vue';
+import { isString, isArray } from 'lodash-es';
+import '../../../../../index.js';
+import { EDITABLE_WIDGET_TYPE } from '../../../../constants/index.js';
+import { useAutoFocus } from '../hooks/useAutoFocus.js';
+import { getLowCodeFieldFromField, IhoTableRenderHelper } from '../../../../utils/index.js';
+import LevelSearchCascade from './levelSearchCascade.vue.js';
+import { defineTablePlugin } from '../../../../hooks/useTablePlugin.js';
+
+function levelSearchCascadePlugin() {
+  const pluginName = "levelSearchCascadePlugin";
+  return defineTablePlugin({
+    name: pluginName,
+    vxe(instance) {
+      instance.renderer.add(EDITABLE_WIDGET_TYPE.LEVEL_SEARCH_CASCADE, {
+        renderCell: (_, {
+          column,
+          row
+        }) => {
+          const value = row[column.field];
+          if (isString(value))
+            return renderDefaultNode(value);
+          if (isArray(value))
+            return renderDefaultNode(arrayOptionsToString(value));
+          return "";
+          function arrayOptionsToString(optionList) {
+            var _a, _b, _c;
+            const lowCodeField = getLowCodeFieldFromField(column);
+            if (!lowCodeField)
+              return "";
+            const labelKey = ((_b = (_a = lowCodeField.wordbook) == null ? void 0 : _a.show_key) == null ? void 0 : _b[0]) || ((_c = lowCodeField.componentProps) == null ? void 0 : _c.labelField) || "text";
+            return optionList.reduce((res, item, idx) => {
+              if (idx === 0)
+                return item[labelKey];
+              return res + " / " + item[labelKey];
+            }, "");
+          }
+          function renderDefaultNode(content) {
+            return createVNode("span", {
+              "title": content,
+              "class": "iho-table__colorAndIcon"
+            }, [content]);
+          }
+        },
+        renderEdit: IhoTableRenderHelper.createRenderEdit(({
+          fieldItem,
+          row,
+          column,
+          emitFormClick,
+          emitFormChangeWithParams,
+          rowIndex,
+          columnIndex
+        }) => {
+          const valueRef = computed({
+            get: () => row[column.field],
+            set(value) {
+              const oldValue = row[column.field];
+              row[column.field] = value;
+              emitFormChangeWithParams({
+                oldValue
+              });
+            }
+          });
+          return [createVNode(LevelSearchCascade, mergeProps({
+            "value": valueRef.value,
+            "onUpdate:value": ($event) => valueRef.value = $event,
+            "options": fieldItem.options,
+            "wordbook": fieldItem.wordbook,
+            "autograph": fieldItem.autograph,
+            "onClick": emitFormClick
+          }, fieldItem.componentProps, {
+            "fieldKey": column.field,
+            "payload": {
+              row,
+              column,
+              rowIndex,
+              columnIndex
+            }
+          }), null)];
+        })
+      });
+    },
+    apply(hooks) {
+      useAutoFocus(hooks).bindAutoFocusConfig(pluginName, EDITABLE_WIDGET_TYPE.LEVEL_SEARCH_CASCADE, "input");
+    }
+  });
+}
+
+export { levelSearchCascadePlugin };

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

@@ -1 +1,6 @@
-import e from"./levelSearchCascade.vue2.js";import r from"../../../../../../../_virtual/_plugin-vue_export-helper.js";var a=r(e,[["__file","levelSearchCascade.vue"]]);export{a as default};
+import _sfc_main from './levelSearchCascade.vue2.js';
+import _export_sfc from '../../../../../../../_virtual/_plugin-vue_export-helper.js';
+
+var LevelSearchCascade = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "levelSearchCascade.vue"]]);
+
+export { LevelSearchCascade as default };