cnhis-design-vue 3.1.54-beta.2 → 3.1.54-beta.21

package/es/components/form-render/src/hooks/useWordbookSetting.d.ts

@@ -1,6 +1,15 @@
-import { Form } from '@formily/core';
+import { LowCodeTypes } from '../../../../../es/shared/types';
+import { Field, Form } from '@formily/core';
 import { ContextCollector } from '../../../../../es/components/form-render';
-export declare function useWordbookSetting(formModel: Form, changeContextCollector: ContextCollector): {
-    trigger: (fieldKey: string, value: unknown) => void;
-    setDisabled: (value: boolean) => void;
+export declare class wordbookSettingHandler {
+    private formModel;
+    private changeContextCollector;
+    triggerDisabled: string | boolean;
+    constructor(formModel: Form, changeContextCollector: ContextCollector);
+    getWordbook(field: Field): LowCodeTypes.wordbook | undefined;
+    findFieldByLabel(formModel: Form, label: string): import("@formily/core").GeneralField | undefined;
+    trigger(fieldKey: string, value: unknown): void;
+}
+export declare function useWordbookSetting(): {
+    create: (formModel: Form, changeContextCollector: ContextCollector) => wordbookSettingHandler;
 };

package/es/components/form-render/src/hooks/useWordbookSetting.js

@@ -1 +1 @@
-import{isField as t}from"@formily/core";function n(n,e){let r=!1;return{trigger:function(o,i){var l,u;if(r)return;const c=n.query(o).take();if(!t(c))return;const a=function(t){var n,e;return null==(e=null==(n=t.decoratorProps)?void 0:n.fieldItem)?void 0:e.wordbook}(c);(null==(u=null==(l=null==a?void 0:a.setting)?void 0:l.cascading)?void 0:u.length)&&a.setting.cascading.forEach((r=>{var l;const u=function(t,n){return Object.values(t.fields).find((t=>t.title===n))}(n,r["form.name"]);if(!u||!t(u))return;const c=null==(l=e.getContext(o,i))?void 0:l.currentOption;c&&u.setValue(c[r.value])}))},setDisabled:function(t){r=t}}}export{n as useWordbookSetting};
+import{isField as t}from"@formily/core";import{Path as r}from"@formily/path";import{isString as e}from"lodash-es";class i{constructor(t,r){this.formModel=t,this.changeContextCollector=r,this.triggerDisabled=!1}getWordbook(t){var r,e;return null==(e=null==(r=t.decoratorProps)?void 0:r.fieldItem)?void 0:e.wordbook}findFieldByLabel(t,r){return Object.values(t.fields).find((t=>t.title===r))}trigger(i,o){var n,l;if(!0===this.triggerDisabled)return;const s=this.formModel.query(i).take();if(!t(s))return;const a=this.getWordbook(s);(null==(l=null==(n=null==a?void 0:a.setting)?void 0:n.cascading)?void 0:l.length)&&a.setting.cascading.forEach((n=>{var l;const s=this.findFieldByLabel(this.formModel,n["form.name"]);if(!s||!t(s))return;if(this.triggerDisabled&&e(this.triggerDisabled)&&r.parse(this.triggerDisabled).match(s.path))return;const a=null==(l=this.changeContextCollector.getContext(i,o))?void 0:l.currentOption;a&&s.setValue(a[n.value])}))}}function o(){return{create:function(t,r){return new i(t,r)}}}export{o as useWordbookSetting,i as wordbookSettingHandler};

package/es/components/form-render/src/types/fieldItem.d.ts

@@ -1,5 +1,5 @@
 import { FormRequestDefine } from '../../../../../es/shared/hooks';
-import { AnyObject, ArrayAble, BindEventSettingItem, FormWordbook } from '../../../../../es/shared/types';
+import { AnyObject, ArrayAble, LowCodeTypes } from '../../../../../es/shared/types';
 import { SchemaEffectTypes, SchemaTypes } from '@formily/vue';
 import { CSSProperties, VNode } from 'vue';
 import { DependKeyType, FormCommonState } from '../../../../../es/components/form-render';
@@ -104,7 +104,7 @@ export declare type FieldItem = {
      * 1.用于CASCADER控件提供层级参数
      * 2.用于SEARCH控件提供字段信息
      */
-    wordbook: FormWordbook;
+    wordbook: LowCodeTypes.wordbook;
     open: SwitchProperty;
     close: SwitchProperty;
     date_format: string;
@@ -120,7 +120,7 @@ export declare type FieldItem = {
     free_entry: FormCommonState;
     save_free_entry: FormCommonState;
     initialize_high: number;
-    bindEventSetting: BindEventSettingItem[];
+    bindEventSetting: LowCodeTypes.BindEventSettingItem[];
     show_mode: ShowModeType;
     is_allow_check_mid: FormCommonState;
     allow_check_mid_level: '1' | '2' | '3' | '4';

package/es/components/form-render/src/types/index.d.ts

@@ -1,5 +1,5 @@
 import { FormRequestDefine } from '../../../../../es/shared/hooks';
-import { AnyObject, FormLowCodeReactions, FormOperationalConfig, UndefinedAble } from '../../../../../es/shared/types';
+import { AnyObject, LowCodeTypes, UndefinedAble } from '../../../../../es/shared/types';
 import { DataField, Field, Form, GeneralField } from '@formily/core';
 import { ISchema } from '@formily/json-schema/esm/types';
 import { Component, FunctionalComponent } from 'vue';
@@ -56,9 +56,9 @@ export declare type FormRenderExpose = {
      */
     setFormValues(values: AnyObject, options?: Partial<{
         needSplitExtendKey: boolean;
-        avoidBusinessConnection: boolean;
-        avoidDependKeyConnection: boolean;
-        avoidWordbookSettingConnection: boolean;
+        avoidBusinessConnection: boolean | string;
+        avoidDependKeyConnection: boolean | string;
+        avoidWordbookSettingConnection: boolean | string;
         overwrite: boolean;
     }> | boolean, avoidBusinessConnection?: boolean, overwrite?: boolean): any;
     /**
@@ -136,11 +136,11 @@ export declare type FormRenderProps = Partial<{
     businessFormatter: FormBusinessFormatter;
     requestInstance: FormRequestDefine.RequestInstance;
     enterToNextWidget: boolean | ((fieldItem: FieldItem) => boolean | void);
-    lowCodeReactions: FormLowCodeReactions.Config[];
+    lowCodeReactions: LowCodeTypes.reactionsConfig[];
     linebarAutoHidden: boolean;
     bordered: boolean | string;
     uniqueCacheData: boolean;
-    operationalForm: FormOperationalConfig[];
+    operationalForm: LowCodeTypes.operationalConfig[];
     outBordered: boolean;
     forceClearable: boolean;
 }>;

package/es/components/iho-table/index.d.ts

@@ -2214,12 +2214,26 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
             enable?: boolean | undefined;
             usePreset?: boolean | undefined;
         } | undefined;
+        operationalForm?: {
+            operationFormParam: string[];
+            operationalRule: string;
+            operationalPrecision: string;
+            operationalResult: string;
+        }[] | undefined;
         operationForm?: {
             operationFormParam: string[];
             operationalRule: string;
             operationalPrecision: string;
             operationalResult: string;
         }[] | undefined;
+        dateOperationalForm?: {
+            scene: "DIFF" | "CALC";
+            precision: string;
+            diffValUnit: "DAY" | "MIN" | "HOUR" | "DHM";
+            diffValField: string;
+            startDateField: string;
+            endDateField: string;
+        }[] | undefined;
     }>;
     updateConfigRefDebounced: () => void;
     updateConfigRef: () => void;
@@ -4657,12 +4671,26 @@ declare const IhoTable: SFCWithInstall<import("vue").DefineComponent<{
             enable?: boolean | undefined;
             usePreset?: boolean | undefined;
         } | undefined;
+        operationalForm?: {
+            operationFormParam: string[];
+            operationalRule: string;
+            operationalPrecision: string;
+            operationalResult: string;
+        }[] | undefined;
         operationForm?: {
             operationFormParam: string[];
             operationalRule: string;
             operationalPrecision: string;
             operationalResult: string;
         }[] | undefined;
+        dateOperationalForm?: {
+            scene: "DIFF" | "CALC";
+            precision: string;
+            diffValUnit: "DAY" | "MIN" | "HOUR" | "DHM";
+            diffValField: string;
+            startDateField: string;
+            endDateField: string;
+        }[] | undefined;
     }>;
     configChanged: boolean;
     fieldChanged: boolean;

package/es/components/iho-table/src/IhoTable.vue.d.ts

@@ -2215,12 +2215,26 @@ declare const _default: import("vue").DefineComponent<{
             enable?: boolean | undefined;
             usePreset?: boolean | undefined;
         } | undefined;
+        operationalForm?: {
+            operationFormParam: string[];
+            operationalRule: string;
+            operationalPrecision: string;
+            operationalResult: string;
+        }[] | undefined;
         operationForm?: {
             operationFormParam: string[];
             operationalRule: string;
             operationalPrecision: string;
             operationalResult: string;
         }[] | undefined;
+        dateOperationalForm?: {
+            scene: "DIFF" | "CALC";
+            precision: string;
+            diffValUnit: "DAY" | "MIN" | "HOUR" | "DHM";
+            diffValField: string;
+            startDateField: string;
+            endDateField: string;
+        }[] | undefined;
     }>;
     updateConfigRefDebounced: () => void;
     updateConfigRef: () => void;
@@ -4658,12 +4672,26 @@ declare const _default: import("vue").DefineComponent<{
             enable?: boolean | undefined;
             usePreset?: boolean | undefined;
         } | undefined;
+        operationalForm?: {
+            operationFormParam: string[];
+            operationalRule: string;
+            operationalPrecision: string;
+            operationalResult: string;
+        }[] | undefined;
         operationForm?: {
             operationFormParam: string[];
             operationalRule: string;
             operationalPrecision: string;
             operationalResult: string;
         }[] | undefined;
+        dateOperationalForm?: {
+            scene: "DIFF" | "CALC";
+            precision: string;
+            diffValUnit: "DAY" | "MIN" | "HOUR" | "DHM";
+            diffValField: string;
+            startDateField: string;
+            endDateField: string;
+        }[] | undefined;
     }>;
     configChanged: boolean;
     fieldChanged: boolean;

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

@@ -1 +1 @@
-import"../../../../../shared/utils/index.js";import"../../../index.js";import{isFunction as n}from"lodash-es";import{defineTablePlugin as t}from"../../hooks/useTablePlugin.js";import{getBindEventSettingTrigger as o}from"../../../../../shared/utils/business.js";function e(){const e="bindEventSettingPlugin";return t({name:e,apply(t){t.configHooks.config.tap(e,(t=>{const e=t.onFormChange;return t.onFormChange=function(t){var i;const{column:r,row:s}=t,u=null==(i=r.editRender)?void 0:i.props;if(u&&(null==u?void 0:u.bindEventSetting)){u.bindEventSetting.forEach((n=>{o(n.event_type)(n,{getter:n=>s[n],setter:(n,t)=>s[n]=t})}))}n(e)&&e(t)},t}))}})}export{e as bindEventSettingPlugin};
+import"../../../../../shared/utils/index.js";import"../../../index.js";import{isFunction as n}from"lodash-es";import{getBindEventSettingTrigger as t}from"../../../../../shared/utils/business.js";import{defineTablePlugin as o}from"../../hooks/useTablePlugin.js";function e(){const e="bindEventSettingPlugin";return o({name:e,apply(o){o.configHooks.config.tap(e,(o=>{const e=o.onFormChange;return o.onFormChange=function(o){var i;const{column:r,row:s}=o,u=null==(i=r.editRender)?void 0:i.props;if(u&&(null==u?void 0:u.bindEventSetting)){u.bindEventSetting.forEach((n=>{t(n.event_type)(n,{getter:n=>s[n],setter:(n,t)=>s[n]=t})}))}n(e)&&e(o)},o}))}})}export{e as bindEventSettingPlugin};

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

@@ -1 +1 @@
-import"../../../../../shared/utils/index.js";import"../../../index.js";import{isFunction as o}from"lodash-es";import{defineTablePlugin as n}from"../../hooks/useTablePlugin.js";import{getOperationalFormHandler as r}from"../../../../../shared/utils/business.js";function e(){const e="operationalFormPlugin";return n({name:e,apply(n){n.configHooks.config.tap(e,(n=>{const e=n.onFormChange;return n.onFormChange=function(t){const{column:i,row:s,$table:m}=t;!function(o,e){return r(n.operationForm,(n=>o[n]),((n,r)=>{e.getColumns().some((o=>o.field===n))&&(o[n]=r)})).operationalFormHandler}(s,m)(i.field),o(e)&&e(t)},n}))}})}export{e as operationalFormPlugin};
+import"../../../../../shared/utils/index.js";import{format as o}from"date-fns";import"../../../index.js";import{isFunction as n,isNumber as t,isDate as e}from"lodash-es";import{EDITABLE_WIDGET_TYPE as r}from"../../constants/index.js";import{getLowCodeFieldFromField as i,IhoTableUtils as s}from"../../utils/index.js";import{getOperationalFormHandler as a,getDateOperationalFormHandler as m}from"../../../../../shared/utils/business.js";import{defineTablePlugin as l}from"../../hooks/useTablePlugin.js";function u(){const u="operationalFormPlugin";return l({name:u,apply(l){l.configHooks.config.tap(u,(l=>{const u=l.onFormChange;return l.onFormChange=function(d){const{column:p,row:f,$table:c}=d;!function(n,u){const{operationalFormHandler:d}=a(l.operationalForm||l.operationForm,(o=>n[o]),((o,t)=>{u.getColumns().some((n=>n.field===o))&&(n[o]=t)})),{dateOperationalFormHandler:p}=m(l.dateOperationalForm,(o=>n[o]),((a,m)=>{const l=u.getColumns().find((o=>o.field===a));if(!l)return;const d=i(l);d&&[r.DATE,r.TIME].includes(s.getCellType(d))&&(m=t(m)||e(m)?o(new Date(m),d.valueFormat||"yyyy-MM-dd HH:mm:ss"):null),n[a]=m}));return function(o){d(o),p(o)}}(f,c)(p.field),n(u)&&u(d)},l}))}})}export{u as operationalFormPlugin};

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

@@ -44,7 +44,7 @@ declare const _default: import("vue").DefineComponent<{
     emitFormChangeWithParams: (params?: AnyObject) => void;
     emit: (event: "update:value", ...args: any[]) => void;
     formRef: import("vue").Ref<any>;
-    formattedValue: import("vue").WritableComputedRef<string | undefined>;
+    formattedValue: import("vue").WritableComputedRef<string | null | undefined>;
     formatConfig: import("vue").ComputedRef<{
         valueFormat: string;
         format: string;

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

@@ -1 +1 @@
-import{defineComponent as e,useAttrs as t,inject as r,ref as i,computed as a,onMounted as l,openBlock as o,createBlock as n,unref as u,mergeProps as s,isRef as d}from"vue";import{generateTimeFormat as m}from"../../../../../../../shared/utils/index.js";import{isFunction as p}from"lodash-es";import{useIhoTableFormEvent as c}from"../../../../utils/index.js";import v from"../../../../../../date-picker/index.js";var f=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:f}){const w=e,D=t(),b=r("$xetable"),{emitFormChangeWithParams:y}=c({...w,$table:b}),g=i(),$=a({get:()=>w.value,set(e){const t=w.value;t!==e&&(f("update:value",e),y({oldValue:t}))}}),T=a((()=>{const e=D.valueFormat||"yyyy-MM-dd HH:mm:ss";return{valueFormat:e,format:e,timePickerProps:{format:m(e)}}})),{isStartDate:h=!1,isEndDate:x=!1}=D,j=D.connectField||"",S=(e,t)=>h&&j?e>t:!(!x||!j)&&e<t,k=e=>{const t=new Date(w.row[j]),r=new Date(e),{h:i,m:a,s:l}=H(t),o=(e,t,r,i)=>!(x&&r>i)&&(!(h&&r<i)&&S(e,t));return{isHourDisabled:t=>{if(!w.row[j])return!1;const a=new Date(`${w.row[j].split(" ")[0]} 00:00:00`).getTime(),{m:l,s:n}=H(r);return o(t,i,e-60*t*60*1e3-60*l*1e3-1e3*n,a)},isMinuteDisabled:t=>{if(!w.row[j])return!1;const l=new Date(`${w.row[j].split(" ")[0]} ${i}:00:00`).getTime(),{s:n}=H(r);return o(t,a,e-60*t*1e3-1e3*n,l)},isSecondDisabled:t=>{if(!w.row[j])return!1;const r=new Date(`${w.row[j].split(" ")[0]} ${i}:${a}:00`).getTime();return o(t,l,e-1e3*t,r)}}},q={type:D.type||"datetime",clearable:!0,allowedInvalidValue:"-",...D,...T.value,isDateDisabled:F(D.isDateDisabled)||(e=>!!w.row[j]&&S(e,x?new Date(`${w.row[j].split(" ")[0]} 00:00:00`).getTime():new Date(w.row[j]).getTime()))};function F(e){return p(e)?t=>e(t,w.row):null}function H(e){return{h:e.getHours(),m:e.getMinutes(),s:e.getSeconds()}}return q.type.includes("time")&&(q.isTimeDisabled=F(D.isTimeDisabled)||k),l((()=>{var e,t,r,i,a,l,o;return null==(o=null==(a=null==(r=null==(t=null==(e=g.value)?void 0:e.$datePicker)?void 0:t.inputInstRef)?void 0:(i=r.$el).querySelector)?void 0:(l=a.call(i,"input")).select)?void 0:o.call(l)})),(e,t)=>(o(),n(u(v),s({ref_key:"formRef",ref:g},u(q),{"formatted-value":u($),"onUpdate:formatted-value":t[0]||(t[0]=e=>d($)?$.value=e:null)}),null,16,["formatted-value"]))}});export{f as default};
+import{defineComponent as e,useAttrs as t,inject as r,ref as a,computed as i,openBlock as o,createBlock as s,unref as n,mergeProps as l,isRef as u}from"vue";import{generateTimeFormat as m}from"../../../../../../../shared/utils/index.js";import{isFunction as d}from"lodash-es";import{useIhoTableFormEvent as p}from"../../../../utils/index.js";import f from"../../../../../../date-picker/index.js";var w=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:w}){const c=e,D=t(),v=r("$xetable"),{emitFormChangeWithParams:b}=p({...c,$table:v}),y=a(),g=i({get:()=>c.value?c.value:null,set(e){const t=c.value;t!==e&&(w("update:value",e),b({oldValue:t}))}}),$=i((()=>{const e=D.valueFormat||"yyyy-MM-dd HH:mm:ss";return{valueFormat:e,format:e,timePickerProps:{format:m(e)}}})),{isStartDate:T=!1,isEndDate:h=!1}=D,x=D.connectField||"",j=(e,t)=>T&&x?e>t:!(!h||!x)&&e<t,F=e=>{const t=new Date(c.row[x]),r=new Date(e),{h:a,m:i,s:o}=S(t),s=(e,t,r,a)=>!(h&&r>a)&&(!(T&&r<a)&&j(e,t));return{isHourDisabled:t=>{if(!c.row[x])return!1;const i=new Date(`${c.row[x].split(" ")[0]} 00:00:00`).getTime(),{m:o,s:n}=S(r);return s(t,a,e-60*t*60*1e3-60*o*1e3-1e3*n,i)},isMinuteDisabled:t=>{if(!c.row[x])return!1;const o=new Date(`${c.row[x].split(" ")[0]} ${a}:00:00`).getTime(),{s:n}=S(r);return s(t,i,e-60*t*1e3-1e3*n,o)},isSecondDisabled:t=>{if(!c.row[x])return!1;const r=new Date(`${c.row[x].split(" ")[0]} ${a}:${i}:00`).getTime();return s(t,o,e-1e3*t,r)}}},H={type:D.type||"datetime",clearable:!0,allowedInvalidValue:"-",...D,...$.value,isDateDisabled:M(D.isDateDisabled)||(e=>!!c.row[x]&&j(e,h?new Date(`${c.row[x].split(" ")[0]} 00:00:00`).getTime():new Date(c.row[x]).getTime()))};function M(e){return d(e)?t=>e(t,c.row):null}function S(e){return{h:e.getHours(),m:e.getMinutes(),s:e.getSeconds()}}return H.type.includes("time")&&(H.isTimeDisabled=M(D.isTimeDisabled)||F),(e,t)=>(o(),s(n(f),l({ref_key:"formRef",ref:y},n(H),{"formatted-value":n(g),"onUpdate:formatted-value":t[0]||(t[0]=e=>u(g)?g.value=e:null)}),null,16,["formatted-value"]))}});export{w as default};

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

@@ -1 +1 @@
-import{createVNode as e,mergeProps as o}from"vue";import{format as n}from"date-fns";import{isFunction as t}from"lodash-es";import"../../../../../index.js";import{EDITABLE_WIDGET_TYPE as r}from"../../../../constants/index.js";import{createIhoTableClearActivedInterceptor as i,IhoTableRenderHelper as d,isInvalidDate as l,getLowCodeFieldFromField 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(n){n.interceptor.add("event.clearActived",i(r.DATE,(e=>e.classList.contains("n-date-panel")))),n.renderer.add(r.DATE,{renderCell:d.createDefaultRenderCell(),renderEdit:d.createRenderEdit((({fieldItem:n,emitFormClick:t,row:r,column:i,$rowIndex:d})=>[e(m,o({value:r[i.field],"onUpdate:value":e=>r[i.field]=e,isStartDate:n.isStartDate,isEndDate:n.isEndDate,connectField:n.connectField,valueFormat:n.valueFormat},n.componentProps,{column:i,row:r,"row-index":d,onClick:t}),null)]))})},apply(e){e.eventHooks.onCellDblclick.tap(s,(({row:e,column:o,columnIndex:i,rowIndex:d,$rowIndex:m},u,{$table:s,emits:c})=>{var f,p,v,x;if((null==(f=o.editRender)?void 0:f.name)!==r.DATE||e[o.field])return;if(t(null==(p=u.editConfig)?void 0:p.beforeEditMethod)){if(!(null==(v=u.editConfig)?void 0:v.beforeEditMethod({row:e,column:o,columnIndex:i,rowIndex:d,$table:s,$grid:s})))return}const w=new Date;if(l(o,e,w))return;const D=e[o.field];e[o.field]=n(w,(null==(x=a(o))?void 0:x.valueFormat)||"yyyy-MM-dd HH:mm:ss"),c("formChange",{oldValue:D,index:d>-1?d:m,value:e[o.field],row:e,column:o,$table:s})}))}})}export{s as dateRendererPlugin};
+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{createIhoTableClearActivedInterceptor as d,IhoTableRenderHelper as l,isInvalidDate as a,getLowCodeFieldFromField as u}from"../../../../utils/index.js";import m from"./editDate.vue.js";import{defineTablePlugin as s}from"../../../../hooks/useTablePlugin.js";function c(){const c="dateRendererPlugin";return s({name:c,vxe(t){t.interceptor.add("event.clearActived",d(r.DATE,(e=>e.classList.contains("n-date-panel")))),t.renderer.add(r.DATE,{renderCell:l.createDefaultRenderCell(),renderEdit:l.createRenderEdit((({fieldItem:t,emitFormClick:n,row:r,column:i,$rowIndex:d})=>[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":d,onClick:n}),null)]))})},apply(e){i(e).bindAutoFocusConfig(c,r.DATE,".n-input__input-el",{after:e=>(Reflect.set(e.editRender,"autoselect",!0),e)}),e.eventHooks.onCellDblclick.tap(c,(({row:e,column:o,columnIndex:i,rowIndex:d,$rowIndex:l},m,{$table:s,emits:c})=>{var f,p,v,x;if((null==(f=o.editRender)?void 0:f.name)!==r.DATE||e[o.field])return;if(n(null==(p=m.editConfig)?void 0:p.beforeEditMethod)){if(!(null==(v=m.editConfig)?void 0:v.beforeEditMethod({row:e,column:o,columnIndex:i,rowIndex:d,$table:s,$grid:s})))return}const D=new Date;if(a(o,e,D))return;const w=e[o.field];e[o.field]=t(D,(null==(x=u(o))?void 0:x.valueFormat)||"yyyy-MM-dd HH:mm:ss"),c("formChange",{oldValue:w,index:d>-1?d:l,value:e[o.field],row:e,column:o,$table:s})}))}})}export{c as dateRendererPlugin};

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/timeRendererPlugin/editTime.vue.d.ts

@@ -54,13 +54,18 @@ declare const _default: import("vue").DefineComponent<{
     isShow: import("vue").Ref<boolean>;
     timePickerRef: import("vue").Ref<any>;
     inputValue: import("vue").Ref<any>;
-    __formattedValue: import("vue").Ref<any>;
-    oldValue: any;
+    inputProps: import("vue").ComputedRef<{
+        style: string;
+    } | {
+        style?: undefined;
+    }>;
+    __formattedValue: import("vue").WritableComputedRef<any>;
     placeholder: any;
     valueFormat: any;
     timeConfig: AnyObject;
     clickShortcutOption: (item: string) => void;
-    onUpdateFormattedValue: (value: string) => void;
+    onUpdateFormattedValue: (value: string | null) => void;
+    isDisabled: (value: string) => boolean;
     onChange: () => void;
     onKeydown: (event: KeyboardEvent) => void;
     NInput: any;

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/timeRendererPlugin/editTime.vue2.js

@@ -1 +1 @@
-import{defineComponent as e,useAttrs as l,inject as t,ref as a,watch as r,nextTick as o,openBlock as u,createBlock as i,unref as n,withCtx as m,createVNode as c,mergeProps as d,createElementBlock as v,Fragment as f,renderList as s,createTextVNode as p,toDisplayString as h,createCommentVNode as k}from"vue";import{NPopover as y,NInput as _,NSpace as w,NScrollbar as b,NButton as g}from"naive-ui";import{useIhoTableFormEvent as V}from"../../../../utils/index.js";import C from"../../../../../../time-picker/index.js";import{parse as F,isValid as q,format as x}from"date-fns";var O=e({__name:"editTime",props:{formattedValue:{type:String},column:{type:Object,required:!0},row:{type:Object,required:!0},rowIndex:{type:Number,required:!0},shortcutOptions:{type:Array,default:()=>[]}},emits:["update:formattedValue","click"],setup(e,{emit:O}){const j=e,$=l(),A=t("$xetable"),{emitFormChangeWithParams:I}=V({...j,$table:A}),P=a(null),R=a(!1),S=a(),E=a(),H=a();let U=j.formattedValue;const{placeholder:z="请选择",valueFormat:D="HH:mm"}=$,K={...$,placeholder:z,valueFormat:D,format:D};function M(e){if(H.value=e,U===e)return;const l=e||null;O("update:formattedValue",l),I({oldValue:U}),U=l}function N(){[K.valueFormat.replace(/:/,""),K.valueFormat].some((e=>{const l=F(E.value,e,new Date);if(!E.value||q(l)){return M(E.value?x(l,K.valueFormat):""),!0}return!1}))}function T(e){var l;const{key:t}=e;"Enter"===t&&(null==(l=P.value)||l.blur(),R.value=!1)}return r((()=>j.formattedValue),(e=>{E.value=e,H.value=e}),{immediate:!0}),r((()=>R.value),(async e=>{var l,t,a,r,u;e&&(await o(),null==(u=null==(r=null==(a=null==(t=null==(l=S.value)?void 0:l.$timePicker)?void 0:t.panelInstRef)?void 0:a.$el)?void 0:r.querySelectorAll(".n-time-picker-col"))||u.forEach((e=>{var l,t;return null==(t=null==(l=null==e?void 0:e.querySelector)?void 0:l.call(e,".n-time-picker-col__item--active"))?void 0:t.scrollIntoView()})))})),(l,t)=>(u(),i(n(y),{show:R.value,trigger:"click",showArrow:!1,placement:"bottom-start",style:{padding:"0"},onClickoutside:t[3]||(t[3]=()=>R.value=!1)},{trigger:m((()=>[c(n(_),{ref_key:"formRef",ref:P,clearable:"",placeholder:n(z),value:E.value,"onUpdate:value":t[0]||(t[0]=e=>E.value=e),valueModifiers:{trim:!0},onClick:t[1]||(t[1]=()=>R.value=!0),onChange:N,onKeydown:T},null,8,["placeholder","value"])])),default:m((()=>[c(n(w),null,{default:m((()=>[c(n(C),d({ref_key:"timePickerRef",ref:S,show:"","formatted-value":H.value},n(K),{class:"iho-table__time-picker",to:!1,"onUpdate:formattedValue":M,onConfirm:t[2]||(t[2]=()=>R.value=!1)}),null,16,["formatted-value"]),c(n(b),{class:"iho-table__scrollbar"},{default:m((()=>[e.shortcutOptions.length?(u(),i(n(w),{key:0,vertical:"",wrap:!1},{default:m((()=>[(u(!0),v(f,null,s(e.shortcutOptions,(e=>(u(),i(n(g),{size:"tiny",key:e,onClick:l=>function(e){M(e),R.value=!1}(e)},{default:m((()=>[p(h(e),1)])),_:2},1032,["onClick"])))),128))])),_:1})):k("v-if",!0)])),_:1})])),_:1})])),_:1},8,["show"]))}});export{O as default};
+import{defineComponent as e,useAttrs as l,inject as t,ref as a,computed as r,reactive as u,watch as o,nextTick as i,openBlock as n,createBlock as d,unref as c,withCtx as v,createVNode as m,mergeProps as s,isRef as f,createElementBlock as p,Fragment as h,renderList as y,createTextVNode as k,toDisplayString as b,createCommentVNode as w}from"vue";import{NPopover as _,NInput as g,NSpace as V,NScrollbar as C,NButton as F}from"naive-ui";import{useIhoTableFormEvent as x}from"../../../../utils/index.js";import D from"../../../../../../time-picker/index.js";import{parse as q,isValid as O,getHours as j,getMinutes as S,getSeconds as $,format as A}from"date-fns";var H=e({__name:"editTime",props:{formattedValue:{type:String},column:{type:Object,required:!0},row:{type:Object,required:!0},rowIndex:{type:Number,required:!0},shortcutOptions:{type:Array,default:()=>[]}},emits:["update:formattedValue","click"],setup(e,{emit:H}){const I=e,P=l(),R=t("$xetable"),{emitFormChangeWithParams:E}=x({...I,$table:R}),M=a(null),U=a(!1),z=a(),K=a(),N=r((()=>K.value&&L(K.value)?{style:"text-decoration: line-through"}:{})),T=r({get(){if(!K.value)return null;const e=q(K.value,G.valueFormat,new Date);return O(e)?K.value:I.formattedValue?I.formattedValue:null},set(e){J(e)}}),{placeholder:W="请选择",valueFormat:B="HH:mm"}=P,G=u({...P,placeholder:W,valueFormat:B,format:B});function J(e){if(K.value=e||"",e&&L(e))return;const l=I.formattedValue;l!==e&&(H("update:formattedValue",e),E({oldValue:l}))}function L(e){var l,t,a;const r=q(e,G.format,new Date),u=j(r),o=S(r),i=$(r),n=null==(l=G.isHourDisabled)?void 0:l.call(G,u),d=null==(t=G.isMinuteDisabled)?void 0:t.call(G,o,u),c=null==(a=G.isSecondDisabled)?void 0:a.call(G,i,o,u);return!!n||(!!d||!!c)}function Q(){[G.valueFormat.replace(/[^\w]/g,""),G.valueFormat].some((e=>{const l=q(K.value,e,new Date);if(!K.value||O(l)){return J(K.value?A(l,G.valueFormat):null),!0}return!1}))}function X(e){var l;const{key:t}=e;"Enter"===t&&(null==(l=M.value)||l.blur(),U.value=!1)}return o((()=>I.formattedValue),(e=>{if(!e)return"";K.value=e}),{immediate:!0}),o((()=>U.value),(async e=>{var l,t,a,r,u;e&&(await i(),null==(u=null==(r=null==(a=null==(t=null==(l=z.value)?void 0:l.$timePicker)?void 0:t.panelInstRef)?void 0:a.$el)?void 0:r.querySelectorAll(".n-time-picker-col"))||u.forEach((e=>{var l,t;return null==(t=null==(l=null==e?void 0:e.querySelector)?void 0:l.call(e,".n-time-picker-col__item--active"))?void 0:t.scrollIntoView()})))})),(l,t)=>(n(),d(c(_),{show:U.value,trigger:"click",showArrow:!1,placement:"bottom-start",style:{padding:"0"},onClickoutside:t[4]||(t[4]=()=>U.value=!1)},{trigger:v((()=>[m(c(g),{ref_key:"formRef",ref:M,clearable:"",placeholder:c(W),value:K.value,"onUpdate:value":t[0]||(t[0]=e=>K.value=e),valueModifiers:{trim:!0},"input-props":c(N),onClick:t[1]||(t[1]=()=>U.value=!0),onChange:Q,onKeydown:X},null,8,["placeholder","value","input-props"])])),default:v((()=>[m(c(V),null,{default:v((()=>[m(c(D),s({ref_key:"timePickerRef",ref:z,show:""},c(G),{class:"iho-table__time-picker",to:!1,"formatted-value":c(T),"onUpdate:formatted-value":t[2]||(t[2]=e=>f(T)?T.value=e:null),onConfirm:t[3]||(t[3]=()=>U.value=!1)}),null,16,["formatted-value"]),m(c(C),{class:"iho-table__scrollbar"},{default:v((()=>[e.shortcutOptions.length?(n(),d(c(V),{key:0,vertical:"",wrap:!1},{default:v((()=>[(n(!0),p(h,null,y(e.shortcutOptions,(e=>(n(),d(c(F),{size:"tiny",key:e,disabled:L(e),onClick:l=>function(e){J(e),U.value=!1}(e)},{default:v((()=>[k(b(e),1)])),_:2},1032,["disabled","onClick"])))),128))])),_:1})):w("v-if",!0)])),_:1})])),_:1})])),_:1},8,["show"]))}});export{H as default};

package/es/components/iho-table/src/plugins/rendererPlugins/widgets/defaultRendererPlugin.js

@@ -1 +1 @@
-import{createVNode as n}from"vue";import"../../../../../../shared/utils/index.js";import{isObject as o,isArray as e}from"lodash-es";import"../../../../index.js";import{WIDGET_TYPE as t}from"../../../constants/index.js";import{parseMergeField as r,isRichContent as i,parseRichContent as l,getTitle as s}from"../../../utils/index.js";import{isMatchLowCodeCondition as c}from"../../../../../../shared/utils/business.js";import{defineTablePlugin as d}from"../../../hooks/useTablePlugin.js";function u(){return d({name:"defaultRendererPlugin",vxe(d){d.renderer.add(t.DEFAULT,{renderCell(t,{row:d,column:u}){const a=r(d,u),f=i(a)?function(o,e){const t=l(o);return[n("span",{title:s(e,t.change_text),style:{color:t.background||t.icon}},[r(t.icon),t.change_text])];function r(o){return o?o.match(/#[\da-f]{6}|[\da-f]{3}/i)?n("i",{class:"icon-dot",style:{"--table-icon-color":o,"--table-icon-shadow":o}},null):n("i",{class:t.icon},null):null}}(a,u):[a];return function(o,t,r,i){if(!e(o)||!o.length)return n("span",{title:s(r,i)},[i]);const l=o.find((n=>n.condition&&n.condition.find((n=>{const o=t[n.field_key||r.field];return c(o,n)}))));return n("span",l?{title:s(r,i),style:{color:l.color},class:l.icon}:{title:s(r,i)},[i])}(function(n){var e,t,r;const i=null==(e=n.editRender)?void 0:e.props;if(!o(i))return;return null!=(r=i.colorAndIcon)?r:null==(t=i.settingObj)?void 0:t.colorAndIcon}(u),d,u,f)}}),d.renderer.add(t.STATUS,d.renderer.get(t.DEFAULT))}})}export{u as defaultRendererPlugin};
+import{createVNode as n}from"vue";import"../../../../../../shared/utils/index.js";import{isObject as o,isArray as e}from"lodash-es";import"../../../../index.js";import{WIDGET_TYPE as t}from"../../../constants/index.js";import{parseMergeField as r,isRichContent as i,parseRichContent as l,getTitle as s}from"../../../utils/index.js";import{isMatchLowCodeCondition as c}from"../../../../../../shared/utils/business.js";import{defineTablePlugin as d}from"../../../hooks/useTablePlugin.js";function u(){return d({name:"defaultRendererPlugin",vxe(d){d.renderer.add(t.DEFAULT,{renderCell(t,{row:d,column:u}){const a=r(d,u),f=i(a)?function(o,e){const t=l(o);return[n("span",{title:s(e,t.change_text),style:{color:t.background||t.icon}},[r(t.icon),t.change_text])];function r(o){return o?o.match(/#[\da-f]{6}|[\da-f]{3}/i)?n("i",{class:"icon-dot",style:{"--table-icon-color":o,"--table-icon-shadow":o}},null):n("i",{class:t.icon},null):null}}(a,u):[a];return function(o,t,r,i){if(!e(o)||!o.length)return n("span",{title:String(s(r,i))},[i]);const l=o.find((n=>n.condition&&n.condition.find((n=>{const o=t[n.field_key||r.field];return c(o,n)}))));return n("span",l?{title:s(r,i),style:{color:l.color},class:l.icon}:{title:s(r,i)},[i])}(function(n){var e,t,r;const i=null==(e=n.editRender)?void 0:e.props;if(!o(i))return;return null!=(r=i.colorAndIcon)?r:null==(t=i.settingObj)?void 0:t.colorAndIcon}(u),d,u,f)}}),d.renderer.add(t.STATUS,d.renderer.get(t.DEFAULT))}})}export{u as defaultRendererPlugin};

package/es/components/iho-table/src/types/index.d.ts

@@ -1,4 +1,4 @@
-import { AnyObject, ArrayAble, BindEventSettingItem, FormOperationalConfig, FormWordbook, AnyFn, LOW_CODE_VALUE_RELATION, MaybeString, TupleToUnion } from '../../../../../es/shared/types';
+import { AnyObject, ArrayAble, AnyFn, MaybeString, LowCodeTypes, TupleToUnion } from '../../../../../es/shared/types';
 import { VxeTableProps, VxeTableDefines, VxeTableInstance, VxeColumnPropTypes, VxeTablePropTypes, VxeTableConstructor } from 'vxe-table';
 import { VxePagerEventProps } from 'vxe-table/types/pager';
 import { VxeTableEventProps, VxeTableListeners, VxeTablePrivateMethods } from 'vxe-table/types/table';
@@ -36,7 +36,9 @@ export declare type IhoTableConfig = VxeTableProps & Partial<{
         usePreset: boolean;
         [K: string]: any;
     }>;
-    operationForm: FormOperationalConfig[];
+    operationalForm: LowCodeTypes.operationalConfig[];
+    operationForm: LowCodeTypes.operationalConfig[];
+    dateOperationalForm: LowCodeTypes.dateOperationalConfig[];
     checkboxConfig: Partial<VxeTableProps['checkboxConfig'] & {
         slots: VxeColumnPropTypes.Slots;
         maxCheckSize: number;
@@ -75,7 +77,7 @@ export declare namespace IhoTableLowCodeField {
     }>;
     type ColorAndIconItem = Partial<{
         condition: {
-            con: LOW_CODE_VALUE_RELATION;
+            con: LowCodeTypes.VALUE_RELATION;
             value: unknown;
             field_key?: string;
         }[];
@@ -149,12 +151,12 @@ export declare type LowCodeTableFieldItem = {
     colorAndIcon: IhoTableLowCodeField.ColorAndIconItem[];
     variableHeight: boolean | '0' | '1';
     filterSetting: IhoTableLowCodeField.FilterSetting;
-    bindEventSetting: BindEventSettingItem[];
+    bindEventSetting: LowCodeTypes.BindEventSettingItem[];
     allowSlash: boolean | string;
     whiteList: string[];
     defaultValue: any;
     autograph: string;
-    wordbook: FormWordbook;
+    wordbook: LowCodeTypes.wordbook;
     requestCache: boolean;
     lazyRequest: boolean;
 }> & Partial<VxeTableDefines.ColumnInfo>;