cnhis-design-vue 3.1.49-beta.17 → 3.1.49-beta.18

package/es/components/form-render/src/components/renderer/select.js

@@ -1 +1 @@
-import{defineComponent as e,computed as l,inject as t,useAttrs as o,ref as a,createVNode as r,mergeProps as u,toRaw as n,nextTick as s}from"vue";import{arrayed as i}from"../../../../../shared/utils/index.js";import{HelpCircleSharp as p}from"@vicons/ionicons5";import{cloneDeep as m,isArray as c,isString as d,isObject as v,omit as f}from"lodash-es";import{useCommonInjection as y,useSelectOptionProps as h}from"../../hooks/useCommonInjection.js";import{useComplexOptions as j,useComplexOptionsSpan as b}from"../../hooks/useComplexOptions.js";import{InjectionChangeContextCollector as S,InjectionFormUUID as g}from"../../constants/index.js";import"../../../index.js";import"@formily/core";import"@formily/path";import"@vue/shared";import"@vueuse/core";import{NSelect as C,NTooltip as k,NIcon as F}from"naive-ui";import"date-fns";import{assignUpdateValue as w,assignClearBindVisited as x,createVisitedSetter as B}from"../../utils/schema.js";import{useFormField as O}from"../../hooks/useFormField.js";import"../../../../../shared/utils/tapable/SyncHook.js";import"../../../../../shared/utils/tapable/SyncBailHook.js";import"../../../../../shared/utils/tapable/SyncWaterfallHook.js";import"../../../../../shared/utils/tapable/SyncLoopHook.js";import"../../../../../shared/utils/tapable/AsyncParallelHook.js";import"../../../../../shared/utils/tapable/AsyncParallelBailHook.js";import"../../../../../shared/utils/tapable/AsyncSeriesHook.js";import"../../../../../shared/utils/tapable/AsyncSeriesBailHook.js";import"../../../../../shared/utils/tapable/AsyncSeriesLoopHook.js";import"../../../../../shared/utils/tapable/AsyncSeriesWaterfallHook.js";import"../../hooks/useFormValidator.js";import{connect as A,mapProps as H}from"@formily/vue";import"./index.js";import{useUrlConfigOptions as L,useAutographOptions as E,useRecommendOptions as K,searchContentMatcher as P}from"../../hooks/useFormRenderOptions.js";const R=A(e({name:"FormSelect",props:{value:{type:[String,Array,Number]},lazyRequest:{type:Boolean,default:!0},requestCache:{type:Boolean,default:!0},options:{type:Array,default:()=>[]},onChange:{},labelField:{type:String,default:"text"},valueField:{type:String,default:"value"},allowCreate:Boolean,shouldSave:Boolean,allowModify:Boolean,urlConfig:{type:Object},autograph:{type:String},wordbook:{type:Object},recommend:{type:Boolean,default:!1},commonList:{type:Array},recentList:{type:Array},getRecommendInfo:{type:Function},commonNum:{type:Number,default:10},recentNum:{type:Number,default:10},recommendCache:{type:Boolean,default:!1},useLoading:{type:Boolean,default:!0}},emits:["update:value","postRecommend"],setup(e,{slots:w,emit:x}){const A=l({get:()=>e.value,async set(e){x("update:value",e),D(e)}}),{labelKey:H,valueKey:R,fetchData:V,searchContent:_,fullOptions:I,filterOptions:N,remoteOptions:W,loading:q}=e.urlConfig?L(e,A):E(e,A),{renderComplexOption:M,hasComplexOption:U}=j(e,A),{getRecommend:z,postRecommend:D,sortedOptions:G}=K(e,N,x,H,R),{field:J,fieldKey:Q}=O();t(S).setContext(Q.value,(e=>({currentOption:m(function(e){const l=oe(I.value);return c(e)?function(e){const t=l.reduce(((e,l)=>(e[l[R.value]]=l,e)),{});return e.map((e=>t[e]))}(e):(t=e,l.find((e=>e[R.value]===t)));var t}(e))})));const T=async(e="")=>(_.value=e,Promise.allSettled([V(e),z(e)])),{injectValueValidate:X,injectValueWatchFromEmpty:Y,injectValueBindKey:Z}=y();Y(A,T),X(A);const $=Z(A),{menuProps:ee,nodeProps:le}=h();function te(e){const l=e.alias||e[H.value];if(!l||!d(l))return"";const t=_.value?P(_.value,l):null,o=t?r("section",null,[t.map(((e,l)=>0!==l&&e?r("span",{style:{color:l%2==0?"var(--n-option-text-color-active)":""}},[e]):null))]):l;return e.desc?r("section",{style:{display:"flex",alignItems:"center",gap:"4px"}},[o,e.desc?r(k,null,{trigger:()=>r(F,{component:p},null),default:()=>e.desc}):null]):o}function oe(l){return e.allowCreate&&_.value&&!l.some((e=>e[H.value]===_.value))?[...l,{[H.value]:_.value,[R.value]:_.value,created:!0,shouldSave:e.shouldSave}]:l}const ae=l((()=>oe(e.allowModify?I.value:G.value))),re=o(),ue=l((()=>{if(e.allowCreate)return A.value;const l=re.multiple&&c(A.value);return I.value.find((e=>l?A.value.includes(e[R.value]):e[R.value]===A.value))?A.value:null})),ne=a(!1);async function se(e){e&&await T(),ne.value=e}let ie=null;async function pe(e,l){A.value=e,ie&&v(l)&&(ie.focus(),await s(),ie.value=l[H.value]||"",ie.dispatchEvent(new CustomEvent("input"))),W.value&&l&&i(l).forEach((e=>{if(!v(e))return;const l=e;l.created&&l.shouldSave&&W.value.push(f(n(l),["created","shouldSave"]))}))}const me=t(g),{getSpan:ce}=b(),de=B(J,(async e=>{var l,t;ie=e.target,ie&&A.value&&(await s(),ie.value=null!=(t=null==(l=I.value.find((e=>e[R.value]===A.value)))?void 0:l[H.value])?t:"",ie.dispatchEvent(new CustomEvent("input")))}));function ve(e){if(ie=e.target,!ie)return;if(!ie.value)return A.value=null;const l=I.value.find((e=>e[H.value]===ie.value));l?A.value=l[R.value]:(_.value=ie.value,A.value=ie.value)}function fe(e){return r(C,u({key:$.value,remote:!0,filterable:!0,loading:q.value,value:ue.value,onUpdateValue:pe,"menu-props":ee,"node-props":le,labelField:H.value,valueField:R.value,options:ae.value,onSearch:T,show:ne.value,"onUpdate:show":se,onFocus:de,onBlur:ve,renderLabel:te},e,re),w)}return()=>{var e,l;if(!U.value)return fe();const t=null!=(l=null==(e=J.value.decoratorProps)?void 0:e.span)?l:6,o=ce(me,J.value.address);return r("section",{class:"form-render__selectChildField",style:{"--column":o+t}},[fe({class:"form-render__selectChildFieldItem",style:{"--form-item-column":t}}),I.value.map((e=>M({option:e,value:A.value,valueKey:R.value,labelKey:H.value,childFieldStrategy:"checked",renderLabel:!1,attrs:{class:"form-render__selectChildFieldItem",style:{"--form-item-column":o}}})))])}}}),H({dataSource:"options"},w,x));export{R as SELECT};
+import{defineComponent as e,computed as l,inject as o,useAttrs as t,ref as a,createVNode as r,mergeProps as u,toRaw as n,nextTick as s}from"vue";import{arrayed as i}from"../../../../../shared/utils/index.js";import{HelpCircleSharp as p}from"@vicons/ionicons5";import{cloneDeep as m,isArray as d,isString as c,isObject as v,omit as f}from"lodash-es";import{useCommonInjection as y,useSelectOptionProps as h}from"../../hooks/useCommonInjection.js";import{useComplexOptions as j,useComplexOptionsSpan as b}from"../../hooks/useComplexOptions.js";import{InjectionChangeContextCollector as S,InjectionFormUUID as g}from"../../constants/index.js";import"../../../index.js";import"@formily/core";import"@formily/path";import"@vue/shared";import"@vueuse/core";import{NSelect as C,NTooltip as k,NIcon as w}from"naive-ui";import"date-fns";import{assignUpdateValue as F,assignClearBindVisited as x,createVisitedSetter as B}from"../../utils/schema.js";import{useFormField as O}from"../../hooks/useFormField.js";import"../../../../../shared/utils/tapable/SyncHook.js";import"../../../../../shared/utils/tapable/SyncBailHook.js";import"../../../../../shared/utils/tapable/SyncWaterfallHook.js";import"../../../../../shared/utils/tapable/SyncLoopHook.js";import"../../../../../shared/utils/tapable/AsyncParallelHook.js";import"../../../../../shared/utils/tapable/AsyncParallelBailHook.js";import"../../../../../shared/utils/tapable/AsyncSeriesHook.js";import"../../../../../shared/utils/tapable/AsyncSeriesBailHook.js";import"../../../../../shared/utils/tapable/AsyncSeriesLoopHook.js";import"../../../../../shared/utils/tapable/AsyncSeriesWaterfallHook.js";import"../../hooks/useFormValidator.js";import{connect as A,mapProps as H}from"@formily/vue";import"./index.js";import{useUrlConfigOptions as L,useAutographOptions as E,useRecommendOptions as K,searchContentMatcher as P}from"../../hooks/useFormRenderOptions.js";const R=A(e({name:"FormSelect",props:{value:{type:[String,Array,Number]},lazyRequest:{type:Boolean,default:!0},requestCache:{type:Boolean,default:!0},options:{type:Array,default:()=>[]},onChange:{},labelField:{type:String,default:"text"},valueField:{type:String,default:"value"},allowCreate:Boolean,shouldSave:Boolean,allowModify:Boolean,urlConfig:{type:Object},autograph:{type:String},wordbook:{type:Object},recommend:{type:Boolean,default:!1},commonList:{type:Array},recentList:{type:Array},getRecommendInfo:{type:Function},commonNum:{type:Number,default:10},recentNum:{type:Number,default:10},recommendCache:{type:Boolean,default:!1},useLoading:{type:Boolean,default:!0}},emits:["update:value","postRecommend"],setup(e,{slots:F,emit:x}){const A=l({get:()=>e.value,async set(e){x("update:value",e),D(e)}}),{labelKey:H,valueKey:R,fetchData:V,searchContent:_,fullOptions:I,filterOptions:M,remoteOptions:N,loading:W}=e.urlConfig?L(e,A):E(e,A),{renderComplexOption:q,hasComplexOption:U}=j(e,A),{getRecommend:z,postRecommend:D,sortedOptions:G}=K(e,M,x,H,R),{field:J,fieldKey:Q}=O();o(S).setContext(Q.value,(e=>({currentOption:m(function(e){const l=te(I.value);return d(e)?function(e){const o=l.reduce(((e,l)=>(e[l[R.value]]=l,e)),{});return e.map((e=>o[e]))}(e):(o=e,l.find((e=>e[R.value]===o)));var o}(e))})));const T=async(e="")=>(_.value=e,Promise.allSettled([V(e),z(e)])),{injectValueValidate:X,injectValueWatchFromEmpty:Y,injectValueBindKey:Z}=y();Y(A,T),X(A);const $=Z(A),{menuProps:ee,nodeProps:le}=h();function oe(e){const l=e.alias||e[H.value];if(!l||!c(l))return"";const o=_.value?P(_.value,l):null,t=o?r("section",null,[o.map(((e,l)=>0!==l&&e?r("span",{style:{color:l%2==0?"var(--n-option-text-color-active)":""}},[e]):null))]):l;return e.desc?r("section",{style:{display:"flex",alignItems:"center",gap:"4px"}},[t,e.desc?r(k,null,{trigger:()=>r(w,{component:p},null),default:()=>e.desc}):null]):t}function te(l){return e.allowCreate&&_.value&&!l.some((e=>e[H.value]===_.value))?[...l,{[H.value]:_.value,[R.value]:_.value,created:!0,shouldSave:e.shouldSave}]:l}const ae=l((()=>te(e.allowModify?I.value:G.value))),re=t(),ue=l((()=>{if(e.allowCreate)return A.value;const l=re.multiple&&d(A.value);return I.value.find((e=>l?A.value.includes(e[R.value]):e[R.value]===A.value))?A.value:null})),ne=a(!1);async function se(e){e&&await T(),ne.value=e}let ie=null;async function pe(l,o){A.value=l,ie&&v(o)&&e.allowModify&&(ie.focus(),await s(),ie.value=o[H.value]||"",ie.dispatchEvent(new CustomEvent("input"))),N.value&&o&&i(o).forEach((e=>{if(!v(e))return;const l=e;l.created&&l.shouldSave&&N.value.push(f(n(l),["created","shouldSave"]))}))}const me=o(g),{getSpan:de}=b(),ce=B(J,(async l=>{var o,t;e.allowModify&&(ie=l.target,ie&&A.value&&(await s(),ie.value=null!=(t=null==(o=I.value.find((e=>e[R.value]===A.value)))?void 0:o[H.value])?t:"",ie.dispatchEvent(new CustomEvent("input"))))}));function ve(l){if(!e.allowModify)return;if(ie=l.target,!ie)return;if(!ie.value)return A.value=null;const o=I.value.find((e=>e[H.value]===ie.value));o?A.value=o[R.value]:(_.value=ie.value,A.value=ie.value)}function fe(e){return r(C,u({key:$.value,remote:!0,filterable:!0,loading:W.value,value:ue.value,onUpdateValue:pe,"menu-props":ee,"node-props":le,labelField:H.value,valueField:R.value,options:ae.value,onSearch:T,show:ne.value,"onUpdate:show":se,onFocus:ce,onBlur:ve,renderLabel:oe},e,re),F)}return()=>{var e,l;if(!U.value)return fe();const o=null!=(l=null==(e=J.value.decoratorProps)?void 0:e.span)?l:6,t=de(me,J.value.address);return r("section",{class:"form-render__selectChildField",style:{"--column":t+o}},[fe({class:"form-render__selectChildFieldItem",style:{"--form-item-column":o}}),I.value.map((e=>q({option:e,value:A.value,valueKey:R.value,labelKey:H.value,childFieldStrategy:"checked",renderLabel:!1,attrs:{class:"form-render__selectChildFieldItem",style:{"--form-item-column":t}}})))])}}}),H({dataSource:"options"},F,x));export{R as SELECT};

package/es/shared/package.json.js

@@ -1 +1 @@
-var e="@cnhis-design-vue/shared",i="3.1.49-beta.17",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.1.49-beta.17",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};
+var e="@cnhis-design-vue/shared",i="3.1.49-beta.18",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.1.49-beta.18",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

@@ -1,6 +1,6 @@
 {
 	"name": "cnhis-design-vue",
-	"version": "3.1.49-beta.17",
+	"version": "3.1.49-beta.18",
 	"license": "ISC",
 	"module": "./es/components/index.js",
 	"main": "./es/components/index.js",
@@ -63,5 +63,5 @@
 		"iOS 7",
 		"last 3 iOS versions"
 	],
-	"gitHead": "55bef46d5b4a7a746534b03f534f6f5e71dd8bd5"
+	"gitHead": "a8f7d7cdca3113620c2a7b0dbaf062673dfc51cc"
 }