cnhis-design-vue 3.1.54-beta.1 → 3.1.54-beta.11

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

@@ -84,11 +84,11 @@ export declare function useFieldNormalize(): {
         businessFormatter: import("../types").FormBusinessFormatter;
         requestInstance: import("../../..").FormRequestDefine.RequestInstance;
         enterToNextWidget: boolean | ((fieldItem: FieldItem) => boolean | void);
-        lowCodeReactions: import("../../../../../es/shared/types").FormLowCodeReactions.Config[];
+        lowCodeReactions: import("../../../../../es/shared/types").LowCodeTypes.reactionsConfig[];
         linebarAutoHidden: boolean;
         bordered: string | boolean;
         uniqueCacheData: boolean;
-        operationalForm: import("../../../../../es/shared/types").FormOperationalConfig[];
+        operationalForm: import("../../../../../es/shared/types").LowCodeTypes.operationalConfig[];
         outBordered: boolean;
         forceClearable: boolean;
     }>], import("../../../../../es/shared/utils/tapable").UnsetAdditionalOptions>;
@@ -175,11 +175,11 @@ export declare function useFieldNormalize(): {
         businessFormatter: import("../types").FormBusinessFormatter;
         requestInstance: import("../../..").FormRequestDefine.RequestInstance;
         enterToNextWidget: boolean | ((fieldItem: FieldItem) => boolean | void);
-        lowCodeReactions: import("../../../../../es/shared/types").FormLowCodeReactions.Config[];
+        lowCodeReactions: import("../../../../../es/shared/types").LowCodeTypes.reactionsConfig[];
         linebarAutoHidden: boolean;
         bordered: string | boolean;
         uniqueCacheData: boolean;
-        operationalForm: import("../../../../../es/shared/types").FormOperationalConfig[];
+        operationalForm: import("../../../../../es/shared/types").LowCodeTypes.operationalConfig[];
         outBordered: boolean;
         forceClearable: boolean;
     }>], import("../../../../../es/shared/utils/tapable").UnsetAdditionalOptions>;

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

