cnhis-design-vue 3.1.40-beta.11 → 3.1.40-beta.15

package/es/components/iho-table/src/plugins/lowCodeFieldAdaptorPlugin/index.js

@@ -1,127 +1 @@
-import { toRaw, h, inject, createVNode } from 'vue';
-import { widthAppend, arrayed } from '../../../../../shared/utils/index.js';
-import { isObject, isFunction, cloneDeep, isString } from 'lodash-es';
-import { NEllipsis } from 'naive-ui';
-import Annotation from '../../../../annotation-edit/index.js';
-import { HIGHEST_PRIORITY, IHO_TABLE_FIXED_STATUS, LOWEST_PRIORITY, WIDGET_TYPE, InjectionIhoTableAnnotation, InjectionIhoTableConfig } from '../../constants/index.js';
-import { defineTablePlugin } from '../../hooks/useTablePlugin.js';
-import { IhoTableStatusHelper, IhoTableUtils, IhoTableRenderHelper } from '../../utils/index.js';
-import { getDefaultValue } from '../rendererPlugins/editableWidgets/selectRendererPlugin/selectUtils.js';
-
-function lowCodeFieldAdaptorPlugin() {
-  const pluginName = "lowCodeFieldAdaptorPlugin";
-  return defineTablePlugin({
-    name: pluginName,
-    apply(hooks) {
-      hooks.fieldHooks.field.tap({
-        name: pluginName,
-        stage: HIGHEST_PRIORITY
-      }, (field, _, config) => {
-        const _field = field;
-        const result = {
-          className: _field.bold ? "iho-table__boldCell" : "",
-          field: _field.columnName,
-          showOverflow: "tooltip",
-          visible: IhoTableStatusHelper.notNegative(_field.isShow),
-          minWidth: _field.colWidth,
-          sortable: IhoTableStatusHelper.isPositive(_field.isSort),
-          fixed: IHO_TABLE_FIXED_STATUS[_field.isFixed],
-          ..._field,
-          title: _field.alias || _field.title
-        };
-        slotsAdaptor(result, _field);
-        settingObjAdaptor(result, _field, config);
-        return result;
-      });
-      hooks.fieldHooks.field.tap({
-        name: pluginName + "After",
-        stage: LOWEST_PRIORITY
-      }, (field) => {
-        if (isObject(field.slots)) {
-          Object.entries(field.slots).forEach(([k, v]) => {
-            if (v != null)
-              return;
-            Reflect.deleteProperty(field.slots, k);
-          });
-        }
-        return field;
-      });
-    }
-  });
-}
-function slotsAdaptor(fieldItem, lowCodeField) {
-  const slots = {
-    default: lowCodeField.slotFn,
-    header: lowCodeField.headerSlotFn,
-    edit: lowCodeField.editSlotFn,
-    footer: lowCodeField.footerSlotFn,
-    ...lowCodeField.slots
-  };
-  if (isFunction(lowCodeField.checkEditStatus)) {
-    const {
-      default: defaultSlot
-    } = slots;
-    if (isFunction(defaultSlot)) {
-      slots.default = (payload) => {
-        if (!lowCodeField.checkEditStatus(payload)) {
-          return [h("span", null, getDefaultValue(payload.row, payload.column.editRender.props))];
-        }
-        return defaultSlot(payload);
-      };
-    }
-  }
-  if (lowCodeField.annotation !== false) {
-    const header = slots.header;
-    slots.header = (payload) => renderHeader(payload, lowCodeField, header);
-  }
-  fieldItem.slots = slots;
-}
-function settingObjAdaptor(fieldItem, lowCodeField, config) {
-  var _a, _b;
-  const props = cloneDeep(toRaw(lowCodeField));
-  props.componentProps = {
-    size: config.size === "mini" ? "small" : config.size,
-    ...props.componentProps
-  };
-  fieldItem.editRender = {
-    autofocus: "input",
-    name: IhoTableUtils.getCellType(lowCodeField),
-    props
-  };
-  fieldItem.editRender.enabled = !Reflect.get(WIDGET_TYPE, fieldItem.editRender.name);
-  if (isFunction((_a = fieldItem.slots) == null ? void 0 : _a.default)) {
-    fieldItem.editRender.enabled = fieldItem.editRender.enabled && isFunction((_b = fieldItem.slots) == null ? void 0 : _b.edit);
-  }
-  if (!isObject(lowCodeField.settingObj))
-    return;
-  if (Reflect.has(lowCodeField.settingObj, "isHide")) {
-    fieldItem.visible = fieldItem.visible && IhoTableStatusHelper.notPositive(lowCodeField.settingObj.isHide);
-  }
-}
-function renderHeader(payload, lowCodeField, headerSlot) {
-  const annotationRef = inject(InjectionIhoTableAnnotation);
-  const configRef = inject(InjectionIhoTableConfig);
-  const column = payload.column || {};
-  const hasAnnotation = isObject(annotationRef == null ? void 0 : annotationRef.value) && lowCodeField.annotation !== false;
-  const editable = IhoTableRenderHelper.isEditableColumn(configRef.value, column);
-  const hasFilter = column.sortable || IhoTableRenderHelper.hasFilter(lowCodeField.fieldSetting);
-  const customHeader = isString(headerSlot) ? headerSlot : isFunction(headerSlot) ? headerSlot(payload) : null;
-  return createVNode("section", {
-    "class": "iho-table__headerWrapper"
-  }, [createVNode("section", {
-    "style": {
-      width: widthAppend(column.renderWidth - (hasAnnotation ? 36 : 20) - (hasFilter ? 24 : 0) - (editable ? 20 : 0))
-    }
-  }, [[...arrayed(customHeader != null ? customHeader : createVNode(NEllipsis, {
-    "style": {
-      maxWidth: "100%"
-    }
-  }, {
-    default: () => column.title
-  }))]]), hasAnnotation ? createVNode(Annotation, {
-    "modelValue": annotationRef.value[column.field],
-    "onUpdate:modelValue": ($event) => annotationRef.value[column.field] = $event
-  }, null) : null]);
-}
-
-export { lowCodeFieldAdaptorPlugin };
+import{toRaw as e,h as t,inject as i,createVNode as l}from"vue";import{widthAppend as o,arrayed as n}from"../../../../../shared/utils/index.js";import{isObject as s,isFunction as d,cloneDeep as r,isString as a}from"lodash-es";import{NEllipsis as u}from"naive-ui";import f from"../../../../annotation-edit/index.js";import{HIGHEST_PRIORITY as m,IHO_TABLE_FIXED_STATUS as c,LOWEST_PRIORITY as p,WIDGET_TYPE as h,InjectionIhoTableAnnotation as b,InjectionIhoTableConfig as v}from"../../constants/index.js";import{defineTablePlugin as g}from"../../hooks/useTablePlugin.js";import{IhoTableStatusHelper as j,IhoTableUtils as R,IhoTableRenderHelper as P}from"../../utils/index.js";import{getDefaultValue as x}from"../rendererPlugins/editableWidgets/selectRendererPlugin/selectUtils.js";function S(){const S="lowCodeFieldAdaptorPlugin";return g({name:S,apply(g){g.fieldHooks.field.tap({name:S,stage:m},((m,p,g)=>{const S=m,F={className:S.bold?"iho-table__boldCell":"",field:S.columnName,showOverflow:"tooltip",visible:j.notNegative(S.isShow),minWidth:S.colWidth,sortable:j.isPositive(S.isSort),fixed:c[S.isFixed],...S,title:S.alias||S.title};return function(e,r){const m={default:r.slotFn,header:r.headerSlotFn,edit:r.editSlotFn,footer:r.footerSlotFn,...r.slots};if(d(r.checkEditStatus)){const{default:e}=m;d(e)&&(m.default=i=>r.checkEditStatus(i)?e(i):[t("span",null,x(i.row,i.column.editRender.props))])}if(!1!==r.annotation){const e=m.header;m.header=t=>function(e,t,r){const m=i(b),c=i(v),p=e.column||{},h=s(null==m?void 0:m.value)&&!1!==t.annotation,g=P.isEditableColumn(c.value,p),j=p.sortable||P.hasFilter(t.fieldSetting),R=a(r)?r:d(r)?r(e):null;return l("section",{class:"iho-table__headerWrapper"},[l("section",{style:{width:o(p.renderWidth-(h?36:20)-(j?24:0)-(g?20:0))}},[[...n(null!=R?R:l(u,{style:{maxWidth:"100%"}},{default:()=>p.title}))]]),h?l(f,{modelValue:m.value[p.field],"onUpdate:modelValue":e=>m.value[p.field]=e},null):null])}(t,r,e)}e.slots=m}(F,S),function(t,i,l){var o,n;const a=r(e(i));a.componentProps={size:"mini"===l.size?"small":l.size,...a.componentProps},t.editRender={autofocus:"input",name:R.getCellType(i),props:a},t.editRender.enabled=!Reflect.get(h,t.editRender.name),d(null==(o=t.slots)?void 0:o.default)&&(t.editRender.enabled=t.editRender.enabled&&d(null==(n=t.slots)?void 0:n.edit));if(!s(i.settingObj))return;Reflect.has(i.settingObj,"isHide")&&(t.visible=t.visible&&j.notPositive(i.settingObj.isHide))}(F,S,g),F})),g.fieldHooks.field.tap({name:S+"After",stage:p},(e=>(s(e.slots)&&Object.entries(e.slots).forEach((([t,i])=>{null==i&&Reflect.deleteProperty(e.slots,t)})),e)))}})}export{S as lowCodeFieldAdaptorPlugin};

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

