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

package/es/components/form-render/src/components/renderer/select.d.ts

@@ -28,6 +28,10 @@ export declare const SELECT: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    aliasField: {
+        type: StringConstructor;
+        default: string;
+    };
     allowCreate: BooleanConstructor;
     shouldSave: BooleanConstructor;
     allowModify: BooleanConstructor;
@@ -91,6 +95,9 @@ export declare const SELECT: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    multiple: {
+        type: BooleanConstructor;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:value" | "postRecommend")[], "update:value" | "postRecommend", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: {
         type: PropType<ArrayAble<string | number> | null>;
@@ -116,6 +123,10 @@ export declare const SELECT: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    aliasField: {
+        type: StringConstructor;
+        default: string;
+    };
     allowCreate: BooleanConstructor;
     shouldSave: BooleanConstructor;
     allowModify: BooleanConstructor;
@@ -179,11 +190,15 @@ export declare const SELECT: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    multiple: {
+        type: BooleanConstructor;
+    };
 }>> & {
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
     onPostRecommend?: ((...args: any[]) => any) | undefined;
 }, {
     options: AnyObject[];
+    multiple: boolean;
     labelField: string;
     valueField: string;
     allowModify: boolean;
@@ -195,5 +210,6 @@ export declare const SELECT: import("vue").DefineComponent<{
     recentNum: number;
     allowCreate: boolean;
     useLoading: boolean;
+    aliasField: string;
     shouldSave: boolean;
 }>;

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 t,useAttrs as o,ref as a,createVNode as u,mergeProps as n,toRaw as r,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 g}from"../../hooks/useComplexOptions.js";import{InjectionChangeContextCollector as b,InjectionFormUUID as S}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,NTag as w}from"naive-ui";import"date-fns";import{assignUpdateValue as B,assignClearBindVisited as x,createVisitedSetter as O}from"../../utils/schema.js";import{useFormField as A}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 H,mapProps as L}from"@formily/vue";import"./index.js";import{useUrlConfigOptions as P,useAutographOptions as E,useRecommendOptions as K,searchContentMatcher as R}from"../../hooks/useFormRenderOptions.js";const V=H(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"},aliasField:{type:String,default:"alias"},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},multiple:{type:Boolean}},emits:["update:value","postRecommend"],setup(e,{slots:B,emit:x}){const H=l({get:()=>e.value,async set(e){x("update:value",e),G(e)}}),L=l((()=>(e.multiple&&e.allowModify&&console.warn("多选模式下不支持allowModify"),!e.multiple&&e.allowModify))),{labelKey:V,valueKey:_,fetchData:I,searchContent:N,fullOptions:M,filterOptions:W,remoteOptions:q,loading:U}=e.urlConfig?P(e,H):E(e,H),{renderComplexOption:z,hasComplexOption:D}=j(e,H),{getRecommend:T,postRecommend:G,sortedOptions:J}=K(e,W,x,V,_),{field:Q,fieldKey:X}=A();t(b).setContext(X.value,(e=>({currentOption:m(function(e){const l=ue(M.value);return d(e)?function(e){const t=l.reduce(((e,l)=>(e[l[_.value]]=l,e)),{});return e.map((e=>t[e]))}(e):(t=e,l.find((e=>e[_.value]===t)));var t}(e))})));const Y=async(e="")=>(N.value=e,Promise.allSettled([I(e),T(e)])),{injectValueValidate:Z,injectValueWatchFromEmpty:$,injectValueBindKey:ee}=y();$(H,Y),Z(H);const le=ee(H),{menuProps:te,nodeProps:oe}=h();function ae(e){const l=e[V.value];if(!l||!c(l))return"";const t=N.value?R(N.value,l):null,o=t?u("section",null,[t.map(((e,l)=>0!==l&&e?u("span",{style:{color:l%2==0?"var(--n-option-text-color-active)":""}},[e]):null))]):l;return e.desc?u("section",{style:{display:"flex",alignItems:"center",gap:"4px"}},[o,e.desc?u(k,null,{trigger:()=>u(F,{component:p},null),default:()=>e.desc}):null]):o}function ue(l){return e.allowCreate&&N.value&&!l.some((e=>e[V.value]===N.value))?[...l,{[V.value]:N.value,[_.value]:N.value,created:!0,shouldSave:e.shouldSave}]:l}const ne=l((()=>ue(L.value?M.value:J.value))),re=o(),se=l((()=>{if(e.allowCreate)return H.value;const l=re.multiple&&d(H.value);return M.value.find((e=>l?H.value.includes(e[_.value]):e[_.value]===H.value))?H.value:null})),ie=a(!1);async function pe(e){e&&await Y(),ie.value=e}let me=null;async function de(e,l){H.value=e,me&&v(l)&&L.value&&(me.focus(),await s(),me.value=l[V.value]||"",me.dispatchEvent(new CustomEvent("input"))),q.value&&l&&i(l).forEach((e=>{if(!v(e))return;const l=e;l.created&&l.shouldSave&&q.value.push(f(r(l),["created","shouldSave"]))}))}const ce=t(S),{getSpan:ve}=g(),fe=O(Q,(async e=>{var l,t;L.value&&(me=e.target,me&&H.value&&(await s(),me.value=null!=(t=null==(l=M.value.find((e=>e[_.value]===H.value)))?void 0:l[V.value])?t:"",me.dispatchEvent(new CustomEvent("input"))))}));function ye(e){if(!L.value)return;if(me=e.target,!me)return;if(!me.value)return H.value=null;const l=M.value.find((e=>e[V.value]===me.value));l?H.value=l[_.value]:(N.value=me.value,H.value=me.value)}function he({option:l,handleClose:t}){var o;const a=null!=(o=l[e.aliasField])?o:l[V.value];return d(e.value)?u(w,{closable:!0,onClose:e=>{e.stopPropagation(),t()}},{default:()=>a}):a}function je(l){return u(C,n({key:le.value,multiple:e.multiple,remote:!0,filterable:!0,loading:U.value,value:se.value,onUpdateValue:de,"menu-props":te,"node-props":oe,labelField:V.value,valueField:_.value,options:ne.value,onSearch:Y,show:ie.value,"onUpdate:show":pe,onFocus:fe,onBlur:ye,renderLabel:ae,renderTag:he},l,re),B)}return()=>{var e,l;if(!D.value)return je();const t=null!=(l=null==(e=Q.value.decoratorProps)?void 0:e.span)?l:6,o=ve(ce,Q.value.address);return u("section",{class:"form-render__selectChildField",style:{"--column":o+t}},[je({class:"form-render__selectChildFieldItem",style:{"--form-item-column":t}}),M.value.map((e=>z({option:e,value:H.value,valueKey:_.value,labelKey:V.value,childFieldStrategy:"checked",renderLabel:!1,attrs:{class:"form-render__selectChildFieldItem",style:{"--form-item-column":o}}})))])}}}),L({dataSource:"options"},B,x));export{V 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.19",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.19",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.19",
 	"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": "39593e22c7b1904bc7967b9cf91d0df90d6ff8af"
 }