cnhis-design-vue 3.2.7-beta.23 → 3.2.7-beta.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/components/field-set/src/FieldSet.vue.d.ts +1 -1
- package/es/components/form-render/src/components/renderer/formItem.d.ts +9 -0
- package/es/components/form-render/src/components/renderer/formItem.js +1 -1
- package/es/components/info-header/index.d.ts +1 -0
- package/es/components/info-header/src/InfoHeader.vue.d.ts +1 -0
- package/es/components/info-header/src/components/infoDescription/DescriptionItem.vue.d.ts +1 -0
- package/es/components/info-header/src/components/infoDescription/DescriptionItem.vue2.js +1 -1
- package/es/components/info-header/src/components/infoDescription/DescriptionList.vue.d.ts +1 -0
- package/es/components/info-header/src/components/infoDescription/index.vue.d.ts +1 -0
- package/es/shared/package.json.js +1 -1
- package/package.json +2 -2
@@ -725,8 +725,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
725
725
|
showSeq: boolean;
|
726
726
|
footerFlag: boolean;
|
727
727
|
fieldDescribeMode: "column" | "tooltip";
|
728
|
-
showSearch: boolean;
|
729
728
|
customColumns: FieldSetColumnItem[];
|
729
|
+
showSearch: boolean;
|
730
730
|
showSortPriority: boolean;
|
731
731
|
showHeadFilter: boolean;
|
732
732
|
}>;
|
@@ -22,6 +22,10 @@ export declare const FORM_ITEM: import("vue").DefineComponent<{
|
|
22
22
|
fieldItem: {
|
23
23
|
type: PropType<FieldItem>;
|
24
24
|
};
|
25
|
+
showTooltipFeedback: {
|
26
|
+
type: BooleanConstructor;
|
27
|
+
default: boolean;
|
28
|
+
};
|
25
29
|
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
26
30
|
label: StringConstructor;
|
27
31
|
propertyKey: StringConstructor;
|
@@ -44,8 +48,13 @@ export declare const FORM_ITEM: import("vue").DefineComponent<{
|
|
44
48
|
fieldItem: {
|
45
49
|
type: PropType<FieldItem>;
|
46
50
|
};
|
51
|
+
showTooltipFeedback: {
|
52
|
+
type: BooleanConstructor;
|
53
|
+
default: boolean;
|
54
|
+
};
|
47
55
|
}>>, {
|
48
56
|
showFeedback: boolean;
|
49
57
|
span: number;
|
50
58
|
isOptionChildField: boolean;
|
59
|
+
showTooltipFeedback: boolean;
|
51
60
|
}>;
|
@@ -1 +1 @@
|
|
1
|
-
import{defineComponent as e,inject as l,computed as t,ref as r,onUnmounted as o,createVNode as
|
1
|
+
import{defineComponent as e,inject as l,computed as t,ref as r,onUnmounted as o,createVNode as a,mergeProps as n,unref as i,withModifiers as d,createTextVNode as u}from"vue";import{arrayed as s,getStringWidth as m,widthAppend as f}from"../../../../../shared/utils/index.js";import{isVoidField as v}from"@formily/core";import{observe as c,autorun as p}from"@formily/reactive";import{connect as b,mapProps as h}from"@formily/vue";import{useDebounceFn as y}from"@vueuse/core";import{isString as g,isArray as _,isObject as k,isNumber as x,isFunction as I,uniq as F}from"lodash-es";import{NFormItem as w,NTooltip as R,NButton as j}from"naive-ui";import M from"../../../../annotation-edit/index.js";import"../../../index.js";import P from"../tooltipMessage.vue.js";import{InjectionFormGlobalProps as T,InjectionFormGlobalEmit as O,InjectionFormUUID as S,InjectionFormGraph as E,InjectionAnnotation as L,InjectionAnnotationShortcuts as C,InjectionFormColumnWidth as W}from"../../constants/index.js";import{useComplexOptionsSpan as A}from"../../hooks/useComplexOptions.js";import{validateMessageParser as N,editorUnescape as U}from"../../utils/index.js";import{dotEscape as q,createFieldAddressId as B}from"../../utils/schema.js";import{useFormField as K}from"../../hooks/useFormField.js";const D=b(e({name:"FormRenderItem",props:{label:String,propertyKey:String,remark:String,span:{type:Number,default:6},suffixFields:{type:Array},labelRender:Function,annotation:{},isOptionChildField:Boolean,feedback:String,showFeedback:{type:Boolean,default:void 0},fieldItem:{type:Object},showTooltipFeedback:{type:Boolean,default:!0}},setup(e,{slots:s,attrs:b}){const h=l(T),N=l(O),{field:D,fieldKey:G,fieldAddress:H}=K(),V=l(S),$=t((()=>q(`${V}-${H.value}`))),z=r(!1);if(v(D.value)&&_(e.suffixFields)){const t=l(E);o(c(t,y((()=>{v(D.value)&&_(e.suffixFields)&&(z.value=e.suffixFields.some((e=>{const l=D.value.form.query(e).take();return l&&Reflect.get(l,"required")})))}),100)))}else o(p((()=>{z.value=Reflect.get(D.value,"required")})));const Y=l(L),J=t({get(){var l,t;return null!=(t=null==(l=Y.value)?void 0:l[e.propertyKey])?t:""},set(l){Y.value={property:e.propertyKey,value:l}}}),Q=l(C);const X=t((()=>{var l;const t={color:null==(l=e.fieldItem)?void 0:l.labelColor};return k(b.labelStyle)&&Object.assign(t,b.labelStyle),t})),Z=t((()=>Y.value&&!1!==e.annotation)),ee=t((()=>{var l,t;return g(null==(l=e.fieldItem)?void 0:l.editor_title)&&e.fieldItem.editor_title&&"POPUP_ALERT"===(null==(t=e.fieldItem)?void 0:t.editor_title_mode)})),le=r(!1);const te=t((()=>e.label&&" "!==e.label)),re=t((()=>{let l=0;return Z.value&&(l+=18),e.remark&&(l+=18),ee.value&&(l+=32),l})),oe=l(T,{}),ae=t((()=>{var l;const t=null==(l=e.fieldItem)?void 0:l.bordered;return null==t?oe.bordered:t})),ne=l("n-form",{}),ie=t((()=>{var e,l,t,r;if("left"!==(null!=(l=b.labelPlacement)?l:null==(e=ne.props)?void 0:e.labelPlacement))return"";let o=null!=(r=b.labelWidth)?r:null==(t=ne.props)?void 0:t.labelWidth;return o&&"auto"!==o?(o=parseInt(o+""),isNaN(o)||!x(o)?"":o-12-re.value-(z.value?11:0)):""})),de=t((()=>I(e.labelRender)?"":g(e.label)?e.label:""));function ue(){return te.value?a("section",{class:"form-render__formItemLabel"},[a("span",{class:"form-render__formItemLabel--text",style:{marginRight:f(re.value),maxWidth:f(ie.value)},title:de.value},[I(e.labelRender)?e.labelRender(e.label):e.label]),re.value?a("section",{class:"form-render__formItemLabel--operation"},[e.remark?a("div",{class:"form-render__formItemLabel--tooltip"},[a(P,{message:e.remark},null)]):null,Z.value?a(M,{class:"form-render__formItemLabel--annotation",modelValue:J.value,"onUpdate:modelValue":e=>J.value=e,shortcuts:i(Q)},null):null,ee.value?a(R,{zIndex:3e3,raw:!0,showArrow:!1,trigger:"manual",placement:"top-start",show:le.value,contentStyle:"background-color:white;color:rgb(51, 54, 57);padding:8px;position:relative;"},{trigger:()=>a(j,{onClick:d((()=>le.value=!le.value),["stop","prev"]),text:!0,type:"primary"},{default:()=>[a("span",{style:"display:inline-block;margin-left:4px"},[u("提示")])]}),default:()=>{var l,t;return[a("div",{innerHTML:U(null!=(t=null==(l=e.fieldItem)?void 0:l.editor_title)?t:"")},null),a(j,{text:!0,onClick:()=>le.value=!le.value,style:"position:absolute;right:2px;top:2px;line-height:1;height:12px;transform:scaleY(0.9)"},{default:()=>[u("x")]})]}}):null]):null]):null}const se=t((()=>{let l=re.value;return z.value&&(l+=11),g(e.label)&&(l+=ie.value||m(e.label)),l})),me=l(W),{getSpan:fe}=A();function ve(){var l,t,r,o,a,n,d;const u="inner"===(null==(l=e.fieldItem)?void 0:l.childWidthMode)?e.span:fe(V,D.value.address,!1)+e.span;if("left"!==(null!=(r=b.labelPlacement)?r:null==(t=ne.props)?void 0:t.labelPlacement)||!i(me)||!(null==h?void 0:h.autoWidth)||"INPUT_GROUP"===(null==(a=null==(o=D.value.parent)?void 0:o.component)?void 0:a[0]))return u;if("INPUT_GROUP"===(null==(d=null==(n=D.value.parent)?void 0:n.component)?void 0:d[0]))return u;const s=16+me.value;let m=u*s-16-se.value;const f=x(null==h?void 0:h.autoWidth)?h.autoWidth:120;let v=u;for(;m<f&&v<12;)v++,m+=s;return v}function ce(){var l;return"tooltip"!==(null==h?void 0:h.feedbackType)?null==(l=s.default)?void 0:l.call(s):a(R,{to:"body",trigger:"manual",show:!!e.feedback&&e.showTooltipFeedback,raw:!0,animated:!1,showArrow:!1,placement:"top-start",contentStyle:"background-color:#e88080;color:white;padding:8px;border-radius:4px"},{trigger(){var e;return null==(e=s.default)?void 0:e.call(s)},default:()=>e.feedback})}function pe(){var l,t,r;const o=null==(l=e.fieldItem)?void 0:l.editor_title,n=!(null==(t=e.fieldItem)?void 0:t.editor_title_mode)||"EMBEDDED_FORM"===(null==(r=e.fieldItem)?void 0:r.editor_title_mode);return g(o)&&o&&n?a("section",{style:"display:flex;flex-direction:column;gap:4px"},[ce(),a("div",{innerHTML:U(o)},null)]):ce()}function be(){const e=[D.value.path+""];return D.value.form.query("*").forEach((l=>{(l.address+"").includes(D.value.address+"")&&((l.path+"").includes(D.value.path+"")||e.push(l.path+""))})),e}const he=t({get:()=>!(!(null==h?void 0:h.selectMode)||!_(null==h?void 0:h.selectedFields))&&h.selectedFields.includes(D.value.path+""),set(e){if(!_(null==h?void 0:h.selectedFields))return;let l=[...h.selectedFields];e?(l.push(...be()),l=F(l)):be().forEach((e=>{const t=l.indexOf(e);t>-1&&l.splice(t,1)})),null==N||N("update:selectedFields",l)}}),ye=t((()=>(null==h?void 0:h.selectMode)&&!(D.value.parent&&"LINEBAR"!==D.value.parent.componentType)));function ge(){(null==h?void 0:h.selectMode)&&(he.value=!he.value)}const _e=t((()=>e.isOptionChildField?!!e.feedback&&" "!==e.feedback&&e.showFeedback:e.showFeedback));return()=>a(w,n({class:["form-render__formItem",{"form-render--no-border":!ae.value,"form-render--underline":"underline"===ae.value,"form-render__formItemMask":ye.value,"form-render__formItemMask--selected":ye.value&&he.value}],style:{"--form-item-column":ve()},showFeedback:_e.value,feedback:"tooltip"===(null==h?void 0:h.feedbackType)?"":e.feedback,labelStyle:X.value},{id:$.value,uuid:V,onClick:ge,"widget-type":D.value.componentType,"field-key":q(G.value),"field-address":B(H.value),required:z.value}),{...s,default:pe,label:ue})}}),h({title:"label"},((e,l)=>{const t=v(l)?void 0:s(l.selfErrors).length?function(e,l){if(!g(l.defined_error_msg)||!l.defined_error_msg)return e.map((e=>N(e,l))).join(",");return N(l.defined_error_msg,l)}(s(l.selfErrors),e.fieldItem):void 0;return{...e,fieldItem:void 0,feedback:t,"validation-status":t?"error":void 0}})));export{D as FORM_ITEM};
|
@@ -676,6 +676,7 @@ declare const InfoHeader: SFCWithInstall<import("vue").DefineComponent<{
|
|
676
676
|
};
|
677
677
|
SchemaField: import("vue").Component;
|
678
678
|
formRenderRef: import("vue").Ref<import("..").FormRenderExpose | undefined>;
|
679
|
+
setEdit: (v: boolean) => void;
|
679
680
|
onItemDblclick: (item: Partial<{
|
680
681
|
[K: string]: any;
|
681
682
|
slot: string | import("vue").Component | ((payload: {
|
@@ -671,6 +671,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
671
671
|
};
|
672
672
|
SchemaField: import("vue").Component;
|
673
673
|
formRenderRef: import("vue").Ref<FormRenderExpose | undefined>;
|
674
|
+
setEdit: (v: boolean) => void;
|
674
675
|
onItemDblclick: (item: Partial<{
|
675
676
|
[K: string]: any;
|
676
677
|
slot: string | import("vue").Component | ((payload: {
|
@@ -40,6 +40,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
40
40
|
};
|
41
41
|
SchemaField: import("vue").Component;
|
42
42
|
formRenderRef: import("vue").Ref<import("../../../../../components/form-render").FormRenderExpose | undefined>;
|
43
|
+
setEdit: (v: boolean) => void;
|
43
44
|
onItemDblclick: (item: InfoHeaderTypes.InfoItem) => Promise<void>;
|
44
45
|
onItemClick: (item: InfoHeaderTypes.InfoItem) => Promise<void>;
|
45
46
|
collector: import("../../../../../components/form-render").BusinessCollector | undefined;
|
@@ -1 +1 @@
|
|
1
|
-
import{defineComponent as e,inject as t,
|
1
|
+
import{defineComponent as e,inject as t,watch as o,computed as n,openBlock as l,createElementBlock as i,createBlock as r,unref as m,normalizeStyle as d,Fragment as s,withDirectives as a,createElementVNode as c,vShow as f,createCommentVNode as u}from"vue";import{isField as p}from"@formily/core";import{useForm as y}from"@formily/vue";import{isFunction as v}from"lodash-es";import{pauseTracking as I,enableTracking as h}from"@vue/reactivity";import"../../../../form-render/index.js";import{InjectionSchemaField as F,InjectionBusinessCollector as w}from"../../../../form-render/src/constants/index.js";import{InjectionInfoHeaderFormRef as b}from"../../constants/index.js";import k from"./HiddenContent.vue.js";import P from"./InfoEllipsis.vue.js";import x from"../../../../../shared/components/SlotRender/SlotRender.js";import{useFieldListAdaptor as j}from"../../../../form-render/src/hooks/useFieldListAdaptor.js";import{createObjSchema as S}from"../../../../form-render/src/utils/schema.js";const g={key:0};var W=e({__name:"DescriptionItem",props:{infoItem:{default:()=>({})},labelField:{default:"label"},valueField:{default:"value"},width:null,rootSlot:null,encrypted:{type:Boolean}},setup(e){const W=e,_=t(F,{render:()=>null}),B=t(b);function E(e){W.infoItem.edit=e}async function q(e){var t,o,n;if(!e.formField||e.edit)return;E(!0);const l=await(null==(t=B.value)?void 0:t.queryWidget(e[W.labelField]));l&&(null==(o=l.widgetElement)||o.focus(),null==(n=l.widgetElement)||n.click())}o((()=>W.infoItem.edit),(e=>{var t;null==(t=B.value)||t.setFieldState(W.infoItem[W.labelField],(t=>{t.decoratorProps.showTooltipFeedback=!!e}))}),{immediate:!0});const A=t(w,void 0),{schemaAdaptor:C}=j(A),D=y(),L=n((()=>{var e,t,o;const n=W.infoItem.formField;if(!n)return{};const l=W.infoItem[W.labelField],i={...n,html_type:null!=(e=n.html_type)?e:"INPUT",val_key:l,decoratorProps:{showLabel:!1,...n.decoratorProps,style:{marginBottom:"-12px"}},componentProps:{size:"tiny",clearable:!0,...n.componentProps,style:{fontWeight:(null==(t=W.infoItem)?void 0:t.bold)?700:500,...null==(o=n.componentProps)?void 0:o.style},async onBlur(e){var t;if(D&&D.value)try{const o=D.value.query(l).take();await(o&&p(o)&&o.validate()),E(!1),v(null==(t=n.componentProps)?void 0:t.onBlur)&&n.componentProps.onBlur(e)}catch(e){}}}};I(),i.default_val=W.infoItem[W.valueField],h();const r=C([i]);return S(r)}));o((()=>W.width),(e=>{var t;e&&W.infoItem.formField&&(null==(t=B.value)||t.setFieldState(W.infoItem[W.labelField],(t=>{t.componentProps&&(t.componentProps.style={...t.componentProps.style,maxWidth:e+"px"})})))}));const R=n((()=>({fontWeight:W.infoItem.bold?700:500,...W.infoItem.contentStyle}))),T=n((()=>{const{bold:e,contentStyle:t}=W.infoItem,o=W.width+"px";return{width:o,maxWidth:o,fontWeight:e?700:500,...t}})),z=n((()=>["电话","身份证"].some((e=>{var t,o;return null==(o=null==(t=W.infoItem[W.labelField])?void 0:t.includes)?void 0:o.call(t,e)}))));return(t,o)=>(l(),i("section",{onDblclick:o[0]||(o[0]=t=>q(e.infoItem)),onClick:o[1]||(o[1]=t=>async function(e){e.formField&&!e[W.valueField]&&0!==e[W.valueField]&&q(e)}(e.infoItem))},[e.infoItem.slot?(l(),r(m(x),{key:0,renderer:e.infoItem.slot,"root-slots":e.rootSlot,item:e.infoItem,style:d(m(R)),width:e.width},null,8,["renderer","root-slots","item","style","width"])):(l(),i(s,{key:1},[a(c("section",null,[m(z)?(l(),r(k,{key:0,content:e.infoItem[e.valueField],tip:e.infoItem.tip,"content-style":m(R),width:e.width,encrypted:e.encrypted},null,8,["content","tip","content-style","width","encrypted"])):(l(),r(P,{key:1,"content-style":m(T),content:e.infoItem[e.valueField],tip:e.infoItem.tip},null,8,["content-style","content","tip"]))],512),[[f,!e.infoItem.edit||!e.infoItem.formField]]),e.infoItem.formField?a((l(),i("section",g,[(l(),r(m(_),{schema:m(L),key:e.infoItem[e.labelField]},null,8,["schema"]))],512)),[[f,e.infoItem.edit]]):u("v-if",!0)],64))],32))}});export{W as default};
|
@@ -94,6 +94,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
94
94
|
};
|
95
95
|
SchemaField: import("vue").Component;
|
96
96
|
formRenderRef: import("vue").Ref<import("../../../..").FormRenderExpose | undefined>;
|
97
|
+
setEdit: (v: boolean) => void;
|
97
98
|
onItemDblclick: (item: Partial<{
|
98
99
|
[K: string]: any;
|
99
100
|
slot: string | import("vue").Component | ((payload: {
|
@@ -166,6 +166,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
166
166
|
};
|
167
167
|
SchemaField: import("vue").Component;
|
168
168
|
formRenderRef: import("vue").Ref<import("../../../../../components/form-render").FormRenderExpose | undefined>;
|
169
|
+
setEdit: (v: boolean) => void;
|
169
170
|
onItemDblclick: (item: Partial<{
|
170
171
|
[K: string]: any;
|
171
172
|
slot: string | import("vue").Component | ((payload: {
|
@@ -1 +1 @@
|
|
1
|
-
var e="@cnhis-design-vue/shared",i="3.2.7-beta.
|
1
|
+
var e="@cnhis-design-vue/shared",i="3.2.7-beta.24",s="index.ts",n={"naive-ui":"^2.30.0",vue:"^3.2.0"},a={"@vicons/ionicons5":"^0.12.0","lodash-es":"^4.17.21",moment:"^2.29.1","video.js":"^7.19.2","videojs-contrib-hls":"^5.15.0",viewerjs:"^1.10.5","xe-utils":"^3.5.4"},d={name:e,version:"3.2.7-beta.24",private:!0,main:"index.ts",peerDependencies:n,dependencies:a};export{d as default,a as dependencies,s as main,e as name,n as peerDependencies,i as version};
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "cnhis-design-vue",
|
3
|
-
"version": "3.2.7-beta.
|
3
|
+
"version": "3.2.7-beta.24",
|
4
4
|
"license": "ISC",
|
5
5
|
"module": "./es/components/index.js",
|
6
6
|
"main": "./es/components/index.js",
|
@@ -72,5 +72,5 @@
|
|
72
72
|
"iOS 7",
|
73
73
|
"last 3 iOS versions"
|
74
74
|
],
|
75
|
-
"gitHead": "
|
75
|
+
"gitHead": "851918dafe9c5d6c60dbfaf563352c4cbbefb01b"
|
76
76
|
}
|