@@ -1,7 +1,7 @@
 import { AnyFn } from '../../../../../es/shared/types';
 import { DependKeyType } from '../../../../../es/components/form-render';
 export declare class FormItemDepsCollector {
-    triggerDisabled: boolean;
+    triggerDisabled: string | boolean;
     private readonly collector;
     setDeps(key: string, dependKeys: DependKeyType, callback: AnyFn): void;
     getDeps(dependKey: string): Map<string, AnyFn<any[], any>> | undefined;

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

@@ -1 +1 @@
-import{isFunction as t}from"lodash-es";import"vue";import"../../../../shared/utils/index.js";import"@formily/core";import"@formily/path";import"@vicons/ionicons5";import"@vue/shared";import"@vueuse/core";import"naive-ui";import"../../index.js";import"date-fns";import{traverseDependKey as e}from"../utils/schema.js";class r{constructor(){this.triggerDisabled=!1,this.collector=new Map}setDeps(t,r,i){e(r,(e=>{const r=this.collector.get(e)||new Map;r.set(t,i),this.collector.set(e,r)}))}getDeps(t){return this.collector.get(t)}trigger(e,r){var i;this.triggerDisabled||null==(i=this.getDeps(e))||i.forEach((e=>t(e)&&e(r)))}}function i(){return{create:function(){return new r}}}export{r as FormItemDepsCollector,i as useFormItemDeps};
+import{Path as t}from"@formily/path";import{isFunction as e,isString as r}from"lodash-es";import"vue";import"../../../../shared/utils/index.js";import"@formily/core";import"@vicons/ionicons5";import"@vue/shared";import"@vueuse/core";import"naive-ui";import"../../index.js";import"date-fns";import{traverseDependKey as i}from"../utils/schema.js";class s{constructor(){this.triggerDisabled=!1,this.collector=new Map}setDeps(t,e,r){i(e,(e=>{const i=this.collector.get(e)||new Map;i.set(t,r),this.collector.set(e,i)}))}getDeps(t){return this.collector.get(t)}trigger(i,s){if(!0===this.triggerDisabled)return;const o=this.getDeps(i);o&&[...o.entries()].forEach((([i,o])=>{!e(o)||this.triggerDisabled&&r(this.triggerDisabled)&&t.parse(this.triggerDisabled).match(i)||o(s)}))}}function o(){return{create:function(){return new s}}}export{s as FormItemDepsCollector,o as useFormItemDeps};

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

@@ -1,5 +1,5 @@
 import { FormRequestDefine } from '../../../../../es/shared/hooks';
-import { AnyObject, FormWordbook, AnyFn } from '../../../../../es/shared/types';
+import { AnyObject, AnyFn, LowCodeTypes } from '../../../../../es/shared/types';
 import { Ref } from 'vue';
 import { UrlConfig } from '../../../../../es/components/form-render';
 import { RecommendItem } from '../../../../../es/components/recommend-search/src/types';
@@ -46,7 +46,7 @@ export declare function useAutographOptions(props: Partial<{
     valueField: string;
     showField: string;
     requestCache: boolean;
-    wordbook: FormWordbook;
+    wordbook: LowCodeTypes.wordbook;
     autograph: string;
     lazyRequest: boolean;
     options: AnyObject[];

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

@@ -1,7 +1,7 @@
-import { FormLowCodeReactions } from '../../../../../es/shared/types';
+import { LowCodeTypes } from '../../../../../es/shared/types';
 import { Form } from '@formily/core';
 import { MaybeRef } from '@vueuse/core';
-export declare function useLowCodeReactions(configListRef: MaybeRef<FormLowCodeReactions.Config[] | undefined>, formModel: Form): {
+export declare function useLowCodeReactions(configListRef: MaybeRef<LowCodeTypes.reactionsConfig[] | undefined>, formModel: Form): {
     lowCodeReactionsHandler: (field: string) => void;
     triggerAllReactionsHandler: () => void;
 };

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

@@ -1,7 +1,9 @@
-import { FormOperationalConfig } from '../../../../../es/shared/types';
+import { LowCodeTypes } from '../../../../../es/shared/types';
 import { Form } from '@formily/core';
-import { ComputedRef } from 'vue';
-export declare function useOperationalForm(operationalForm: ComputedRef<FormOperationalConfig[] | undefined>, formModel: Form): {
-    operationalFormHandler: (field: string) => void;
-    triggerAllOperationalFormHandler: () => void;
+export declare function useOperationalForm(props: {
+    operationalForm?: LowCodeTypes.operationalConfig[];
+    dateOperationalForm?: LowCodeTypes.dateOperationalConfig[];
+}, formModel: Form): {
+    operationalFormHandler(fieldKey: string): void;
+    triggerAllOperationalFormHandler(): void;
 };

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

@@ -1 +1 @@
-import"../../../../shared/utils/index.js";import{getOperationalFormHandler as s}from"../../../../shared/utils/business.js";function e(e,t){return s(e,(s=>t.getValuesIn(s)),((s,e)=>t.setValuesIn(s,e)))}export{e as useOperationalForm};
+import"../../../../shared/utils/index.js";import{isField as r}from"@formily/core";import{format as e}from"date-fns";import{isNumber as o,isDate as t}from"lodash-es";import{computed as a}from"vue";import{getOperationalFormHandler as l,getDateOperationalFormHandler as n}from"../../../../shared/utils/business.js";function i(i,m){const s=r=>m.getValuesIn(r),{triggerAllOperationalFormHandler:d,operationalFormHandler:p}=l(a((()=>i.operationalForm)),s,((r,e)=>m.setValuesIn(r,e))),{triggerAllDateOperationalFormHandler:u,dateOperationalFormHandler:f}=n(a((()=>i.dateOperationalForm)),s,((a,l)=>{var n,i,s;const d=m.query(a).take();if(!r(d))return;const[p]=d.component||[];if(["DATE","TIME"].includes(p)){const r=null!=(s=null==(i=null==(n=d.decoratorProps)?void 0:n.fieldItem)?void 0:i.date_format)?s:"yyyy-MM-dd";l=o(l)||t(l)?e(new Date(l),r):l}d.setValue(l)}));return{operationalFormHandler(r){p(r),f(r)},triggerAllOperationalFormHandler(){d(),u()}}}export{i as useOperationalForm};

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

@@ -2,5 +2,5 @@ import { 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;
+    setDisabled: (value: boolean | string) => void;
 };

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 n}from"lodash-es";function o(o,e){let i=!1;return{trigger:function(l,u){var a,c;if(!0===i)return;const f=o.query(l).take();if(!t(f))return;const s=function(t){var r,n;return null==(n=null==(r=t.decoratorProps)?void 0:r.fieldItem)?void 0:n.wordbook}(f);(null==(c=null==(a=null==s?void 0:s.setting)?void 0:a.cascading)?void 0:c.length)&&s.setting.cascading.forEach((a=>{var c;const f=function(t,r){return Object.values(t.fields).find((t=>t.title===r))}(o,a["form.name"]);if(!f||!t(f))return;if(i&&n(i)&&r.parse(i).match(f.path))return;const s=null==(c=e.getContext(l,u))?void 0:c.currentOption;s&&f.setValue(s[a.value])}))},setDisabled:function(t){i=t}}}export{o as useWordbookSetting};

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/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{defineTablePlugin as a}from"../../hooks/useTablePlugin.js";import{getOperationalFormHandler as m,getDateOperationalFormHandler as l}from"../../../../../shared/utils/business.js";function u(){const u="operationalFormPlugin";return a({name:u,apply(a){a.configHooks.config.tap(u,(a=>{const u=a.onFormChange;return a.onFormChange=function(d){const{column:p,row:f,$table:c}=d;!function(n,u){const{operationalFormHandler:d}=m(a.operationalForm||a.operationForm,(o=>n[o]),((o,t)=>{u.getColumns().some((n=>n.field===o))&&(n[o]=t)})),{dateOperationalFormHandler:p}=l(a.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)},a}))}})}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

@@ -61,6 +61,7 @@ declare const _default: import("vue").DefineComponent<{
     timeConfig: AnyObject;
     clickShortcutOption: (item: string) => void;
     onUpdateFormattedValue: (value: string) => 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,watch as r,nextTick as o,openBlock as u,createBlock as i,unref as n,withCtx as d,createVNode as c,mergeProps as m,createElementBlock as v,Fragment as s,renderList as f,createTextVNode as p,toDisplayString as h,createCommentVNode as k}from"vue";import{NPopover as y,NInput as b,NSpace as _,NScrollbar as w,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,getHours as q,getMinutes as x,getSeconds as D,isValid as O,format as j}from"date-fns";var S=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:S}){const $=e,A=l(),H=t("$xetable"),{emitFormChangeWithParams:I}=V({...$,$table:H}),P=a(null),R=a(!1),E=a(),M=a(),U=a();let z=$.formattedValue;const{placeholder:K="请选择",valueFormat:N="HH:mm"}=A,T={...A,placeholder:K,valueFormat:N,format:N};function W(e){if(e&&B(e))return;if(U.value=e,z===e)return;const l=e||null;S("update:formattedValue",l),I({oldValue:z}),z=l}function B(e){var l,t,a;const r=F(e,T.format,new Date),o=q(r),u=x(r),i=D(r),n=null==(l=T.isHourDisabled)?void 0:l.call(T,o),d=null==(t=T.isMinuteDisabled)?void 0:t.call(T,u,o),c=null==(a=T.isSecondDisabled)?void 0:a.call(T,i,u,o);return!!n||(!!d||!!c)}function G(){[T.valueFormat.replace(/:/,""),T.valueFormat].some((e=>{const l=F(M.value,e,new Date);if(!M.value||O(l)){return W(M.value?j(l,T.valueFormat):""),!0}return!1}))}function J(e){var l;const{key:t}=e;"Enter"===t&&(null==(l=P.value)||l.blur(),R.value=!1)}return r((()=>$.formattedValue),(e=>{M.value=e,U.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=E.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:d((()=>[c(n(b),{ref_key:"formRef",ref:P,clearable:"",placeholder:n(K),value:M.value,"onUpdate:value":t[0]||(t[0]=e=>M.value=e),valueModifiers:{trim:!0},onClick:t[1]||(t[1]=()=>R.value=!0),onChange:G,onKeydown:J},null,8,["placeholder","value"])])),default:d((()=>[c(n(_),null,{default:d((()=>[c(n(C),m({ref_key:"timePickerRef",ref:E,show:"","formatted-value":U.value},n(T),{class:"iho-table__time-picker",to:!1,"onUpdate:formattedValue":W,onConfirm:t[2]||(t[2]=()=>R.value=!1)}),null,16,["formatted-value"]),c(n(w),{class:"iho-table__scrollbar"},{default:d((()=>[e.shortcutOptions.length?(u(),i(n(_),{key:0,vertical:"",wrap:!1},{default:d((()=>[(u(!0),v(s,null,f(e.shortcutOptions,(e=>(u(),i(n(g),{size:"tiny",key:e,disabled:B(e),onClick:l=>function(e){W(e),R.value=!1}(e)},{default:d((()=>[p(h(e),1)])),_:2},1032,["disabled","onClick"])))),128))])),_:1})):k("v-if",!0)])),_:1})])),_:1})])),_:1},8,["show"]))}});export{S 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 t}from"lodash-es";import"../../../../index.js";import{WIDGET_TYPE as e}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(e.DEFAULT,{renderCell(e,{row:d,column:u}){const a=r(d,u),f=i(a)?function(o,t){const e=l(o);return[n("span",{title:s(t,e.change_text),style:{color:e.background||e.icon}},[r(e.icon),e.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:e.icon},null):null}}(a,u):[a];return function(e,r,i,l){if(l=o(l)?String(l):null==l?"":l+"",!t(e)||!e.length)return n("span",{title:String(s(i,l))},[l]);const d=e.find((n=>n.condition&&n.condition.find((n=>{const o=r[n.field_key||i.field];return c(o,n)}))));return n("span",d?{title:s(i,l),style:{color:d.color},class:d.icon}:{title:s(i,l)},[l])}(function(n){var t,e,r;const i=null==(t=n.editRender)?void 0:t.props;if(!o(i))return;return null!=(r=i.colorAndIcon)?r:null==(e=i.settingObj)?void 0:e.colorAndIcon}(u),d,u,f)}}),d.renderer.add(e.STATUS,d.renderer.get(e.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>;