@@ -1,203 +1 @@
-import { defineComponent, useAttrs, ref, computed, watch, openBlock, createBlock, unref, mergeProps, withCtx, createVNode, isRef } from 'vue';
-import { generateTimeFormat } from '../../../../../../../shared/utils/index.js';
-import { isFunction, isNaN } from 'lodash-es';
-import { NPopover, NInput, NDatePicker } from 'naive-ui';
-import { useIhoTableFormEvent } from '../../../../utils/index.js';
-import { useAutoFocus } from '../hooks/useAutoFocus.js';
-import _export_sfc from '../../../../../../../_virtual/plugin-vue_export-helper.js';
-
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "editDate",
-  props: {
-    value: { type: String, default: void 0 },
-    column: { type: Object, required: true },
-    row: { type: Object, required: true },
-    rowIndex: { type: Number, required: true }
-  },
-  emits: ["update:value"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const attr = useAttrs();
-    const { emitFormChangeWithParams } = useIhoTableFormEvent(props);
-    const { formRef, isShow } = useAutoFocus();
-    const formattedValue = ref();
-    const onConfirm = (value) => {
-      const oldValue = props.value;
-      emit("update:value", value);
-      emitFormChangeWithParams({ oldValue });
-    };
-    const { isStartDate = false, isEndDate = false } = attr;
-    const connectField = attr.connectField || "";
-    const setDateDisabled = (cur, date) => {
-      if (isStartDate && connectField) {
-        return cur > date;
-      }
-      if (isEndDate && connectField) {
-        return cur < date;
-      }
-      return false;
-    };
-    const isDateDisabled = (ts) => {
-      if (!props.row[connectField])
-        return false;
-      return setDateDisabled(
-        ts,
-        isEndDate ? new Date(`${props.row[connectField].split(" ")[0]} 00:00:00`).getTime() : new Date(props.row[connectField]).getTime()
-      );
-    };
-    const isTimeDisabled = (ts) => {
-      const date = new Date(props.row[connectField]);
-      const d = new Date(ts);
-      const h = date.getHours();
-      const m = date.getMinutes();
-      const s = date.getSeconds();
-      const setDisabled = (t1, t2, d1, d2) => {
-        if (isEndDate && d1 > d2)
-          return false;
-        if (isStartDate && d1 < d2)
-          return false;
-        return setDateDisabled(t1, t2);
-      };
-      return {
-        isHourDisabled: (hour) => {
-          if (!props.row[connectField])
-            return false;
-          const d2 = new Date(`${props.row[connectField].split(" ")[0]} 00:00:00`).getTime();
-          const minute = d.getMinutes();
-          const second = d.getSeconds();
-          const d1 = ts - hour * 60 * 60 * 1e3 - minute * 60 * 1e3 - second * 1e3;
-          return setDisabled(hour, h, d1, d2);
-        },
-        isMinuteDisabled: (minute) => {
-          if (!props.row[connectField])
-            return false;
-          const d2 = new Date(`${props.row[connectField].split(" ")[0]} ${h}:00:00`).getTime();
-          const second = d.getSeconds();
-          const d1 = ts - minute * 60 * 1e3 - second * 1e3;
-          return setDisabled(minute, m, d1, d2);
-        },
-        isSecondDisabled: (second) => {
-          if (!props.row[connectField])
-            return false;
-          const d2 = new Date(`${props.row[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 getFormatDate(str) {
-      if (!str)
-        return "";
-      const d = new Date(str);
-      const month = `00${d.getMonth() + 1}`.slice(-2);
-      const day = `00${d.getDate()}`.slice(-2);
-      const valueFormat = formatConfig.value.valueFormat;
-      const format = valueFormat.includes("/") ? "/" : valueFormat.includes(".") ? "." : "-";
-      let date = `${d.getFullYear()}${format}${month}${format}${day}`;
-      const dTime = d.getTime();
-      const connectFieldTime = new Date(props.row[connectField]).getTime();
-      if (props.row[connectField] && (isStartDate && dTime > connectFieldTime || isEndDate && dTime < connectFieldTime)) {
-        date = "";
-      }
-      return date;
-    }
-    function onBlur() {
-      let date = formattedValue.value;
-      if (isNaN(new Date(date).getTime())) {
-        if (/^\d{8}$/.test(date)) {
-          const dateNew = `${date.slice(0, 4)} ${date.slice(4, 6)} ${date.slice(6)}`;
-          date = "";
-          if (!isNaN(new Date(dateNew).getTime())) {
-            date = getFormatDate(dateNew);
-          }
-        } else {
-          date = "";
-        }
-      } else {
-        date = getFormatDate(date);
-      }
-      formattedValue.value = date || void 0;
-      onConfirm(formattedValue.value);
-    }
-    const formatConfig = computed(() => {
-      const valueFormat = attr.valueFormat || "yyyy-MM-dd HH:mm:ss";
-      return {
-        valueFormat,
-        format: valueFormat,
-        timePickerProps: {
-          format: generateTimeFormat(valueFormat)
-        }
-      };
-    });
-    const dateConfig = {
-      type: attr.type || "datetime",
-      clearable: true,
-      placeholder: attr.placeholder || "\u8BF7\u9009\u62E9",
-      ...attr,
-      ...formatConfig.value,
-      isDateDisabled: customDateDisabledDecorator(attr.isDateDisabled) || isDateDisabled,
-      onUpdateFormattedValue: onConfirm
-    };
-    if (dateConfig.type.includes("time")) {
-      dateConfig.isTimeDisabled = customDateDisabledDecorator(attr.isTimeDisabled) || isTimeDisabled;
-    }
-    watch(
-      () => props.value,
-      (value) => {
-        formattedValue.value = value;
-      }
-    );
-    return (_ctx, _cache) => {
-      return _ctx.$attrs.isPopover ? (openBlock(), createBlock(unref(NPopover), mergeProps({
-        key: 0,
-        show: unref(isShow),
-        trigger: "click",
-        showArrow: false,
-        placement: "bottom-start",
-        style: { "padding": "0" }
-      }, _ctx.$attrs, {
-        onClickoutside: _cache[4] || (_cache[4] = () => isShow.value = false)
-      }), {
-        trigger: withCtx(() => [
-          createVNode(unref(NInput), {
-            ref_key: "formRef",
-            ref: formRef,
-            clearable: "",
-            value: formattedValue.value,
-            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => formattedValue.value = $event),
-            onBlur,
-            onClick: _cache[1] || (_cache[1] = () => isShow.value = true)
-          }, null, 8, ["value"])
-        ]),
-        default: withCtx(() => [
-          createVNode(unref(NDatePicker), mergeProps({
-            panel: "",
-            show: unref(isShow),
-            "onUpdate:show": _cache[2] || (_cache[2] = ($event) => isRef(isShow) ? isShow.value = $event : null),
-            "formatted-value": formattedValue.value,
-            "onUpdate:formatted-value": _cache[3] || (_cache[3] = ($event) => formattedValue.value = $event)
-          }, unref(dateConfig)), null, 16, ["show", "formatted-value"])
-        ]),
-        _: 1
-      }, 16, ["show"])) : (openBlock(), createBlock(unref(NDatePicker), mergeProps({
-        key: 1,
-        ref_key: "formRef",
-        ref: formRef,
-        show: unref(isShow),
-        "onUpdate:show": _cache[5] || (_cache[5] = ($event) => isRef(isShow) ? isShow.value = $event : null),
-        "formatted-value": formattedValue.value,
-        "onUpdate:formatted-value": _cache[6] || (_cache[6] = ($event) => formattedValue.value = $event)
-      }, unref(dateConfig)), null, 16, ["show", "formatted-value"]));
-    };
-  }
-});
-var EditDate = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "editDate.vue"]]);
-
-export { EditDate as default };
+import{defineComponent as e,useAttrs as t,ref as r,computed as a,watch as o,openBlock as l,createBlock as i,unref as u,mergeProps as s,withCtx as n,createVNode as d,isRef as m}from"vue";import{generateTimeFormat as c}from"../../../../../../../shared/utils/index.js";import{isFunction as v,isNaN as p}from"lodash-es";import{NPopover as f,NInput as w,NDatePicker as g}from"naive-ui";import{useIhoTableFormEvent as D}from"../../../../utils/index.js";import{useAutoFocus as $}from"../hooks/useAutoFocus.js";import h from"../../../../../../../_virtual/plugin-vue_export-helper.js";var y=h(e({__name:"editDate",props:{value:{type:String,default:void 0},column:{type:Object,required:!0},row:{type:Object,required:!0},rowIndex:{type:Number,required:!0}},emits:["update:value"],setup(e,{emit:h}){const y=e,b=t(),{emitFormChangeWithParams:T}=D(y),{formRef:k,isShow:_}=$(),F=r(),S=e=>{const t=y.value;h("update:value",e),T({oldValue:t})},{isStartDate:j=!1,isEndDate:M=!1}=b,U=b.connectField||"",x=(e,t)=>j&&U?e>t:!(!M||!U)&&e<t,H=e=>{const t=new Date(y.row[U]),r=new Date(e),a=t.getHours(),o=t.getMinutes(),l=t.getSeconds(),i=(e,t,r,a)=>!(M&&r>a)&&(!(j&&r<a)&&x(e,t));return{isHourDisabled:t=>{if(!y.row[U])return!1;const o=new Date(`${y.row[U].split(" ")[0]} 00:00:00`).getTime(),l=r.getMinutes(),u=r.getSeconds();return i(t,a,e-60*t*60*1e3-60*l*1e3-1e3*u,o)},isMinuteDisabled:t=>{if(!y.row[U])return!1;const l=new Date(`${y.row[U].split(" ")[0]} ${a}:00:00`).getTime(),u=r.getSeconds();return i(t,o,e-60*t*1e3-1e3*u,l)},isSecondDisabled:t=>{if(!y.row[U])return!1;const r=new Date(`${y.row[U].split(" ")[0]} ${a}:${o}:00`).getTime();return i(t,l,e-1e3*t,r)}}};function P(e){return v(e)?t=>e(t,y.row):null}function q(e){if(!e)return"";const t=new Date(e),r=`00${t.getMonth()+1}`.slice(-2),a=`00${t.getDate()}`.slice(-2),o=R.value.valueFormat,l=o.includes("/")?"/":o.includes(".")?".":"-";let i=`${t.getFullYear()}${l}${r}${l}${a}`;const u=t.getTime(),s=new Date(y.row[U]).getTime();return y.row[U]&&(j&&u>s||M&&u<s)&&(i=""),i}function C(){let e=F.value;if(p(new Date(e).getTime()))if(/^\d{8}$/.test(e)){const t=`${e.slice(0,4)} ${e.slice(4,6)} ${e.slice(6)}`;e="",p(new Date(t).getTime())||(e=q(t))}else e="";else e=q(e);F.value=e||void 0,S(F.value)}const R=a((()=>{const e=b.valueFormat||"yyyy-MM-dd HH:mm:ss";return{valueFormat:e,format:e,timePickerProps:{format:c(e)}}})),A={type:b.type||"datetime",clearable:!0,placeholder:b.placeholder||"请选择",...b,...R.value,isDateDisabled:P(b.isDateDisabled)||(e=>!!y.row[U]&&x(e,M?new Date(`${y.row[U].split(" ")[0]} 00:00:00`).getTime():new Date(y.row[U]).getTime())),onUpdateFormattedValue:S};return A.type.includes("time")&&(A.isTimeDisabled=P(b.isTimeDisabled)||H),o((()=>y.value),(e=>{F.value=e})),(e,t)=>e.$attrs.isPopover?(l(),i(u(f),s({key:0,show:u(_),trigger:"click",showArrow:!1,placement:"bottom-start",style:{padding:"0"}},e.$attrs,{onClickoutside:t[4]||(t[4]=()=>_.value=!1)}),{trigger:n((()=>[d(u(w),{ref_key:"formRef",ref:k,clearable:"",value:F.value,"onUpdate:value":t[0]||(t[0]=e=>F.value=e),onBlur:C,onClick:t[1]||(t[1]=()=>_.value=!0)},null,8,["value"])])),default:n((()=>[d(u(g),s({panel:"",show:u(_),"onUpdate:show":t[2]||(t[2]=e=>m(_)?_.value=e:null),"formatted-value":F.value,"onUpdate:formatted-value":t[3]||(t[3]=e=>F.value=e)},u(A)),null,16,["show","formatted-value"])])),_:1},16,["show"])):(l(),i(u(g),s({key:1,ref_key:"formRef",ref:k,show:u(_),"onUpdate:show":t[5]||(t[5]=e=>m(_)?_.value=e:null),"formatted-value":F.value,"onUpdate:formatted-value":t[6]||(t[6]=e=>F.value=e)},u(A)),null,16,["show","formatted-value"]))}}),[["__file","editDate.vue"]]);export{y as default};

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

@@ -1,41 +1 @@
-import { createVNode, mergeProps } from 'vue';
-import '../../../../../index.js';
-import { EDITABLE_WIDGET_TYPE } from '../../../../constants/index.js';
-import { createIhoTableClearActivedInterceptor, IhoTableRenderHelper } 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.interceptor.add("event.clearActived", createIhoTableClearActivedInterceptor(EDITABLE_WIDGET_TYPE.DATE, (ele) => ele.classList.contains("n-date-panel")));
-      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
-          }, fieldItem.componentProps, {
-            "column": column,
-            "row": row,
-            "row-index": $rowIndex,
-            "onClick": emitFormClick
-          }), null)];
-        })
-      });
-    }
-  });
-}
-
-export { dateRendererPlugin };
+import{createVNode as e,mergeProps as t}from"vue";import"../../../../../index.js";import{EDITABLE_WIDGET_TYPE as n}from"../../../../constants/index.js";import{createIhoTableClearActivedInterceptor as r,IhoTableRenderHelper as i}from"../../../../utils/index.js";import o from"./editDate.vue.js";import{defineTablePlugin as d}from"../../../../hooks/useTablePlugin.js";function l(){return d({name:"dateRendererPlugin",vxe(d){d.interceptor.add("event.clearActived",r(n.DATE,(e=>e.classList.contains("n-date-panel")))),d.renderer.add(n.DATE,{renderCell:i.createDefaultRenderCell(),renderEdit:i.createRenderEdit((({fieldItem:n,emitFormClick:r,row:i,column:d,$rowIndex:l})=>[e(o,t({value:i[d.field],"onUpdate:value":e=>i[d.field]=e,isStartDate:n.isStartDate,isEndDate:n.isEndDate,connectField:n.connectField},n.componentProps,{column:d,row:i,"row-index":l,onClick:r}),null)]))})}})}export{l as dateRendererPlugin};

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

@@ -1,21 +1 @@
-import { ref, onMounted } from 'vue';
-
-const useAutoFocus = () => {
-  const formRef = ref(null);
-  function setRef(ref2) {
-    formRef.value = ref2;
-  }
-  const isShow = ref(false);
-  onMounted(() => {
-    var _a;
-    (_a = formRef.value) == null ? void 0 : _a.focus();
-    isShow.value = true;
-  });
-  return {
-    formRef,
-    setRef,
-    isShow
-  };
-};
-
-export { useAutoFocus };
+import{ref as o,onMounted as e}from"vue";const u=()=>{const u=o(null);const n=o(!1);return e((()=>{var o;null==(o=u.value)||o.focus(),n.value=!0})),{formRef:u,setRef:function(o){u.value=o},isShow:n}};export{u as useAutoFocus};

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

@@ -1,41 +1 @@
-import { createVNode, mergeProps } from 'vue';
-import { NInput } from 'naive-ui';
-import '../../../../index.js';
-import { EDITABLE_WIDGET_TYPE } from '../../../constants/index.js';
-import { IhoTableRenderHelper } from '../../../utils/index.js';
-import { defineTablePlugin } from '../../../hooks/useTablePlugin.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,
-          column,
-          emitFormChangeWithParams,
-          emitFormClick
-        }) => {
-          return [createVNode(NInput, mergeProps({
-            "value": row[column.field],
-            "onUpdate:value": ($event) => row[column.field] = $event
-          }, fieldItem.componentProps, {
-            "onChange": () => {
-              emitFormChangeWithParams({
-                oldValue
-              });
-            },
-            "onClick": emitFormClick,
-            "onFocus": () => oldValue = row[column.field]
-          }), null)];
-        })
-      });
-    }
-  });
-}
-
-export { inputRendererPlugin };
+import{createVNode as e,mergeProps as r}from"vue";import{NInput as n}from"naive-ui";import"../../../../index.js";import{EDITABLE_WIDGET_TYPE as o}from"../../../constants/index.js";import{IhoTableRenderHelper as i}from"../../../utils/index.js";import{defineTablePlugin as t}from"../../../hooks/useTablePlugin.js";function l(){return t({name:"inputRendererPlugins",vxe(t){let l="";t.renderer.add(o.INPUT,{renderCell:i.createDefaultRenderCell(),renderEdit:i.createRenderEdit((({fieldItem:o,row:i,column:t,emitFormChangeWithParams:m,emitFormClick:d})=>[e(n,r({value:i[t.field],"onUpdate:value":e=>i[t.field]=e},o.componentProps,{onChange:()=>{m({oldValue:l})},onClick:d,onFocus:()=>l=i[t.field]}),null)]))})}})}export{l as inputRendererPlugin};

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

@@ -1,79 +1 @@
-import { defineComponent, computed, createVNode, mergeProps } from 'vue';
-import { isNumber } from 'lodash-es';
-import { NInputNumber } from 'naive-ui';
-import '../../../../index.js';
-import { EDITABLE_WIDGET_TYPE } from '../../../constants/index.js';
-import { IhoTableRenderHelper } from '../../../utils/index.js';
-import { defineTablePlugin } from '../../../hooks/useTablePlugin.js';
-
-const IhoTableInputNumber = 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
-        }) => {
-          const {
-            placeholder = "\u8BF7\u8F93\u5165"
-          } = fieldItem.componentProps || {};
-          const config = {
-            clearable: true,
-            placeholder,
-            onBlur: () => emitFormChangeWithParams({
-              type: "blur",
-              oldValue: row[column.field]
-            }),
-            onUpdateValue: (value) => {
-              const oldValue = row[column.field];
-              row[column.field] = value;
-              emitFormChangeWithParams({
-                oldValue
-              });
-            },
-            onClick: emitFormClick
-          };
-          return [createVNode(IhoTableInputNumber, mergeProps({
-            "value": row[column.field],
-            "onUpdate:value": ($event) => row[column.field] = $event
-          }, config, fieldItem.componentProps), null)];
-        })
-      });
-    }
-  });
-}
-
-export { numberRendererPlugin };
+import{defineComponent as e,computed as l,createVNode as r,mergeProps as o}from"vue";import{isNumber as t}from"lodash-es";import{NInputNumber as n}from"naive-ui";import"../../../../index.js";import{EDITABLE_WIDGET_TYPE as u}from"../../../constants/index.js";import{IhoTableRenderHelper as a}from"../../../utils/index.js";import{defineTablePlugin as i}from"../../../hooks/useTablePlugin.js";const d=e({name:"IhoTableInputNumber",props:{value:[String,Number]},emits:["update:value"],setup(e,{emit:o}){const u=l({get:()=>t(e.value)?e.value:e.value&&t(+e.value)?+e.value:null,set(e){o("update:value",e)}});return()=>r(n,{value:u.value,"onUpdate:value":e=>u.value=e},null)}});function m(){return i({name:"numberRendererPlugin",vxe(e){e.renderer.add(u.NUMBER,{renderCell:a.createDefaultRenderCell(),renderEdit:a.createRenderEdit((({row:e,column:l,fieldItem:t,emitFormClick:n,emitFormChangeWithParams:u})=>{const{placeholder:a="请输入"}=t.componentProps||{},i={clearable:!0,placeholder:a,onBlur:()=>u({type:"blur",oldValue:e[l.field]}),onUpdateValue:r=>{const o=e[l.field];e[l.field]=r,u({oldValue:o})},onClick:n};return[r(d,o({value:e[l.field],"onUpdate:value":r=>e[l.field]=r},i,t.componentProps),null)]}))})}})}export{m as numberRendererPlugin};

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

@@ -1,64 +1 @@
-import { defineComponent, createVNode, mergeProps } from 'vue';
-import { NSelect } from 'naive-ui';
-import { useIhoTableFormEvent } from '../../../../utils/index.js';
-import { useAutoFocus } from '../hooks/useAutoFocus.js';
-
-var EditSelect = defineComponent({
-  name: "EditSelect",
-  inheritAttrs: false,
-  components: {
-    NSelect
-  },
-  props: {
-    value: {
-      type: [Array, String, Number],
-      default: void 0
-    },
-    column: {
-      type: Object,
-      required: true
-    },
-    row: {
-      type: Object,
-      required: true
-    },
-    rowIndex: {
-      type: Number,
-      required: true
-    }
-  },
-  emits: ["update:value"],
-  setup(props, {
-    attrs,
-    emit
-  }) {
-    const {
-      isShow,
-      setRef
-    } = useAutoFocus();
-    const {
-      emitFormChangeWithParams
-    } = useIhoTableFormEvent(props);
-    function onUpdateValue(value) {
-      const oldValue = props.value;
-      emit("update:value", value);
-      emitFormChangeWithParams({
-        oldValue
-      });
-    }
-    return () => createVNode(NSelect, mergeProps({
-      "ref": setRef,
-      "show": isShow.value,
-      "onUpdate:show": ($event) => isShow.value = $event
-    }, attrs, {
-      "value": props.value,
-      "consistentMenuWidth": false,
-      "clearable": true,
-      "filterable": true,
-      "placeholder": attrs.placeholder || "\u8BF7\u9009\u62E9",
-      "onUpdateValue": onUpdateValue
-    }), null);
-  }
-});
-
-export { EditSelect as default };
+import{defineComponent as e,createVNode as t,mergeProps as r}from"vue";import{NSelect as o}from"naive-ui";import{useIhoTableFormEvent as u}from"../../../../utils/index.js";import{useAutoFocus as a}from"../hooks/useAutoFocus.js";var l=e({name:"EditSelect",inheritAttrs:!1,components:{NSelect:o},props:{value:{type:[Array,String,Number],default:void 0},column:{type:Object,required:!0},row:{type:Object,required:!0},rowIndex:{type:Number,required:!0}},emits:["update:value"],setup(e,{attrs:l,emit:i}){const{isShow:s,setRef:n}=a(),{emitFormChangeWithParams:p}=u(e);function m(t){const r=e.value;i("update:value",t),p({oldValue:r})}return()=>t(o,r({ref:n,show:s.value,"onUpdate:show":e=>s.value=e},l,{value:e.value,consistentMenuWidth:!1,clearable:!0,filterable:!0,placeholder:l.placeholder||"请选择",onUpdateValue:m}),null)}});export{l as default};

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

@@ -1,46 +1 @@
-import { createVNode, mergeProps } from 'vue';
-import '../../../../../index.js';
-import { EDITABLE_WIDGET_TYPE } from '../../../../constants/index.js';
-import { createIhoTableClearActivedInterceptor, IhoTableRenderHelper } from '../../../../utils/index.js';
-import EditSelect from './editSelect.js';
-import { getDefaultValue } from './selectUtils.js';
-import { defineTablePlugin } from '../../../../hooks/useTablePlugin.js';
-
-function selectRendererPlugin() {
-  const pluginName = "selectRendererPlugin";
-  return defineTablePlugin({
-    name: pluginName,
-    vxe(instance) {
-      instance.interceptor.add("event.clearActived", createIhoTableClearActivedInterceptor(EDITABLE_WIDGET_TYPE.SELECT, (ele) => ele.classList.contains("n-base-select-menu-option-wrapper")));
-      instance.renderer.add(EDITABLE_WIDGET_TYPE.SELECT, {
-        renderCell({
-          props
-        }, {
-          row
-        }) {
-          return [createVNode("span", null, [getDefaultValue(row, props)])];
-        },
-        renderEdit: IhoTableRenderHelper.createRenderEdit(({
-          fieldItem,
-          emitFormClick,
-          row,
-          column,
-          $rowIndex
-        }) => {
-          return [createVNode(EditSelect, mergeProps({
-            "options": fieldItem.options
-          }, fieldItem.componentProps, {
-            "column": column,
-            "row": row,
-            "row-index": $rowIndex,
-            "value": row[column.field],
-            "onUpdate:value": ($event) => row[column.field] = $event,
-            "onClick": emitFormClick
-          }), null)];
-        })
-      });
-    }
-  });
-}
-
-export { selectRendererPlugin };
+import{createVNode as e,mergeProps as o}from"vue";import"../../../../../index.js";import{EDITABLE_WIDGET_TYPE as r}from"../../../../constants/index.js";import{createIhoTableClearActivedInterceptor as n,IhoTableRenderHelper as t}from"../../../../utils/index.js";import i from"./editSelect.js";import{getDefaultValue as l}from"./selectUtils.js";import{defineTablePlugin as s}from"../../../../hooks/useTablePlugin.js";function d(){return s({name:"selectRendererPlugin",vxe(s){s.interceptor.add("event.clearActived",n(r.SELECT,(e=>e.classList.contains("n-base-select-menu-option-wrapper")))),s.renderer.add(r.SELECT,{renderCell:({props:o},{row:r})=>[e("span",null,[l(r,o)])],renderEdit:t.createRenderEdit((({fieldItem:r,emitFormClick:n,row:t,column:l,$rowIndex:s})=>[e(i,o({options:r.options},r.componentProps,{column:l,row:t,"row-index":s,value:t[l.field],"onUpdate:value":e=>t[l.field]=e,onClick:n}),null)]))})}})}export{d as selectRendererPlugin};