cnhis-design-vue 3.1.46-beta.33 → 3.1.46-beta.35

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.
Files changed (37) hide show
  1. package/es/components/form-config/index.d.ts +2 -2
  2. package/es/components/form-config/src/FormConfig.vue.d.ts +2 -2
  3. package/es/components/form-config/src/components/FormConfigCreator.vue.d.ts +1 -1
  4. package/es/components/form-config/src/components/FormConfigEdit.vue.d.ts +1 -1
  5. package/es/components/form-render/index.d.ts +1 -1
  6. package/es/components/form-render/src/FormRender.vue.d.ts +1 -1
  7. package/es/components/form-render/src/FormRenderWrapper.vue.d.ts +1 -1
  8. package/es/components/form-render/src/components/renderer/levelSearchCascader.js +1 -1
  9. package/es/components/form-render/src/hooks/useFormEvent.d.ts +1 -1
  10. package/es/components/form-render/src/hooks/useFormEvent.js +1 -1
  11. package/es/components/iho-table/src/plugins/keyboardEventPlugin/index.js +1 -1
  12. package/es/components/iho-table/src/plugins/operationalFormPlugin/index.js +1 -1
  13. package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/selectRendererPlugin/editSelect.js +1 -1
  14. package/es/components/iho-table/src/types/index.d.ts +3 -2
  15. package/es/components/iho-table/src/utils/index.d.ts +1 -1
  16. package/es/components/iho-table/src/utils/index.js +1 -1
  17. package/es/components/index.css +1 -1
  18. package/es/components/info-header/index.d.ts +2 -2
  19. package/es/components/info-header/src/InfoHeader.vue.d.ts +2 -2
  20. package/es/components/info-header/src/components/infoDescription/index.vue.d.ts +1 -1
  21. package/es/components/info-header/src/components/patientInfo/index.vue.d.ts +1 -1
  22. package/es/components/search-cascader/src/SearchCascader.vue2.js +1 -1
  23. package/es/components/search-cascader/src/components/SearchMenu.js +1 -1
  24. package/es/components/select-person/index.d.ts +6 -1
  25. package/es/components/select-person/src/SearchMultiple.vue2.js +1 -1
  26. package/es/components/select-person/src/SearchOrgAndStaff.vue2.js +1 -1
  27. package/es/components/select-person/src/SelectPerson.vue.d.ts +3 -1
  28. package/es/components/select-person/src/SelectPerson.vue2.js +1 -1
  29. package/es/components/select-person/style/index.css +1 -1
  30. package/es/components/shortcut-setter/index.d.ts +1 -1
  31. package/es/components/shortcut-setter/src/ShortcutSetter.vue.d.ts +1 -1
  32. package/es/components/steps-wheel/index.d.ts +16 -0
  33. package/es/components/steps-wheel/src/StepsWheel.vue.d.ts +16 -0
  34. package/es/components/steps-wheel/src/StepsWheel.vue2.js +1 -1
  35. package/es/components/steps-wheel/style/index.css +1 -1
  36. package/es/shared/package.json.js +1 -1
  37. package/package.json +2 -2
@@ -2911,7 +2911,7 @@ declare const _default: import("vue").DefineComponent<{
2911
2911
  "x-read-pretty"?: boolean | undefined;
2912
2912
  "x-compile-omitted"?: string[] | undefined;
2913
2913
  }>>;
2914
- onKeydown: (event: KeyboardEvent) => void;
2914
+ onKeydown: (event: KeyboardEvent) => Promise<void>;
2915
2915
  clearSpan: (uuid: string) => void;
2916
2916
  exposeEvent: {
2917
2917
  validate(path?: string): Promise<void>;
@@ -3798,7 +3798,7 @@ declare const _default: import("vue").DefineComponent<{
3798
3798
  "x-read-pretty"?: boolean | undefined;
3799
3799
  "x-compile-omitted"?: string[] | undefined;
3800
3800
  }>>;
3801
- onKeydown: (event: KeyboardEvent) => void;
3801
+ onKeydown: (event: KeyboardEvent) => Promise<void>;
3802
3802
  clearSpan: (uuid: string) => void;
3803
3803
  exposeEvent: {
3804
3804
  validate(path?: string): Promise<void>;
@@ -2484,7 +2484,7 @@ declare const _default: import("vue").DefineComponent<{
2484
2484
  "x-read-pretty"?: boolean | undefined;
2485
2485
  "x-compile-omitted"?: string[] | undefined;
2486
2486
  }>>;
2487
- onKeydown: (event: KeyboardEvent) => void;
2487
+ onKeydown: (event: KeyboardEvent) => Promise<void>;
2488
2488
  clearSpan: (uuid: string) => void;
2489
2489
  exposeEvent: {
2490
2490
  validate(path?: string): Promise<void>;
@@ -496,7 +496,7 @@ declare const _default: import("vue").DefineComponent<{
496
496
  "x-read-pretty"?: boolean | undefined;
497
497
  "x-compile-omitted"?: string[] | undefined;
498
498
  }>>;
499
- onKeydown: (event: KeyboardEvent) => void;
499
+ onKeydown: (event: KeyboardEvent) => Promise<void>;
500
500
  clearSpan: (uuid: string) => void;
501
501
  exposeEvent: {
502
502
  validate(path?: string): Promise<void>;
@@ -1 +1 @@
1
- import{defineComponent as e,computed as a,provide as l,ref as t,nextTick as o,watch as r,openBlock as u,createBlock as n,unref as s,isRef as i,normalizeStyle as c,withCtx as v,createVNode as d,createElementVNode as p,renderSlot as f}from"vue";import{useTheme as h}from"../../../shared/hooks/useTheme.js";import{useDebounceFn as y,useEventBus as m,useVModel as g,onClickOutside as b}from"@vueuse/core";import"date-fns";import{isString as w,isArray as k,isObject as S,isFunction as K}from"lodash-es";import{uuidGenerator as _}from"../../../shared/utils/index.js";import{NOOP as N}from"@vue/shared";import{NPopover as C,NInput as P}from"naive-ui";import{InjectionSearchCascaderCheckAbleLevel as j,InjectionKeyboardEventBus as x,InjectionSearchCascaderLoadingNode as A,InjectionSearchCascaderValue as U}from"./constants/index.js";import{SearchMenu as W}from"./components/SearchMenu.js";const F=["id"];var L=e({__name:"SearchCascader",props:{value:{type:[String,Array]},show:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},childKey:{type:String,default:"children"},placeholder:{type:String,default:"请选择"},editPlaceholder:{type:String,default:"请输入关键字进行搜索"},options:{type:Array,default:()=>[]},search:{type:Function},labelKey:{type:String,default:"label"},valueKey:{type:String,default:"value"},checkAbleLevel:{type:[Number,String],default:"last"},beforeSetValue:{type:Function},menuWidth:{type:[Number,String],default:150}},emits:["update:value","focus","update:show"],setup(e,{expose:L,emit:T}){const V=e,B=h();function E(){var e;e=[],Promise.resolve(K(V.beforeSetValue)?V.beforeSetValue(e):e).then((e=>T("update:value",e)),N)}function I(e){var a;"INPUT"===(null==(a=e.target)?void 0:a.tagName)&&O()}const R=y((e=>{var a;"INPUT"!==(null==(a=e.target)?void 0:a.tagName)||"Enter"!==e.code||z.value?M.emit(e.key):O()}),50),$=a((()=>({"--menu-width":V.menuWidth}))),M=m("cascaderKeydown"),q=_(),z=g(V,"show",T);l(j,a((()=>V.checkAbleLevel))),l(x,M);const D=t(""),G=a((()=>w(V.value)&&V.value?V.value:k(V.value)&&V.value.length?V.value.map((e=>S(e)?e[V.labelKey]:e)).join(" / "):V.editPlaceholder)),H=a({get:()=>z.value?D.value:w(V.value)?V.value:k(V.value)?V.value.reduce(((e,a,l)=>0===l?a[V.labelKey]:e+" / "+a[V.labelKey]),""):"",set(e){D.value=e,le(void 0,e)}});function J(e){T("focus",e)}function O(){z.value||(z.value=!0,D.value="",le())}async function Q(){var e;z.value=!1,null==(e=X.value)||e.blur()}const X=t();b(X,(e=>{var a;if(!z.value)return;const l=e;if(!l.target)return Q();!function(e){let a=!1,l=e;for(;l;){if(l.id===q){a=!0;break}l=l.parentElement}return a}(l.target)?Q():null==(a=X.value)||a.focus()}));const Y=t(),Z=t(),ee=t(),ae=t(null);l(A,ae),l(U,a((()=>V.value)));const le=y((async(e,a)=>{var l;const{type:t,node:r}=e||{};try{if("update"===t)return void(K(V.search)&&V.search({...r,isLeaf:!0}));ae.value=r;const e=await(K(V.search)&&V.search(r,a));Z.value=S(e)||k(e)?e:r,console.log("current_node_value=>",Z.value)}finally{ae.value=null,await o(),null==(l=Y.value)||l.syncPosition()}}),400),te=e=>{ee.value=e};return r((()=>V.show),(e=>{e&&(ee.value={})})),r((()=>V.options),(e=>{e.length>0&&H.value?ee.value=e[0]:ee.value={}})),L({getWidth(){var e;if(!X.value)return 0;const a=null==(e=X.value)?void 0:e.$el;return a?a.clientWidth:void 0}}),(a,l)=>(u(),n(s(C),{class:"search-cascader",trigger:"manual",show:s(z),"onUpdate:show":l[1]||(l[1]=e=>i(z)?z.value=e:null),"show-arrow":!1,placement:"bottom-start",style:c(s($)),width:e.options.length?void 0:"trigger",ref_key:"popoverRef",ref:Y},{trigger:v((()=>[d(s(P),{class:"search-cascader__input",placeholder:s(z)?s(G):e.placeholder,clearable:e.clearable,onClear:E,value:s(H),"onUpdate:value":l[0]||(l[0]=e=>i(H)?H.value=e:null),ref_key:"inputRef",ref:X,onFocus:J,onClick:I,onKeydown:s(R)},null,8,["placeholder","clearable","value","onKeydown"])])),default:v((()=>[p("section",{id:s(q)},[d(s(W),{style:c(s(B)),"label-key":e.labelKey,"value-key":e.valueKey,options:e.options,onNodeClick:s(le),onChangeCursor:te,"current-node":Z.value,"cursor-node":ee.value},{empty:v((()=>[f(a.$slots,"empty")])),_:3},8,["style","label-key","value-key","options","onNodeClick","current-node","cursor-node"])],8,F)])),_:3},8,["show","style","width"]))}});export{L as default};
1
+ import{defineComponent as e,computed as a,provide as l,ref as t,nextTick as r,watch as o,openBlock as u,createBlock as n,unref as s,isRef as i,normalizeStyle as c,withCtx as v,createVNode as d,createElementVNode as p,renderSlot as f}from"vue";import{useTheme as h}from"../../../shared/hooks/useTheme.js";import{useEventBus as y,useVModel as m,onClickOutside as g,useDebounceFn as b}from"@vueuse/core";import"date-fns";import{isString as w,isArray as k,isObject as S,isFunction as K}from"lodash-es";import{uuidGenerator as C}from"../../../shared/utils/index.js";import{NOOP as N}from"@vue/shared";import{NPopover as _,NInput as P}from"naive-ui";import{InjectionSearchCascaderCheckAbleLevel as j,InjectionKeyboardEventBus as x,InjectionSearchCascaderLoadingNode as A,InjectionSearchCascaderValue as U}from"./constants/index.js";import{SearchMenu as W}from"./components/SearchMenu.js";const F=["id"];var L=e({__name:"SearchCascader",props:{value:{type:[String,Array]},show:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},childKey:{type:String,default:"children"},placeholder:{type:String,default:"请选择"},editPlaceholder:{type:String,default:"请输入关键字进行搜索"},options:{type:Array,default:()=>[]},search:{type:Function},labelKey:{type:String,default:"label"},valueKey:{type:String,default:"value"},checkAbleLevel:{type:[Number,String],default:"last"},beforeSetValue:{type:Function},menuWidth:{type:[Number,String],default:150}},emits:["update:value","focus","update:show"],setup(e,{expose:L,emit:T}){const V=e,B=h();function E(){var e;e=[],Promise.resolve(K(V.beforeSetValue)?V.beforeSetValue(e):e).then((e=>T("update:value",e)),N)}function I(e){var a;"INPUT"===(null==(a=e.target)?void 0:a.tagName)&&O()}const R=e=>{var a;"INPUT"!==(null==(a=e.target)?void 0:a.tagName)||"Enter"!==e.code||z.value?M.emit(e.key,e):O()},$=a((()=>({"--menu-width":V.menuWidth}))),M=y("cascaderKeydown"),q=C(),z=m(V,"show",T);l(j,a((()=>V.checkAbleLevel))),l(x,M);const D=t(""),G=a((()=>w(V.value)&&V.value?V.value:k(V.value)&&V.value.length?V.value.map((e=>S(e)?e[V.labelKey]:e)).join(" / "):V.editPlaceholder)),H=a({get:()=>z.value?D.value:w(V.value)?V.value:k(V.value)?V.value.reduce(((e,a,l)=>0===l?a[V.labelKey]:e+" / "+a[V.labelKey]),""):"",set(e){D.value=e,le(void 0,e)}});function J(e){T("focus",e)}function O(){z.value||(z.value=!0,D.value="",le())}async function Q(){var e;z.value=!1,null==(e=X.value)||e.blur()}const X=t();g(X,(e=>{var a;if(!z.value)return;const l=e;if(!l.target)return Q();!function(e){let a=!1,l=e;for(;l;){if(l.id===q){a=!0;break}l=l.parentElement}return a}(l.target)?Q():null==(a=X.value)||a.focus()}));const Y=t(),Z=t(),ee=t(),ae=t(null);l(A,ae),l(U,a((()=>V.value)));const le=b((async(e,a)=>{var l;const{type:t,node:o}=e||{};try{if("update"===t)return void(K(V.search)&&V.search({...o,isLeaf:!0}));ae.value=o;const e=await(K(V.search)&&V.search(o,a));Z.value=S(e)||k(e)?e:o}finally{ae.value=null,await r(),null==(l=Y.value)||l.syncPosition()}}),400),te=e=>{ee.value=e};return o((()=>V.show),(e=>{e&&(ee.value={})})),L({getWidth(){var e;if(!X.value)return 0;const a=null==(e=X.value)?void 0:e.$el;return a?a.clientWidth:void 0},setCursor(e){ee.value=e}}),(a,l)=>(u(),n(s(_),{class:"search-cascader",trigger:"manual",show:s(z),"onUpdate:show":l[1]||(l[1]=e=>i(z)?z.value=e:null),"show-arrow":!1,placement:"bottom-start",style:c(s($)),width:e.options.length?void 0:"trigger",ref_key:"popoverRef",ref:Y},{trigger:v((()=>[d(s(P),{class:"search-cascader__input",placeholder:s(z)?s(G):e.placeholder,clearable:e.clearable,onClear:E,value:s(H),"onUpdate:value":l[0]||(l[0]=e=>i(H)?H.value=e:null),ref_key:"inputRef",ref:X,onFocus:J,onClick:I,onKeydown:R},null,8,["placeholder","clearable","value"])])),default:v((()=>[p("section",{id:s(q)},[d(s(W),{style:c(s(B)),"label-key":e.labelKey,"value-key":e.valueKey,options:e.options,onNodeClick:s(le),onChangeCursor:te,"current-node":Z.value,"cursor-node":ee.value},{empty:v((()=>[f(a.$slots,"empty")])),_:3},8,["style","label-key","value-key","options","onNodeClick","current-node","cursor-node"])],8,F)])),_:3},8,["show","style","width"]))}});export{L as default};
@@ -1 +1 @@
1
- import{defineComponent as e,ref as r,createVNode as t,createTextVNode as o,computed as n,inject as a,withModifiers as l}from"vue";import{traverse as c}from"../../../../shared/utils/index.js";import{Reload as s,ChevronForward as u}from"@vicons/ionicons5";import{NOOP as i}from"@vue/shared";import{useVirtualList as d}from"@vueuse/core";import{isArray as p,isFunction as f,isNumber as v,isEqual as y,isString as h}from"lodash-es";import{NCheckbox as m}from"naive-ui";import{InjectionSearchCascaderLoadingNode as g,InjectionSearchCascaderValue as N,InjectionSearchCascaderCheckAbleLevel as C,InjectionKeyboardEventBus as b}from"../constants/index.js";const k=e({props:{options:{type:Array,default:()=>[]},activeNodes:{type:Array,default:()=>[]},level:{type:Number,required:!0},labelKey:{type:String,default:"label"},valueKey:{type:String,default:"value"},cursorNode:{type:Object,default:()=>({})}},emits:["nodeClick","changeCursor"],setup(e,{emit:r}){const o=n((()=>e.options)),{list:c,containerProps:f,wrapperProps:k}=d(o,{itemHeight:32,overscan:5}),K=a(g),_=a(N),x=a(C),A=a(b),S=n((()=>v(x.value)&&x.value<=e.level));function j(e){return Object.keys(e).length<=0}function w(r){return e.cursorNode==r}function I(r){const t=function(e){const r=[e];let t=e;for(;t.parent;)t=t.parent,r.unshift(t);return r}(r);if(p(_.value))return y(o(t,e.valueKey),o(_.value,e.valueKey));if(h(_.value)){const r=_.value.split("/").map((e=>e.trim()));return y(r,o(t,e.labelKey))}return!1;function o(e,r){return e.map((e=>e[r]))}}function O(e){const r=f.ref.value;if(r){const t=32*e-(null==r?void 0:r.clientHeight);r.scrollTo(0,t>0?t:0)}}return A.on((function(t){if("ArrowUp"===t){if(j(e.cursorNode))return;const t=o.value.findIndex((r=>r===e.cursorNode));if(t>=0){const e=0===t?o.value.length-1:t-1,n=o.value[e];r("changeCursor",n),O(e+3)}}if("ArrowRight"===t){if(j(e.cursorNode))return;r("nodeClick",{type:"search",node:e.cursorNode}),r("changeCursor",{})}if("ArrowDown"===t){if(j(e.cursorNode))return r("changeCursor",o.value[0]);const t=o.value.findIndex((r=>r===e.cursorNode));if(t>=0){const e=t>=o.value.length-1?0:t+1,n=o.value[e];r("changeCursor",n),O(e+1)}}if("ArrowLeft"===t&&e.activeNodes.length){const t=e.activeNodes.slice(-1);r("changeCursor",t[0])}"Enter"===t&&(S.value?r("nodeClick",{type:"update",node:e.cursorNode}):r("nodeClick",{type:"search",node:e.cursorNode}))})),()=>t("div",{class:"search-cascader__optionWrapper",ref:f.ref,style:f.style,onScroll:f.onScroll},[t("div",{style:k.value.style},[c.value.map((o=>{return t("div",{class:["search-cascader__option",{"search-cascader__option--active":(n=o.data,(null==(a=e.activeNodes)?void 0:a.includes(n))||w(o.data))}],onClick:()=>r("nodeClick",{type:"search",node:o.data}),title:o.data[e.labelKey]},[t("div",{class:"search-cascader__optionText"},[S.value?t(m,{style:{marginRight:"8px"},checked:I(o.data),onClick:l(i,["stop"]),onUpdateChecked:e=>e&&function(e){r("nodeClick",{type:"update",node:e})}(o.data)},null):null,t("span",{class:{"search-cascader__optionText--active":I(o.data)}},[o.data[e.labelKey]])]),K.value===o.data?t(s,{class:"rotate"},null):o.data.isLeaf?null:t(u,null,null)]);var n,a}))])])}}),K=e({props:{childKey:{type:String,default:"children"},options:{type:Array,default:()=>[]},labelKey:{type:String,default:"label"},valueKey:{type:String,default:"value"},currentNode:{type:Object},cursorNode:{type:Object}},emits:["nodeClick","changeCursor"],setup(e,{slots:n,emit:a}){const l=r([]);function s(r,o){return t(k,{level:o+1,labelKey:e.labelKey,valueKey:e.valueKey,activeNodes:l.value,onNodeClick:e=>a("nodeClick",e),onChangeCursor:e=>a("changeCursor",e),options:r,cursorNode:e.cursorNode},null)}function u(r){let t=!1;return c(r,((r,o)=>{e.currentNode===r&&(t=!0,o())}),["children"]),console.log("node_result=>",r,t,e.currentNode),t}function i(){if(!p(e.options)||!e.currentNode)return[];const r=[e.options];let t=e.options;for(l.value.length=0;p(t);){const o=t.find(u);if(!o)break;l.value.push(o),t=o[e.childKey],r.push(t)}if(e.cursorNode){const t=r.findIndex((r=>(r&&r.findIndex((r=>r===e.cursorNode)))>=0));if(t>=0){const e=r.slice(0,t+1);return l.value.splice(t,r.length),e}}return r}return()=>t("section",{class:"search-cascader__menuWrapper"},[p(e.options)&&e.options.length?e.currentNode?i().map(s):s(e.options,0):t("section",{class:"search-cascader__emptyWrapper"},[f(n.empty)?n.empty():t("section",null,[o("empty")])])])}});export{K as SearchMenu};
1
+ import{defineComponent as e,ref as r,createVNode as t,createTextVNode as o,computed as n,inject as a,onBeforeUnmount as l,withModifiers as c}from"vue";import{traverse as s}from"../../../../shared/utils/index.js";import{Reload as u,ChevronForward as i}from"@vicons/ionicons5";import{NOOP as d}from"@vue/shared";import{useVirtualList as p}from"@vueuse/core";import{isArray as f,isFunction as v,isNumber as y,isEqual as h,isString as m}from"lodash-es";import{NCheckbox as N}from"naive-ui";import{InjectionSearchCascaderLoadingNode as g,InjectionSearchCascaderValue as C,InjectionSearchCascaderCheckAbleLevel as b,InjectionKeyboardEventBus as k}from"../constants/index.js";const K=e({props:{options:{type:Array,default:()=>[]},activeNodes:{type:Array,default:()=>[]},level:{type:Number,required:!0},labelKey:{type:String,default:"label"},valueKey:{type:String,default:"value"},cursorNode:{type:Object,default:()=>({})}},emits:["nodeClick","changeCursor"],setup(e,{emit:r}){const o=n((()=>e.options)),{list:s,containerProps:v,wrapperProps:K}=p(o,{itemHeight:32,overscan:5}),_=a(g),x=a(C),A=a(b),S=a(k),j=n((()=>y(A.value)&&A.value<=e.level));function w(e){return Object.keys(e).length<=0}function I(r){return e.cursorNode==r}function O(r){const t=function(e){const r=[e];let t=e;for(;t.parent;)t=t.parent,r.unshift(t);return r}(r);if(f(x.value))return h(o(t,e.valueKey),o(x.value,e.valueKey));if(m(x.value)){const r=x.value.split("/").map((e=>e.trim()));return h(r,o(t,e.labelKey))}return!1;function o(e,r){return e.map((e=>e[r]))}}function R(e){const r=v.ref.value;if(r){const t=32*e-(null==r?void 0:r.clientHeight);r.scrollTo(0,t>0?t:0)}}function T(t,n){if("ArrowUp"===t){if(w(e.cursorNode))return;const t=o.value.findIndex((r=>r===e.cursorNode));if(t>=0){const e=0===t?o.value.length-1:t-1,n=o.value[e];r("changeCursor",n),R(e+3)}}if("ArrowRight"===t){if(w(e.cursorNode))return;r("nodeClick",{type:"search",node:e.cursorNode}),r("changeCursor",{})}if("ArrowDown"===t){if(w(e.cursorNode))return r("changeCursor",o.value[0]);const t=o.value.findIndex((r=>r===e.cursorNode));if(t>=0){const e=t>=o.value.length-1?0:t+1,n=o.value[e];r("changeCursor",n),R(e+1)}}if("ArrowLeft"===t&&e.activeNodes.length){const t=e.activeNodes.slice(-1);r("changeCursor",t[0])}"Enter"===t&&function(){if(!w(e.cursorNode))Reflect.set(n,"stopCapture",!0),j.value?r("nodeClick",{type:"update",node:e.cursorNode}):r("nodeClick",{type:"search",node:e.cursorNode})}()}return l((()=>{S.off(T)})),S.on(T),()=>t("div",{class:"search-cascader__optionWrapper",ref:v.ref,style:v.style,onScroll:v.onScroll},[t("div",{style:K.value.style},[s.value.map((o=>{return t("div",{class:["search-cascader__option",{"search-cascader__option--active":(n=o.data,(null==(a=e.activeNodes)?void 0:a.includes(n))||I(o.data))}],onClick:()=>r("nodeClick",{type:"search",node:o.data}),title:o.data[e.labelKey]},[t("div",{class:"search-cascader__optionText"},[j.value?t(N,{style:{marginRight:"8px"},checked:O(o.data),onClick:c(d,["stop"]),onUpdateChecked:e=>e&&function(e){r("nodeClick",{type:"update",node:e})}(o.data)},null):null,t("span",{class:{"search-cascader__optionText--active":O(o.data)}},[o.data[e.labelKey]])]),_.value===o.data?t(u,{class:"rotate"},null):o.data.isLeaf?null:t(i,null,null)]);var n,a}))])])}}),_=e({props:{childKey:{type:String,default:"children"},options:{type:Array,default:()=>[]},labelKey:{type:String,default:"label"},valueKey:{type:String,default:"value"},currentNode:{type:Object},cursorNode:{type:Object}},emits:["nodeClick","changeCursor"],setup(e,{slots:n,emit:a}){const l=r([]);function c(r,o){return t(K,{level:o+1,labelKey:e.labelKey,valueKey:e.valueKey,activeNodes:l.value,onNodeClick:e=>a("nodeClick",e),onChangeCursor:e=>a("changeCursor",e),options:r,cursorNode:e.cursorNode},null)}function u(r){let t=!1;return s(r,((r,o)=>{e.currentNode===r&&(t=!0,o())}),["children"]),t}function i(){var r,t;if(!f(e.options)||!e.currentNode)return[];const o=[e.options];let n=e.options;for(l.value.length=0;f(n);){const r=n.find(u);if(!r)break;l.value.push(r),n=r[e.childKey],o.push(n)}if(e.cursorNode){const n=o.findIndex((r=>(r&&r.findIndex((r=>r===e.cursorNode)))>=0));if(n>=0&&!(null==(t=null==(r=e.cursorNode)?void 0:r.children)?void 0:t.length)){const e=o.slice(0,n+1);return l.value.splice(n,o.length),e}}return o}return()=>t("section",{class:"search-cascader__menuWrapper"},[f(e.options)&&e.options.length?e.currentNode?i().map(c):c(e.options,0):t("section",{class:"search-cascader__emptyWrapper"},[v(n.empty)?n.empty():t("section",null,[o("empty")])])])}});export{_ as SearchMenu};
@@ -34,6 +34,7 @@ declare const SelectPerson: SFCWithInstall<import("vue").DefineComponent<{
34
34
  type: import("vue").PropType<{
35
35
  user_id_obj: string | number;
36
36
  user_name_obj: string | number;
37
+ user_expand_keys?: string[] | undefined;
37
38
  }>;
38
39
  default: () => {};
39
40
  };
@@ -113,6 +114,7 @@ declare const SelectPerson: SFCWithInstall<import("vue").DefineComponent<{
113
114
  type: import("vue").PropType<{
114
115
  user_id_obj: string | number;
115
116
  user_name_obj: string | number;
117
+ user_expand_keys?: string[] | undefined;
116
118
  }>;
117
119
  default: () => {};
118
120
  };
@@ -185,13 +187,14 @@ declare const SelectPerson: SFCWithInstall<import("vue").DefineComponent<{
185
187
  allCheckedKeys: (string | number)[];
186
188
  isRemote: import("vue").ComputedRef<boolean>;
187
189
  checkStrategyResult: import("vue").ComputedRef<any>;
190
+ isSearchFilter: import("vue").ComputedRef<boolean>;
188
191
  mergeSearchFilter: import("vue").ComputedRef<{
189
192
  isOpen: boolean;
190
193
  multiple: boolean;
191
194
  customTitles: string[];
192
195
  itemHeight: number;
193
196
  }>;
194
- isSearchFilter: import("vue").ComputedRef<boolean>;
197
+ wordbookChildExpandkeys: import("vue").ComputedRef<string[]>;
195
198
  caculateTagData: import("vue").ComputedRef<any[]>;
196
199
  init: () => void;
197
200
  getallCheckedKeysWithChild: (item: import("naive-ui").TreeOption) => void;
@@ -606,6 +609,7 @@ declare const SelectPerson: SFCWithInstall<import("vue").DefineComponent<{
606
609
  type: import("vue").PropType<{
607
610
  user_id_obj: string | number;
608
611
  user_name_obj: string | number;
612
+ user_expand_keys?: string[] | undefined;
609
613
  }>;
610
614
  default: () => {};
611
615
  };
@@ -665,6 +669,7 @@ declare const SelectPerson: SFCWithInstall<import("vue").DefineComponent<{
665
669
  wordbookChild: {
666
670
  user_id_obj: string | number;
667
671
  user_name_obj: string | number;
672
+ user_expand_keys?: string[] | undefined;
668
673
  };
669
674
  showCount: boolean;
670
675
  showClear: boolean;
@@ -1 +1 @@
1
- import{defineComponent as e,computed as t,ref as a,watch as r,openBlock as l,createBlock as n,unref as i,withCtx as o,createElementVNode as u,normalizeStyle as c,createElementBlock as d,Fragment as s,renderList as p,createVNode as v}from"vue";import{NCheckboxGroup as f,NCheckbox as y}from"naive-ui";import{isEqual as h}from"lodash-es";import{useVirtualList as k}from"@vueuse/core";var m=e({__name:"SearchMultiple",props:{treeData:{type:Array,default:()=>[]},checkedKeys:{type:Array,default:()=>[]}},emits:["notifyCheck"],setup(e,{emit:m}){const N=e,_=t((()=>N.treeData)),{list:b,containerProps:g,wrapperProps:D}=k(_,{itemHeight:30,overscan:5}),A=t((()=>({...g.style,height:"308px"}))),K=a(N.checkedKeys),S=a([]);function x(e,t){const{actionType:a,value:r}=t,l=N.treeData.find((e=>e.key===r));if(l){switch(a){case"check":w(K.value.filter((e=>e!==r)),l,r);break;case"uncheck":E(K.value,l,r)}m("notifyCheck",K.value)}}function w(e,t,a){var r;if(!(null==t?void 0:t.parentNode))return K.value=[...e,a],!1;const l=null==(r=t.parentNode)?void 0:r.key;if(e.includes(l))return K.value=e,!1;if(t.parentNode.children){const r=t.parentNode.children.every((t=>[...e,a].includes(t.key)));if(r){const a=null==t?void 0:t.parentNode.children.map((e=>e.key)),l=e.filter((e=>!a.includes(e)));return r&&C(l,t.parentNode),!1}}w(e,t.parentNode,a)}function C(e,t){if(!t.parentNode||t.parentNode.children.length>1)return K.value=[...e,t.key],!1;C(e,t.parentNode)}function E(e,t,a){var r,l;if(e.includes(a)){const t=e.filter((e=>e!==a));return K.value=t,!1}if(!(null==t?void 0:t.parentNode))return K.value=e,!1;const n=null==(r=t.parentNode)?void 0:r.key,i=e.indexOf(n);if(i>-1){const r=null==(l=t.parentNode)?void 0:l.children;return e.splice(i,1),P(e,r,a),!1}E(e,t.parentNode,a)}function P(e,t,a){if(!Array.isArray(t))return K.value=e,!1;if(t.length>1){const r=t.filter((e=>e.key!==a)).map((e=>e.key));return K.value=[...e,...r],!1}P(e,t[0].children,a)}function H(e,t){const a=N.checkedKeys;return!!e&&(a.includes(e.key)?(S.value.push(t),!1):void H(e.parentNode,t))}return r((()=>N.treeData),(e=>{e&&e.length>0&&(S.value=[],e.forEach((e=>{H(e,e.key)})))}),{deep:!0,immediate:!0}),r((()=>N.checkedKeys),((e,t)=>{h(e,t)||N.treeData.length>0&&(S.value=[],K.value=e,N.treeData.forEach((e=>{H(e,e.key)})))}),{immediate:!0}),(e,t)=>(l(),n(i(f),{value:S.value,"onUpdate:value":[t[1]||(t[1]=e=>S.value=e),x]},{default:o((()=>[u("section",{class:"select-person__multipleWrapper",ref:i(g).ref,style:c(i(A)),onScroll:t[0]||(t[0]=(...e)=>i(g).onScroll&&i(g).onScroll(...e))},[u("section",{style:c(i(D).style)},[(l(!0),d(s,null,p(i(b),(e=>(l(),d("div",{class:"select-person__multiple-search",key:e.data.key},[v(i(y),{value:e.data.key,label:e.data.title,disabled:e.data.disabled},null,8,["value","label","disabled"])])))),128))],4)],36)])),_:1},8,["value"]))}});export{m as default};
1
+ import{defineComponent as e,computed as t,ref as a,watch as r,openBlock as n,createBlock as l,unref as i,withCtx as o,createElementVNode as u,normalizeStyle as s,createElementBlock as c,Fragment as d,renderList as p,createVNode as f,createTextVNode as v,toDisplayString as y}from"vue";import{NCheckboxGroup as h,NCheckbox as k}from"naive-ui";import{isEqual as m}from"lodash-es";import{useVirtualList as N}from"@vueuse/core";const _={class:"user_item"},g=["title"];var x=e({__name:"SearchMultiple",props:{treeData:{type:Array,default:()=>[]},checkedKeys:{type:Array,default:()=>[]}},emits:["notifyCheck"],setup(e,{emit:x}){const D=e,b=t((()=>D.treeData)),{list:A,containerProps:K,wrapperProps:S}=N(b,{itemHeight:30,overscan:5}),w=t((()=>({...K.style,height:"308px"}))),C=a(D.checkedKeys),E=a([]);function P(e,t){const{actionType:a,value:r}=t,n=D.treeData.find((e=>e.key===r));if(n){switch(a){case"check":H(C.value.filter((e=>e!==r)),n,r);break;case"uncheck":O(C.value,n,r)}x("notifyCheck",C.value)}}function H(e,t,a){var r;if(!(null==t?void 0:t.parentNode))return C.value=[...e,a],!1;const n=null==(r=t.parentNode)?void 0:r.key;if(e.includes(n))return C.value=e,!1;if(t.parentNode.children){const r=t.parentNode.children.every((t=>[...e,a].includes(t.key)));if(r){const a=null==t?void 0:t.parentNode.children.map((e=>e.key)),n=e.filter((e=>!a.includes(e)));return r&&M(n,t.parentNode),!1}}H(e,t.parentNode,a)}function M(e,t){if(!t.parentNode||t.parentNode.children.length>1)return C.value=[...e,t.key],!1;M(e,t.parentNode)}function O(e,t,a){var r,n;if(e.includes(a)){const t=e.filter((e=>e!==a));return C.value=t,!1}if(!(null==t?void 0:t.parentNode))return C.value=e,!1;const l=null==(r=t.parentNode)?void 0:r.key,i=e.indexOf(l);if(i>-1){const r=null==(n=t.parentNode)?void 0:n.children;return e.splice(i,1),T(e,r,a),!1}O(e,t.parentNode,a)}function T(e,t,a){if(!Array.isArray(t))return C.value=e,!1;if(t.length>1){const r=t.filter((e=>e.key!==a)).map((e=>e.key));return C.value=[...e,...r],!1}T(e,t[0].children,a)}function U(e,t){const a=D.checkedKeys;return!!e&&(a.includes(e.key)?(E.value.push(t),!1):void U(e.parentNode,t))}return r((()=>D.treeData),(e=>{e&&e.length>0&&(E.value=[],e.forEach((e=>{U(e,e.key)})))}),{deep:!0,immediate:!0}),r((()=>D.checkedKeys),((e,t)=>{m(e,t)||D.treeData.length>0&&(E.value=[],C.value=e,D.treeData.forEach((e=>{U(e,e.key)})))}),{immediate:!0}),(e,t)=>(n(),l(i(h),{value:E.value,"onUpdate:value":[t[1]||(t[1]=e=>E.value=e),P]},{default:o((()=>[u("section",{class:"select-person__multipleWrapper",ref:i(K).ref,style:s(i(w)),onScroll:t[0]||(t[0]=(...e)=>i(K).onScroll&&i(K).onScroll(...e))},[u("section",{style:s(i(S).style)},[(n(!0),c(d,null,p(i(A),(e=>(n(),c("div",{class:"select-person__multiple-search",key:e.data.key},[f(i(k),{value:e.data.key,disabled:e.data.disabled},{default:o((()=>[u("p",_,[v(y(e.data.title)+" ",1),u("span",{class:"user_item_expand",title:e.data.title_expand_strs},y(e.data.title_expand_strs),9,g)])])),_:2},1032,["value","disabled"])])))),128))],4)],36)])),_:1},8,["value"]))}});export{x as default};
@@ -1 +1 @@
1
- import{defineComponent as e,computed as t,ref as l,watch as a,openBlock as r,createElementBlock as i,Fragment as n,unref as s,createElementVNode as c,toDisplayString as o,normalizeStyle as d,renderList as u,normalizeClass as h,createCommentVNode as p,createBlock as f}from"vue";import{useMessage as v,NEmpty as y}from"naive-ui";import{isEqual as m}from"lodash-es";import{useVirtualList as k}from"@vueuse/core";const g={class:"searchOrgAndStaff"},_={key:0,class:"searchOption"},N={class:"search_title"},S=["onClick"],C={class:"title"},b={class:"desc"},D={key:1,class:"SearchOption"},O={class:"search_title"},$=["onClick"],F={class:"title"},T={class:"desc"};var x=e({__name:"SearchOrgAndStaff",props:{treeData:{type:Array,default:()=>[]},checkedKeys:{type:Array,default:()=>[]},searchFilter:{type:Object,default:()=>({})}},emits:["notifyCheck","notifyClear"],setup(e,{emit:x}){var A;const K=e,P=v(),w=t((()=>{var e;return null!=(e=K.searchFilter.itemHeight)?e:300})),E=t((()=>Math.floor(w.value/50))),H=null!=(A=t((()=>K.treeData.filter((e=>!e.children)))))?A:[],{list:W,containerProps:j,wrapperProps:I}=k(H,{itemHeight:50,overscan:E.value}),M=t((()=>({...j.style,height:`${w.value}px`}))),q=t((()=>K.treeData.filter((e=>e.children&&e.children.length>0)))),{list:z,containerProps:B,wrapperProps:G}=k(q,{itemHeight:50,overscan:E.value}),J=t((()=>({...B.style,height:`${w.value}px`}))),L=l(K.checkedKeys),Q=l([]);function R(e){var t;if(L.value.find((t=>t===e.key)))return void P.info(`${e.title}已被选择`);if(e.disabled)return void P.info(`${e.title}已被禁用`);switch((null==(t=e.children)?void 0:t.length)>0?"org":"staff"){case"org":!function(e,t,l){t.children.length>0&&X(t.children);U(e,t,l)}(L.value,e,e.key);break;case"staff":U(L.value,e,e.key)}x("notifyCheck",L.value),(null==K?void 0:K.searchFilter.multiple)||x("notifyClear")}function U(e,t,l){var a;if(!(null==t?void 0:t.parentNode))return L.value=[...e,l],!1;const r=null==(a=t.parentNode)?void 0:a.key;if(e.includes(r))return L.value=e,P.info(`${t.title}已存在于${t.tempTitle}中`),!1;if(t.parentNode.children){const a=t.parentNode.children.every((t=>[...e,l].includes(t.key)));if(a){const l=null==t?void 0:t.parentNode.children.map((e=>e.key)),r=e.filter((e=>!l.includes(e)));return a&&V(r,t.parentNode),!1}}U(e,t.parentNode,l)}function V(e,t){if(!t.parentNode||t.parentNode.children.length>1)return L.value=[...e,t.key],!1;V(e,t.parentNode)}function X(e){e.forEach((e=>{var t;if(L.value.includes(e.key)){const t=L.value.indexOf(e.key);L.value.splice(t,1)}(null==(t=e.children)?void 0:t.length)>0&&X(e.children)}))}function Y(e,t){const l=K.checkedKeys;return!!e&&(l.includes(e.key)?(Q.value.push(t),!1):void Y(e.parentNode,t))}return a((()=>K.treeData),(e=>{e&&e.length>0&&(Q.value=[],e.forEach((e=>{Y(e,e.key)})))}),{deep:!0,immediate:!0}),a((()=>K.checkedKeys),((e,t)=>{m(e,t)||K.treeData.length>0&&(Q.value=[],L.value=e,K.treeData.forEach((e=>{Y(e,e.key)})))}),{immediate:!0}),(t,l)=>{var a,v;return r(),i("div",g,[e.treeData.length>0?(r(),i(n,{key:0},[s(H).length>0?(r(),i("div",_,[c("h4",N,o(null==(a=e.searchFilter)?void 0:a.customTitles[0]),1),c("section",{class:"select-person__multipleWrapper",ref:s(j).ref,style:d(s(W).length>s(E)?s(M):{}),onScroll:l[0]||(l[0]=(...e)=>s(j).onScroll&&s(j).onScroll(...e))},[c("section",{style:d(s(I).style)},[(r(!0),i(n,null,u(s(W),(e=>(r(),i("div",{class:"select-person__multiple-search",key:e.data.key},[c("div",{class:h(["search_item",e.data.disabled?"search_disabled":""]),onClick:t=>R(e.data)},[c("span",C,o(e.data.title),1),c("p",b,o(e.data.tempTitle),1)],10,S)])))),128))],4)],36)])):p("v-if",!0),s(q).length>0?(r(),i("div",D,[c("h4",O,o(null==(v=e.searchFilter)?void 0:v.customTitles[1]),1),c("section",{class:"person__OrgWrapper",ref:s(B).ref,style:d(s(z).length>s(E)?s(J):{}),onScroll:l[1]||(l[1]=(...e)=>s(B).onScroll&&s(B).onScroll(...e))},[c("section",{style:d(s(G).style)},[(r(!0),i(n,null,u(s(z),(e=>(r(),i("div",{class:"select-person__multiple-search",key:e.data.key},[c("div",{class:h(["search_item",e.data.disabled?"search_disabled":""]),onClick:t=>R(e.data)},[c("span",F,o(e.data.title)+"("+o(e.data.innerItemsNum)+"人)",1),c("p",T,o(e.data.tempTitle),1)],10,$)])))),128))],4)],36)])):p("v-if",!0)],64)):(r(),f(s(y),{key:1,description:"暂无数据"}))])}}});export{x as default};
1
+ import{defineComponent as e,computed as t,ref as l,watch as a,openBlock as r,createElementBlock as i,Fragment as n,unref as s,createElementVNode as c,toDisplayString as o,normalizeStyle as d,renderList as u,normalizeClass as h,createTextVNode as p,createCommentVNode as f,createBlock as v}from"vue";import{useMessage as y,NEmpty as m}from"naive-ui";import{isEqual as k}from"lodash-es";import{useVirtualList as _}from"@vueuse/core";const g={class:"searchOrgAndStaff"},N={key:0,class:"searchOption"},S={class:"search_title"},C=["onClick"],b={class:"title"},x=["title"],D={class:"desc"},O={key:1,class:"SearchOption"},$={class:"search_title"},F=["onClick"],T={class:"title"},A={class:"desc"};var K=e({__name:"SearchOrgAndStaff",props:{treeData:{type:Array,default:()=>[]},checkedKeys:{type:Array,default:()=>[]},searchFilter:{type:Object,default:()=>({})}},emits:["notifyCheck","notifyClear"],setup(e,{emit:K}){var P;const w=e,E=y(),H=t((()=>{var e;return null!=(e=w.searchFilter.itemHeight)?e:300})),W=t((()=>Math.floor(H.value/50))),j=null!=(P=t((()=>w.treeData.filter((e=>!e.children)))))?P:[],{list:I,containerProps:M,wrapperProps:q}=_(j,{itemHeight:50,overscan:W.value}),z=t((()=>({...M.style,height:`${H.value}px`}))),B=t((()=>w.treeData.filter((e=>e.children&&e.children.length>0)))),{list:G,containerProps:J,wrapperProps:L}=_(B,{itemHeight:50,overscan:W.value}),Q=t((()=>({...J.style,height:`${H.value}px`}))),R=l(w.checkedKeys),U=l([]);function V(e){var t;if(R.value.find((t=>t===e.key)))return void E.info(`${e.title}已被选择`);if(e.disabled)return void E.info(`${e.title}已被禁用`);switch((null==(t=e.children)?void 0:t.length)>0?"org":"staff"){case"org":!function(e,t,l){t.children.length>0&&Z(t.children);X(e,t,l)}(R.value,e,e.key);break;case"staff":X(R.value,e,e.key)}K("notifyCheck",R.value),(null==w?void 0:w.searchFilter.multiple)||K("notifyClear")}function X(e,t,l){var a;if(!(null==t?void 0:t.parentNode))return R.value=[...e,l],!1;const r=null==(a=t.parentNode)?void 0:a.key;if(e.includes(r))return R.value=e,E.info(`${t.title}已存在于${t.tempTitle}中`),!1;if(t.parentNode.children){const a=t.parentNode.children.every((t=>[...e,l].includes(t.key)));if(a){const l=null==t?void 0:t.parentNode.children.map((e=>e.key)),r=e.filter((e=>!l.includes(e)));return a&&Y(r,t.parentNode),!1}}X(e,t.parentNode,l)}function Y(e,t){if(!t.parentNode||t.parentNode.children.length>1)return R.value=[...e,t.key],!1;Y(e,t.parentNode)}function Z(e){e.forEach((e=>{var t;if(R.value.includes(e.key)){const t=R.value.indexOf(e.key);R.value.splice(t,1)}(null==(t=e.children)?void 0:t.length)>0&&Z(e.children)}))}function ee(e,t){const l=w.checkedKeys;return!!e&&(l.includes(e.key)?(U.value.push(t),!1):void ee(e.parentNode,t))}return a((()=>w.treeData),(e=>{e&&e.length>0&&(U.value=[],e.forEach((e=>{ee(e,e.key)})))}),{deep:!0,immediate:!0}),a((()=>w.checkedKeys),((e,t)=>{k(e,t)||w.treeData.length>0&&(U.value=[],R.value=e,w.treeData.forEach((e=>{ee(e,e.key)})))}),{immediate:!0}),(t,l)=>{var a,y;return r(),i("div",g,[e.treeData.length>0?(r(),i(n,{key:0},[s(j).length>0?(r(),i("div",N,[c("h4",S,o(null==(a=e.searchFilter)?void 0:a.customTitles[0]),1),c("section",{class:"select-person__multipleWrapper",ref:s(M).ref,style:d(s(I).length>s(W)?s(z):{}),onScroll:l[0]||(l[0]=(...e)=>s(M).onScroll&&s(M).onScroll(...e))},[c("section",{style:d(s(q).style)},[(r(!0),i(n,null,u(s(I),(e=>(r(),i("div",{class:"select-person__multiple-search",key:e.data.key},[c("div",{class:h(["search_item user_item",e.data.disabled?"search_disabled":""]),onClick:t=>V(e.data)},[c("span",b,[p(o(e.data.title)+" ",1),c("span",{class:"user_item_expand",title:e.data.title_expand_strs},o(e.data.title_expand_strs),9,x)]),c("p",D,o(e.data.tempTitle),1)],10,C)])))),128))],4)],36)])):f("v-if",!0),s(B).length>0?(r(),i("div",O,[c("h4",$,o(null==(y=e.searchFilter)?void 0:y.customTitles[1]),1),c("section",{class:"person__OrgWrapper",ref:s(J).ref,style:d(s(G).length>s(W)?s(Q):{}),onScroll:l[1]||(l[1]=(...e)=>s(J).onScroll&&s(J).onScroll(...e))},[c("section",{style:d(s(L).style)},[(r(!0),i(n,null,u(s(G),(e=>(r(),i("div",{class:"select-person__multiple-search",key:e.data.key},[c("div",{class:h(["search_item",e.data.disabled?"search_disabled":""]),onClick:t=>V(e.data)},[c("span",T,o(e.data.title)+"("+o(e.data.innerItemsNum)+"人)",1),c("p",A,o(e.data.tempTitle),1)],10,F)])))),128))],4)],36)])):f("v-if",!0)],64)):(r(),v(s(m),{key:1,description:"暂无数据"}))])}}});export{K as default};
@@ -11,6 +11,7 @@ declare type IWordBook<T> = {
11
11
  declare type IWordBookChild<T> = {
12
12
  user_id_obj: keyof T;
13
13
  user_name_obj: keyof T;
14
+ user_expand_keys?: string[];
14
15
  };
15
16
  declare type ITag = {
16
17
  key: IKey;
@@ -173,13 +174,14 @@ declare const _default: import("vue").DefineComponent<{
173
174
  allCheckedKeys: IKey[];
174
175
  isRemote: import("vue").ComputedRef<boolean>;
175
176
  checkStrategyResult: import("vue").ComputedRef<any>;
177
+ isSearchFilter: import("vue").ComputedRef<boolean>;
176
178
  mergeSearchFilter: import("vue").ComputedRef<{
177
179
  isOpen: boolean;
178
180
  multiple: boolean;
179
181
  customTitles: string[];
180
182
  itemHeight: number;
181
183
  }>;
182
- isSearchFilter: import("vue").ComputedRef<boolean>;
184
+ wordbookChildExpandkeys: import("vue").ComputedRef<string[]>;
183
185
  caculateTagData: import("vue").ComputedRef<any[]>;
184
186
  init: () => void;
185
187
  getallCheckedKeysWithChild: (item: TreeOption) => void;
@@ -1 +1 @@
1
- import{defineComponent as e,ref as l,computed as t,watch as n,openBlock as a,createBlock as u,unref as i,withCtx as r,createVNode as c,createCommentVNode as o,withKeys as s,createTextVNode as d,toDisplayString as h,withDirectives as v,vShow as p,createElementBlock as f,Fragment as y,mergeProps as k,createElementVNode as m,renderList as g}from"vue";import{NGrid as b,NGi as _,NSpace as C,NInputGroup as w,NInput as L,NIcon as S,NButton as x,NCheckbox as j,NTree as T,NTooltip as N}from"naive-ui";import{CloseCircleSharp as I}from"@vicons/ionicons5";import{searchFilterTree as O,getExpandedKeys as D}from"./utils/index.js";import{cloneDeep as F}from"lodash-es";import{SearchTypeConfig as $}from"./types/enums.js";import E from"./SearchMultiple.vue.js";import K from"./SearchOrgAndStaff.vue.js";const q={key:0},A={class:"c-select-person__scroll",style:{height:"342px"}};var B=e({__name:"SelectPerson",props:{defaultList:{type:Array,default:()=>[]},data:{type:Array,default:()=>[]},searchPlaceholder:{type:String,default:"输入关键字搜索"},searchButtonText:{type:String,default:"搜索"},wordbook:{type:Object,default:()=>({})},wordbookChild:{type:Object,default:()=>({})},showCount:{type:Boolean,default:!0},showClear:{type:Boolean,default:!0},multiple:{type:Boolean,default:!0},searchInner:{type:Boolean,default:!1},searchFilter:{type:Object,default:()=>({})},treeSetting:{type:Object,default:()=>({})},queryLoadChildData:{type:Function,default:void 0},queryTreeSearch:{type:Function,default:()=>Promise.resolve([])}},emits:["check","checkWithLevel"],setup(e,{expose:B,emit:P}){const R=e,U={isOpen:!1,multiple:!1,customTitles:["联系人","部门"],itemHeight:250},H=l(""),W=l(!1),G=l([]),z=l([]),M=l([]),J=l([]),Q=l([]),V=l(!1),X=F(function e(l){return l.forEach((l=>{var t;if(null==(t=l.children)?void 0:t.length){const t=se(l.children,[]);l.innerItemsNum=t.length,l.innerLeafs=t,e(l.children)}})),de(l,"")}(R.data));let Y=[];const Z=t((()=>!!R.queryLoadChildData)),ee=t((()=>{var e,l;return null!=(l=null==(e=null==R?void 0:R.treeSetting)?void 0:e.checkStrategy)?l:"child"})),le=t((()=>{var e;return(null==(e=null==R?void 0:R.searchFilter)?void 0:e.isOpen)?{...F(U),...R.searchFilter}:F(U)})),te=t((()=>le.value.isOpen)),ne=t((()=>{let e=[];return G.value.forEach((l=>{for(let t=0;t<J.value.length;t++){const n=J.value[t];if(n.key==l){e.push(n);break}}})),e}));function ae(e){e.disabled||e.children||!e.key||Y.push(e.key)}function ue(e){e.disabled||e.tempTitle||!e.key||Y.push(e.key)}async function ie(e){if(R.queryLoadChildData){const l=await R.queryLoadChildData(e);return l.children&&(l.children=l.children.map((e=>({...e,tempTitle:l.tempTitle?`${l.title}/${l.tempTitle}`:l.title})))),l}return e}function re(e){var l;(null==(l=e.children)?void 0:l.every((e=>e.disabled)))&&(e.disabled=!0)}function ce({option:e}){var l;if((null==(l=e.children)?void 0:l.length)||Z.value&&!(null==e?void 0:e.isLeaf)){const l=R.wordbook.user_count_obj&&e[R.wordbook.user_count_obj]||"",t=l?`(${l})`:"";return c("span",null,[`${e.title}${t}`])}return c(N,{trigger:"hover"},{default:()=>c("span",null,[e.title]),trigger:()=>c("span",null,[e.title])})}function oe(e){return e[R.wordbookChild.user_name_obj]||e[R.wordbook.parent_name_obj]||e.orgName||e.title||""}function se(e,l){return e.forEach((e=>{var t;(null==(t=e.children)?void 0:t.length)?se(e.children,l):!e.disabled&&l.push(e)})),l}function de(e,l){return e&&0!==e.length?e.map((e=>{var t;const n=oe(e),a=l?`${n}/${l}`:n;return{...e,tempTitle:l,children:(null==(t=e.children)?void 0:t.length)?de(null==e?void 0:e.children,a):[]}})):[]}async function he(){if(V.value=!!H.value.trim(),Z.value)M.value=await R.queryTreeSearch(H.value);else{const e=function(){const e={[$.SEARCH_ORG_STAFF]:te.value,[$.SEARCH_ORG]:R.searchInner},l=Object.keys(e).find((l=>e[l]));return null!=l?l:""}();M.value=O(e,X,H.value)}z.value=M.value.length&&H.value?D(M.value):[]}function ve(e,l){var t,n;switch(null!=(n=null==(t=null==R?void 0:R.treeSetting)?void 0:t.checkStrategy)?n:"child"){case"child":!function(e,l){for(let t=0,n=e.length;t<n;t++){const n=e[t];if(!n.disabled&&(!n.children||n.isLeaf)&&(l&&!G.value.includes(n.key)&&G.value.push(n.key),!l)){const e=G.value.findIndex((e=>e===n.key));G.value.splice(e,1)}n.children&&ve(n.children,l)}}(e,l);break;case"parent":!function(e,l){G.value=[];for(let t=0,n=e.length;t<n;t++){const n=e[t];if(!n.disabled&&!n.tempTitle&&(l&&!G.value.includes(n.key)&&G.value.push(n.key),!l)){const e=G.value.findIndex((e=>e===n.key));G.value.splice(e,1)}}}(e,l)}}function pe(e){ve(M.value,e)}function fe(e){var l;for(let t=0,n=e.length;t<n;t++){const n=e[t],a=Q.value.map((e=>e.key));G.value.includes(n.key)&&!a.includes(n.key)&&J.value.push({key:n.key,name:n.title,parentName:n.tempTitle,innerItemsNum:n.innerItemsNum,innerLeafs:n.innerLeafs}),(null==(l=n.children)?void 0:l.length)&&fe(n.children)}}function ye(e){G.value=e}function ke(){G.value=[]}function me(e){G.value=e}function ge(){H.value="",setTimeout((()=>{he()}))}return function e(l,t){var n,a,u,i;for(let r=0,c=l.length;r<c;r++){const c=l[r];switch(c.title=oe(c),c.label=oe(c),c.parentNode=t,c.key||(c.key=c[R.wordbookChild.user_id_obj]||c[R.wordbook.parent_id_obj]||Date.now()),(null==(n=c.children)?void 0:n.length)?(e(c.children,c),re(c)):0===(null==(a=c.children)?void 0:a.length)&&Reflect.deleteProperty(c,"children"),null!=(i=null==(u=null==R?void 0:R.treeSetting)?void 0:u.checkStrategy)?i:"child"){case"child":ae(c);break;case"parent":ue(c)}}}(X,null),M.value=X,R.defaultList.length>0&&(Z.value?(R.defaultList.forEach((e=>G.value.push(e.key))),J.value=F(R.defaultList),Q.value=F(R.defaultList)):(R.defaultList.forEach((e=>G.value.push(e))),fe(X))),n((()=>G),(e=>{J.value=Q.value.filter((l=>e.value.includes(l.key))),e.value.length&&fe(Z.value?M.value:X),W.value=Y.every((e=>J.value.findIndex((l=>l.key===e))>-1));const l=J.value.filter((l=>e.value.includes(l.key)));P("check",e.value),P("checkWithLevel",l)}),{deep:!0}),n((()=>H.value),(e=>{e||ge()})),B({getCheckWithLevel:function(){const e=G.value,l=J.value.filter((l=>e.includes(l.key)));return null!=l?l:[]}}),(l,t)=>(a(),u(i(b),{cols:2,class:"c-select-person"},{default:r((()=>[c(i(_),null,{default:r((()=>[c(i(C),{vertical:"",style:{"padding-right":"12px","border-right":"1px solid #e8e8e8"}},{default:r((()=>[c(i(w),{style:{"margin-bottom":"12px"}},{default:r((()=>[o(" clearable "),c(i(L),{class:"search-input",value:H.value,"onUpdate:value":t[0]||(t[0]=e=>H.value=e),placeholder:e.searchPlaceholder,onKeyup:s(he,["enter"])},{suffix:r((()=>[H.value?(a(),u(i(S),{key:0,class:"search-clear",component:i(I),size:"16",onClick:ge},null,8,["component"])):o("v-if",!0)])),_:1},8,["value","placeholder","onKeyup"]),c(i(x),{type:"primary",onClick:he},{default:r((()=>[d(h(e.searchButtonText),1)])),_:1})])),_:1}),e.multiple&&!V.value?v((a(),u(i(j),{key:0,checked:W.value,"onUpdate:checked":[t[1]||(t[1]=e=>W.value=e),pe]},{default:r((()=>[d(" 全选 ")])),_:1},8,["checked"])),[[p,i(Y).length<1e3]]):o("v-if",!0),o(" 支持选人 "),e.searchInner&&e.multiple&&V.value&&"parent"===i(ee)?(a(),u(E,{key:1,treeData:M.value,checkedKeys:G.value,onNotifyCheck:me},null,8,["treeData","checkedKeys"])):i(te)&&e.multiple&&V.value&&"parent"===i(ee)?(a(),f(y,{key:2},[o(" 同时兼容选人和选部门 "),c(K,{treeData:M.value,checkedKeys:G.value,searchFilter:i(le),onNotifyCheck:me,onNotifyClear:ge},null,8,["treeData","checkedKeys","searchFilter"])],2112)):(a(),u(i(T),k({key:3,"virtual-scroll":"",class:"c-select-person__scroll","checked-keys":G.value,"expanded-keys":z.value,"onUpdate:expanded-keys":t[2]||(t[2]=e=>z.value=e),checkable:e.multiple,cascade:"","allow-checking-not-loaded":"",selectable:!e.multiple,"selected-keys":G.value,"onUpdate:selected-keys":t[3]||(t[3]=e=>G.value=e),data:M.value,"check-strategy":"child","render-label":ce},e.treeSetting,{"onUpdate:checkedKeys":ye,onLoad:ie}),null,16,["checked-keys","expanded-keys","checkable","selectable","selected-keys","data"]))])),_:1})])),_:1}),c(i(_),null,{default:r((()=>[c(i(C),{vertical:"",style:{"padding-left":"12px"}},{default:r((()=>[c(i(C),{justify:"space-between",style:{"margin-bottom":"20px"}},{default:r((()=>[e.showCount?(a(),f("span",q,"已选择:"+h(i(ne).length),1)):o("v-if",!0),e.showClear?(a(),f("span",{key:1,class:"c-select-person__clear-btn",onClick:ke},"清空")):o("v-if",!0)])),_:1}),m("div",A,[(a(!0),f(y,null,g(i(ne),(e=>(a(),f("span",{class:"c-select-person__tag-item",key:e.key},[d(h(e.name)+" "+h(e.parentName?`(${e.parentName})`:"")+" "+h(e.innerItemsNum?`(${e.innerItemsNum}人)`:"")+" ",1),c(i(S),{class:"tag-close",component:i(I),onClick:l=>function(e){G.value=G.value.filter((l=>l!==e.key))}(e)},null,8,["component","onClick"])])))),128))])])),_:1})])),_:1})])),_:1}))}});export{B as default};
1
+ import{defineComponent as e,ref as l,computed as t,watch as n,openBlock as a,createBlock as u,unref as i,withCtx as r,createVNode as c,createCommentVNode as o,withKeys as s,createTextVNode as d,toDisplayString as h,withDirectives as v,vShow as p,createElementBlock as f,Fragment as y,mergeProps as k,createElementVNode as m,renderList as g}from"vue";import{NGrid as _,NGi as b,NSpace as C,NInputGroup as x,NInput as w,NIcon as L,NButton as S,NCheckbox as j,NTree as T}from"naive-ui";import{CloseCircleSharp as N}from"@vicons/ionicons5";import{searchFilterTree as I,getExpandedKeys as F}from"./utils/index.js";import{cloneDeep as O}from"lodash-es";import{SearchTypeConfig as $}from"./types/enums.js";import D from"./SearchMultiple.vue.js";import E from"./SearchOrgAndStaff.vue.js";const K={key:0},q={class:"c-select-person__scroll",style:{height:"342px"}};var A=e({__name:"SelectPerson",props:{defaultList:{type:Array,default:()=>[]},data:{type:Array,default:()=>[]},searchPlaceholder:{type:String,default:"输入关键字搜索"},searchButtonText:{type:String,default:"搜索"},wordbook:{type:Object,default:()=>({})},wordbookChild:{type:Object,default:()=>({})},showCount:{type:Boolean,default:!0},showClear:{type:Boolean,default:!0},multiple:{type:Boolean,default:!0},searchInner:{type:Boolean,default:!1},searchFilter:{type:Object,default:()=>({})},treeSetting:{type:Object,default:()=>({})},queryLoadChildData:{type:Function,default:void 0},queryTreeSearch:{type:Function,default:()=>Promise.resolve([])}},emits:["check","checkWithLevel"],setup(e,{expose:A,emit:B}){const P=e,R={isOpen:!1,multiple:!1,customTitles:["联系人","部门"],itemHeight:250},U=l(""),H=l(!1),W=l([]),G=l([]),z=l([]),M=l([]),J=l([]),Q=l(!1),V=O(function e(l){return l.forEach((l=>{var t;if(null==(t=l.children)?void 0:t.length){const t=se(l.children,[]);l.innerItemsNum=t.length,l.innerLeafs=t,e(l.children)}})),de(l,"")}(P.data));let X=[];const Y=t((()=>!!P.queryLoadChildData)),Z=t((()=>{var e,l;return null!=(l=null==(e=null==P?void 0:P.treeSetting)?void 0:e.checkStrategy)?l:"child"})),ee=t((()=>(null==P?void 0:P.searchFilter)&&Object.keys(null==P?void 0:P.searchFilter).length>0)),le=t((()=>ee.value?{...O(R),...P.searchFilter}:O(R))),te=t((()=>{var e,l;return null!=(l=null==(e=null==P?void 0:P.wordbookChild)?void 0:e.user_expand_keys)?l:[]})),ne=t((()=>{let e=[];return W.value.forEach((l=>{for(let t=0;t<M.value.length;t++){const n=M.value[t];if(n.key==l){e.push(n);break}}})),e}));function ae(e){e.disabled||e.children||!e.key||X.push(e.key)}function ue(e){e.disabled||e.tempTitle||!e.key||X.push(e.key)}async function ie(e){if(P.queryLoadChildData){const l=await P.queryLoadChildData(e);return l.children&&(l.children=l.children.map((e=>({...e,tempTitle:l.tempTitle?`${l.title}/${l.tempTitle}`:l.title})))),l}return e}function re(e){var l;(null==(l=e.children)?void 0:l.every((e=>e.disabled)))&&(e.disabled=!0)}function ce({option:e}){var l,t;if((null==(l=e.children)?void 0:l.length)||Y.value&&!(null==e?void 0:e.isLeaf)){const l=P.wordbook.user_count_obj&&e[P.wordbook.user_count_obj]||"",t=l?`(${l})`:"";return c("span",null,[`${e.title}${t}`])}{const l=null!=(t=e.title_expand_strs)?t:"";return c("p",{class:"user_item"},[e.title,c("span",{class:"user_item_expand",title:l},[l])])}}function oe(e){return e[P.wordbookChild.user_name_obj]||e[P.wordbook.parent_name_obj]||e.orgName||e.title||""}function se(e,l){return e.forEach((e=>{var t;(null==(t=e.children)?void 0:t.length)?se(e.children,l):!e.disabled&&l.push(e)})),l}function de(e,l){return e&&0!==e.length?e.map((e=>{var t;const n=oe(e),a=l?`${n}/${l}`:n;return{...e,tempTitle:l,children:(null==(t=e.children)?void 0:t.length)?de(null==e?void 0:e.children,a):[]}})):[]}async function he(){if(Q.value=!!U.value.trim(),Y.value)z.value=await P.queryTreeSearch(U.value);else{const e=function(){const e={[$.SEARCH_ORG_STAFF]:ee.value,[$.SEARCH_ORG]:P.searchInner},l=Object.keys(e).find((l=>e[l]));return null!=l?l:""}();z.value=I(e,V,U.value)}G.value=z.value.length&&U.value?F(z.value):[]}function ve(e,l){var t,n;switch(null!=(n=null==(t=null==P?void 0:P.treeSetting)?void 0:t.checkStrategy)?n:"child"){case"child":!function(e,l){for(let t=0,n=e.length;t<n;t++){const n=e[t];if(!n.disabled&&(!n.children||n.isLeaf)&&(l&&!W.value.includes(n.key)&&W.value.push(n.key),!l)){const e=W.value.findIndex((e=>e===n.key));W.value.splice(e,1)}n.children&&ve(n.children,l)}}(e,l);break;case"parent":!function(e,l){W.value=[];for(let t=0,n=e.length;t<n;t++){const n=e[t];if(!n.disabled&&!n.tempTitle&&(l&&!W.value.includes(n.key)&&W.value.push(n.key),!l)){const e=W.value.findIndex((e=>e===n.key));W.value.splice(e,1)}}}(e,l)}}function pe(e){ve(z.value,e)}function fe(e){var l;for(let t=0,n=e.length;t<n;t++){const n=e[t],a=J.value.map((e=>e.key));W.value.includes(n.key)&&!a.includes(n.key)&&M.value.push({key:n.key,name:n.title,parentName:n.tempTitle,innerItemsNum:n.innerItemsNum,innerLeafs:n.innerLeafs}),(null==(l=n.children)?void 0:l.length)&&fe(n.children)}}function ye(e){W.value=e}function ke(){W.value=[]}function me(e){W.value=e}function ge(){U.value="",setTimeout((()=>{he()}))}return function e(l,t){var n,a,u,i;for(let r=0,c=l.length;r<c;r++){const c=l[r];let o=te.value.reduce(((e,l)=>e+(c[l]?`${c[l]},`:"")),"");switch(c.title_expand_strs=o.slice(0,-1),c.title=oe(c),c.label=oe(c),c.parentNode=t,c.key||(c.key=c[P.wordbookChild.user_id_obj]||c[P.wordbook.parent_id_obj]||Date.now()),(null==(n=c.children)?void 0:n.length)?(e(c.children,c),re(c)):0===(null==(a=c.children)?void 0:a.length)&&Reflect.deleteProperty(c,"children"),null!=(i=null==(u=null==P?void 0:P.treeSetting)?void 0:u.checkStrategy)?i:"child"){case"child":ae(c);break;case"parent":ue(c)}}}(V,null),z.value=V,P.defaultList.length>0&&(Y.value?(P.defaultList.forEach((e=>W.value.push(e.key))),M.value=O(P.defaultList),J.value=O(P.defaultList)):(P.defaultList.forEach((e=>W.value.push(e))),fe(V))),n((()=>W),(e=>{M.value=J.value.filter((l=>e.value.includes(l.key))),e.value.length&&fe(Y.value?z.value:V),H.value=X.every((e=>M.value.findIndex((l=>l.key===e))>-1));const l=M.value.filter((l=>e.value.includes(l.key)));B("check",e.value),B("checkWithLevel",l)}),{deep:!0}),n((()=>U.value),(e=>{e||ge()})),A({getCheckWithLevel:function(){const e=W.value,l=M.value.filter((l=>e.includes(l.key)));return null!=l?l:[]}}),(l,t)=>(a(),u(i(_),{cols:2,class:"c-select-person"},{default:r((()=>[c(i(b),null,{default:r((()=>[c(i(C),{vertical:"",style:{"padding-right":"12px","border-right":"1px solid #e8e8e8"}},{default:r((()=>[c(i(x),{style:{"margin-bottom":"12px"}},{default:r((()=>[o(" clearable "),c(i(w),{class:"search-input",value:U.value,"onUpdate:value":t[0]||(t[0]=e=>U.value=e),placeholder:e.searchPlaceholder,onKeyup:s(he,["enter"])},{suffix:r((()=>[U.value?(a(),u(i(L),{key:0,class:"search-clear",component:i(N),size:"16",onClick:ge},null,8,["component"])):o("v-if",!0)])),_:1},8,["value","placeholder","onKeyup"]),c(i(S),{type:"primary",onClick:he},{default:r((()=>[d(h(e.searchButtonText),1)])),_:1})])),_:1}),e.multiple&&!Q.value?v((a(),u(i(j),{key:0,checked:H.value,"onUpdate:checked":[t[1]||(t[1]=e=>H.value=e),pe]},{default:r((()=>[d(" 全选 ")])),_:1},8,["checked"])),[[p,i(X).length<1e3]]):o("v-if",!0),o(" 支持选人 "),e.searchInner&&e.multiple&&Q.value&&"parent"===i(Z)?(a(),u(D,{key:1,treeData:z.value,checkedKeys:W.value,onNotifyCheck:me},null,8,["treeData","checkedKeys"])):i(ee)&&e.multiple&&Q.value&&"parent"===i(Z)?(a(),f(y,{key:2},[o(" 同时兼容选人和选部门 "),c(E,{treeData:z.value,checkedKeys:W.value,searchFilter:i(le),onNotifyCheck:me,onNotifyClear:ge},null,8,["treeData","checkedKeys","searchFilter"])],2112)):(a(),u(i(T),k({key:3,"virtual-scroll":"",class:"c-select-person__scroll","checked-keys":W.value,"expanded-keys":G.value,"onUpdate:expanded-keys":t[2]||(t[2]=e=>G.value=e),checkable:e.multiple,cascade:"","allow-checking-not-loaded":"",selectable:!e.multiple,"selected-keys":W.value,"onUpdate:selected-keys":t[3]||(t[3]=e=>W.value=e),data:z.value,"check-strategy":"child","render-label":ce},e.treeSetting,{"onUpdate:checkedKeys":ye,onLoad:ie}),null,16,["checked-keys","expanded-keys","checkable","selectable","selected-keys","data"]))])),_:1})])),_:1}),c(i(b),null,{default:r((()=>[c(i(C),{vertical:"",style:{"padding-left":"12px"}},{default:r((()=>[c(i(C),{justify:"space-between",style:{"margin-bottom":"20px"}},{default:r((()=>[e.showCount?(a(),f("span",K,"已选择:"+h(i(ne).length),1)):o("v-if",!0),e.showClear?(a(),f("span",{key:1,class:"c-select-person__clear-btn",onClick:ke},"清空")):o("v-if",!0)])),_:1}),m("div",q,[(a(!0),f(y,null,g(i(ne),(e=>(a(),f("span",{class:"c-select-person__tag-item",key:e.key},[d(h(e.name)+" "+h(e.parentName?`(${e.parentName})`:"")+" "+h(e.innerItemsNum?`(${e.innerItemsNum}人)`:"")+" ",1),c(i(L),{class:"tag-close",component:i(N),onClick:l=>function(e){W.value=W.value.filter((l=>l!==e.key))}(e)},null,8,["component","onClick"])])))),128))])])),_:1})])),_:1})])),_:1}))}});export{A as default};
@@ -1 +1 @@
1
- .c-select-person{padding:0 12px}.c-select-person__scroll{height:308px;overflow-y:auto}.c-select-person__clear-btn{color:#5585f5;cursor:pointer}.c-select-person__tag-item{align-items:center;background:rgba(85,133,245,.08);border:1px solid rgba(85,133,245,.5);border-radius:4px;box-sizing:border-box;color:#5585f5;display:inline-flex;font-size:14px;height:24px;line-height:24px;list-style:none;margin:0 8px 4px 0;padding:0 6px;transition:all .3s cubic-bezier(.215,.61,.355,1);white-space:nowrap}.c-select-person__tag-item .tag-close{color:#5585f5;cursor:pointer;display:inline-block;font-size:14px;font-weight:700;margin-left:3px;transition:all .3s}.c-select-person__tag-item .tag-close:hover{color:rgba(85,133,245,.6)}.c-select-person__tag-item .tag-close:active{color:#fff}.c-select-person .search-input .search-clear{cursor:pointer}.c-select-person .search_title{border-bottom:1px solid #eee;font-size:16px;margin-top:8px;padding-bottom:5px}.c-select-person .select-person__multiple-search{display:flex;flex-direction:column}.c-select-person .select-person__multiple-search .n-checkbox{height:30px;overflow:hidden}.c-select-person .select-person__multiple-search .search_item{box-sizing:content-box;cursor:pointer;height:40px;margin:2px;padding:3px}.c-select-person .select-person__multiple-search .search_item .title{font-size:14px}.c-select-person .select-person__multiple-search .search_item .desc{color:#7d88b5;font-size:12px;margin-top:5px}.c-select-person .select-person__multiple-search .search_item:hover{background:#f1f1f1}.c-select-person .select-person__multiple-search .search_disabled{color:#c2c2c2;cursor:not-allowed}.c-select-person .select-person__multiple-search .search_disabled .desc{color:#c2c2c2}.c-select-person .n-empty{margin-top:30px}
1
+ .c-select-person{padding:0 12px}.c-select-person__scroll{height:308px;overflow-y:auto}.c-select-person__clear-btn{color:#5585f5;cursor:pointer}.c-select-person__tag-item{align-items:center;background:rgba(85,133,245,.08);border:1px solid rgba(85,133,245,.5);border-radius:4px;box-sizing:border-box;color:#5585f5;display:inline-flex;font-size:14px;height:24px;line-height:24px;list-style:none;margin:0 8px 4px 0;padding:0 6px;transition:all .3s cubic-bezier(.215,.61,.355,1);white-space:nowrap}.c-select-person__tag-item .tag-close{color:#5585f5;cursor:pointer;display:inline-block;font-size:14px;font-weight:700;margin-left:3px;transition:all .3s}.c-select-person__tag-item .tag-close:hover{color:rgba(85,133,245,.6)}.c-select-person__tag-item .tag-close:active{color:#fff}.c-select-person .n-tree-node-content{flex:1;overflow:hidden}.c-select-person .search-input .search-clear{cursor:pointer}.c-select-person .user_item{align-items:center;display:flex;font-size:14px}.c-select-person .user_item .user_item_expand{flex:1;font-size:12px;margin-left:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-select-person .search_title{border-bottom:1px solid #eee;font-size:16px;margin-top:8px;padding-bottom:5px}.c-select-person .select-person__multiple-search{display:flex;flex-direction:column}.c-select-person .select-person__multiple-search .n-checkbox{height:30px;overflow:hidden}.c-select-person .select-person__multiple-search .n-checkbox .n-checkbox__label{overflow:hidden}.c-select-person .select-person__multiple-search .search_item{align-items:flex-start;box-sizing:content-box;cursor:pointer;display:flex;flex-direction:column;height:40px;margin:2px;padding:3px}.c-select-person .select-person__multiple-search .search_item .title{align-items:center;display:flex;font-size:14px;overflow:hidden;width:100%}.c-select-person .select-person__multiple-search .search_item .desc{color:#7d88b5;font-size:12px;margin-top:5px}.c-select-person .select-person__multiple-search .search_item:hover{background:#f1f1f1}.c-select-person .select-person__multiple-search .search_disabled{color:#c2c2c2;cursor:not-allowed}.c-select-person .select-person__multiple-search .search_disabled .desc{color:#c2c2c2}.c-select-person .n-empty{margin-top:30px}
@@ -2184,7 +2184,7 @@ declare const ShortcutSetter: SFCWithInstall<import("vue").DefineComponent<{
2184
2184
  "x-read-pretty"?: boolean | undefined;
2185
2185
  "x-compile-omitted"?: string[] | undefined;
2186
2186
  }>>;
2187
- onKeydown: (event: KeyboardEvent) => void;
2187
+ onKeydown: (event: KeyboardEvent) => Promise<void>;
2188
2188
  clearSpan: (uuid: string) => void;
2189
2189
  exposeEvent: {
2190
2190
  validate(path?: string): Promise<void>;
@@ -2186,7 +2186,7 @@ declare const _default: import("vue").DefineComponent<{
2186
2186
  "x-read-pretty"?: boolean | undefined;
2187
2187
  "x-compile-omitted"?: string[] | undefined;
2188
2188
  }>>;
2189
- onKeydown: (event: KeyboardEvent) => void;
2189
+ onKeydown: (event: KeyboardEvent) => Promise<void>;
2190
2190
  clearSpan: (uuid: string) => void;
2191
2191
  exposeEvent: {
2192
2192
  validate(path?: string): Promise<void>;
@@ -19,6 +19,10 @@ declare const StepsWheel: SFCWithInstall<import("vue").DefineComponent<{
19
19
  type: BooleanConstructor;
20
20
  default: boolean;
21
21
  };
22
+ nextNodeRender: {
23
+ type: BooleanConstructor;
24
+ default: boolean;
25
+ };
22
26
  noDataMsg: {
23
27
  type: StringConstructor;
24
28
  default: string;
@@ -48,6 +52,10 @@ declare const StepsWheel: SFCWithInstall<import("vue").DefineComponent<{
48
52
  type: BooleanConstructor;
49
53
  default: boolean;
50
54
  };
55
+ nextNodeRender: {
56
+ type: BooleanConstructor;
57
+ default: boolean;
58
+ };
51
59
  noDataMsg: {
52
60
  type: StringConstructor;
53
61
  default: string;
@@ -61,10 +69,13 @@ declare const StepsWheel: SFCWithInstall<import("vue").DefineComponent<{
61
69
  nodeRowCount: import("vue").ComputedRef<number>;
62
70
  lastNodeRenderShow: import("vue").ComputedRef<boolean>;
63
71
  noDataMsg: import("vue").Ref<string>;
72
+ nextNodeRender: import("vue").Ref<boolean>;
64
73
  stepItemRef: any;
65
74
  countBoxWidth: import("vue").ComputedRef<string>;
66
75
  stepInfoList: import("vue").Ref<any[]>;
67
76
  stepInfoArray: import("vue").Ref<any[]>;
77
+ mouseEnter: (stepItem: any) => void;
78
+ mouseLeave: (stepItem: any) => void;
68
79
  handleNode: (nodeList: any[], cols: number) => void;
69
80
  fillBoxShow: (item: any) => any;
70
81
  lineCircleLeft: (stepItem: any) => boolean;
@@ -97,6 +108,10 @@ declare const StepsWheel: SFCWithInstall<import("vue").DefineComponent<{
97
108
  type: BooleanConstructor;
98
109
  default: boolean;
99
110
  };
111
+ nextNodeRender: {
112
+ type: BooleanConstructor;
113
+ default: boolean;
114
+ };
100
115
  noDataMsg: {
101
116
  type: StringConstructor;
102
117
  default: string;
@@ -111,6 +126,7 @@ declare const StepsWheel: SFCWithInstall<import("vue").DefineComponent<{
111
126
  currentStep: number;
112
127
  toolTipShow: boolean;
113
128
  lastNodeRender: boolean;
129
+ nextNodeRender: boolean;
114
130
  placement: string;
115
131
  }>>;
116
132
  export default StepsWheel;
@@ -18,6 +18,10 @@ declare const _default: import("vue").DefineComponent<{
18
18
  type: BooleanConstructor;
19
19
  default: boolean;
20
20
  };
21
+ nextNodeRender: {
22
+ type: BooleanConstructor;
23
+ default: boolean;
24
+ };
21
25
  noDataMsg: {
22
26
  type: StringConstructor;
23
27
  default: string;
@@ -47,6 +51,10 @@ declare const _default: import("vue").DefineComponent<{
47
51
  type: BooleanConstructor;
48
52
  default: boolean;
49
53
  };
54
+ nextNodeRender: {
55
+ type: BooleanConstructor;
56
+ default: boolean;
57
+ };
50
58
  noDataMsg: {
51
59
  type: StringConstructor;
52
60
  default: string;
@@ -60,10 +68,13 @@ declare const _default: import("vue").DefineComponent<{
60
68
  nodeRowCount: import("vue").ComputedRef<number>;
61
69
  lastNodeRenderShow: import("vue").ComputedRef<boolean>;
62
70
  noDataMsg: import("vue").Ref<string>;
71
+ nextNodeRender: import("vue").Ref<boolean>;
63
72
  stepItemRef: any;
64
73
  countBoxWidth: import("vue").ComputedRef<string>;
65
74
  stepInfoList: import("vue").Ref<any[]>;
66
75
  stepInfoArray: import("vue").Ref<any[]>;
76
+ mouseEnter: (stepItem: any) => void;
77
+ mouseLeave: (stepItem: any) => void;
67
78
  handleNode: (nodeList: any[], cols: number) => void;
68
79
  fillBoxShow: (item: any) => any;
69
80
  lineCircleLeft: (stepItem: any) => boolean;
@@ -96,6 +107,10 @@ declare const _default: import("vue").DefineComponent<{
96
107
  type: BooleanConstructor;
97
108
  default: boolean;
98
109
  };
110
+ nextNodeRender: {
111
+ type: BooleanConstructor;
112
+ default: boolean;
113
+ };
99
114
  noDataMsg: {
100
115
  type: StringConstructor;
101
116
  default: string;
@@ -110,6 +125,7 @@ declare const _default: import("vue").DefineComponent<{
110
125
  currentStep: number;
111
126
  toolTipShow: boolean;
112
127
  lastNodeRender: boolean;
128
+ nextNodeRender: boolean;
113
129
  placement: string;
114
130
  }>;
115
131
  export default _default;
@@ -1 +1 @@
1
- import{defineComponent as e,computed as t,toRefs as l,ref as n,watch as s,openBlock as o,createElementBlock as i,normalizeStyle as r,unref as a,normalizeClass as p,createElementVNode as d,Fragment as c,renderList as u,createCommentVNode as m,withDirectives as f,renderSlot as h,toDisplayString as v,vShow as g,createBlock as I,withCtx as x,createVNode as y}from"vue";import{NTooltip as B,NEmpty as w}from"naive-ui";import{useTheme as S}from"../../../shared/hooks/useTheme.js";import"@vueuse/core";import"date-fns";import"lodash-es";import{defaultCssVars as T}from"./constants/index.js";const k={class:"stepBox"},_=["title"],b=["title"],C=["title"],$=["title"],L={key:0,style:{height:"48px"}},R={key:1},M={key:1};var N=e({__name:"StepsWheel",props:{stepInfo:{type:Object,default:()=>({list:[],cols:6})},currentStep:{type:Number,default:1},toolTipShow:{type:Boolean,default:!0},lastNodeRender:{type:Boolean,default:!1},noDataMsg:{type:String,default:"暂无节点数据"},placement:{type:String,default:"center"}},setup(e){const N=e,j=S(T,"StepsWheel"),D=t((()=>Math.ceil(F.value.length/N.stepInfo.cols))),A=t((()=>N.lastNodeRender)),{noDataMsg:E}=l(N),O=n(null),W=t((()=>{var e;let t=72;if(null==(e=null==O?void 0:O.value)?void 0:e.length){let e=O.value[0],l=window.getComputedStyle?window.getComputedStyle(e):e.currentStyle;t=isNaN(parseInt(l["min-width"]))?72:parseInt(l["min-width"])}return`${20+N.stepInfo.cols*t}px`})),F=n([]),P=n([]),q=e=>{if(P.value.length){if(e.rowIndex===P.value.length)return!0;if(e.rowIndex<P.value.length)return P.value[e.rowIndex].some((e=>null==e?void 0:e.title))}return!1},z=e=>{const{list:t=[]}=N.stepInfo;return e.rowIndex%2==0&&"frist"==e.nodeType&&e.nodeIndex!==t.length},G=e=>{const{list:t=[]}=N.stepInfo;return e.rowIndex%2!=0&&"last"==e.nodeType&&e.nodeIndex!==t.length},H=(e,t)=>e.rowIndex%2==0?N.currentStep>=t+(N.stepInfo.cols-2*e.sort):N.currentStep>=t+2,J=(e,t)=>{let l=e.length,n=l%t==0?l/t:Math.floor(l/t+1),s=[];for(let l=0;l<n;l++){let n=e.slice(l*t,l*t+t);s.push(n)}return s},K=e=>{const{cols:t}=N.stepInfo;let l=J(F.value,t),n=l[l.length-1].filter((e=>e));return D.value%2==0?e!=n[n.length-1].nodeIndex-(t-2*n[n.length-1].sort):e!=n[n.length-1].nodeIndex-1},Q=e=>{const{cols:t}=N.stepInfo;let l=J(F.value,t),n=l[l.length-1].filter((e=>e));return D.value%2==0?A.value&&e==n[0].nodeIndex-(t-2*n[0].sort):A.value&&e==n[n.length-1].nodeIndex-1},U=(e,t)=>{const{cols:l}=N.stepInfo;let n=J(F.value,l),s=n[n.length-1].filter((e=>e));return D.value%2==0?"circle"===t?A.value&&e==s[0].nodeIndex-(l-2*s[0].sort)-l:A.value&&e==s[0].nodeIndex-(l-2*s[0].sort):"circle"===t?A.value&&e==s[s.length-1].nodeIndex-1-l:A.value&&e==s[s.length-1].nodeIndex-2};return s((()=>N.stepInfo),(e=>{var t;(null==(t=null==e?void 0:e.list)?void 0:t.length)&&((e,t)=>{let l=e.length+1,n=Math.ceil(e.length/t),s=!0,o=[];for(var i=0;i<n;i++)o[i]=new Array(t),o[i].fill(null);let r=0,a=0;for(let n=1;n<l;n++)o[r][a]=Object.assign(e[n-1],{nodeIndex:n,rowIndex:r+1}),s?n%t!=0?a++:(s=!s,r++):n%t!=0?a--:(s=!s,r++);let p=[];o.map((e=>{e.map(((e,t)=>e&&(e.sort=t))),e[0]&&(e[0].nodeType="frist"),e[e.length-1]&&(e[e.length-1].nodeType="last"),p=[...p,...e]})),F.value=p,P.value=o})(e.list,e.cols)}),{immediate:!0,deep:!0}),(t,l)=>(o(),i("div",{class:"step-wheel-box",style:r({minWidth:a(W),...a(j)})},[F.value.length?(o(),i("div",{key:0,class:p(["stepOut",{placementLeft:"left"===e.placement,placementRight:"right"===e.placement}])},[d("ul",k,[(o(!0),i(c,null,u(F.value,((l,n)=>(o(),i("li",{ref_for:!0,ref_key:"stepItemRef",ref:O,key:(null==l?void 0:l.stepId)||n,class:p(["stepItem",{[`stepItem_${n+1}`]:!0,[`${null==l?void 0:l.stepId}`]:!!(null==l?void 0:l.stepId)}])},[l?(o(),i(c,{key:0},[m(" 步骤头部信息 "),f(d("div",{class:p(["stepTopBox",{finished:Q(n),stepTopBox_right:"right"===e.placement,stepTopBox_left:"left"===e.placement}])},[h(t.$slots,"stepTopBox",{stepItem:l},(()=>[d("span",{title:l.title},v(l.title),9,_)]))],2),[[g,l.title]]),m(" 步骤条的节点,此处为圆圈 "),e.toolTipShow?(o(),I(a(B),{key:0,placement:"top","show-arrow":!0,trigger:"hover",style:r({opacity:"0.88"})},{trigger:x((()=>[d("div",{class:p(["icon",{active:e.currentStep>=l.nodeIndex,finished:Q(n)}])},null,2)])),default:x((()=>[h(t.$slots,"nodeTipBox",{stepItem:l,stepId:l.stepId})])),_:2},1032,["style"])):(o(),i("div",{key:1,class:p(["icon",{active:e.currentStep>=l.nodeIndex,finished:Q(n)}])},null,2)),m(" 步骤条连接线,动态显示 "),"last"!==l.nodeType?f((o(),i("div",{key:2,class:p(["line",{lineActive:H(l,n),finished:U(n)}])},null,2)),[[g,K(n)]]):m("v-if",!0),m(" 步骤条弯曲连线,动态渲染 "),z(l)||G(l)?(o(),i("div",{key:3,class:p({lineCircleActive:e.currentStep>l.nodeIndex,lineCircleFinished:U(n,"circle"),lineCircleRight:G(l),lineCircleLeft:z(l),lineCirclePlacementRight:G(l)&&"right"===e.placement,lineCirclePlacementLeft:z(l)&&"left"===e.placement})},null,2)):m("v-if",!0),m(" 步骤底部信息 "),d("div",{class:p(["stepBottomBox",{stepBottomBox_right:"right"===e.placement,stepBottomBox_left:"left"===e.placement}])},[h(t.$slots,"stepBottomBox",{stepItem:l},(()=>[m(" 步骤名称 "),f(d("p",{class:p(["stepLabel",{labelFinsh:Q(n),stepLabel_right:"right"===e.placement,stepLabel_left:"left"===e.placement}]),title:l.label},v(l.label),11,b),[[g,l.label]]),d("div",{class:p({stepBottomCustomBox:!0,alignItemsEnd:"left"===e.placement,alignItemsStart:"right"===e.placement})},[h(t.$slots,"stepBottomCustomBox",{stepItem:l},(()=>[d("div",{class:p({stepBottomDefaultBox:!0,alignItemsEnd:"left"===e.placement,alignItemsStart:"right"===e.placement}),style:{width:"100%",display:"flex",flexDirection:"column"}},[f(d("p",{class:"stepExtra",title:l.person},v(l.person),9,C),[[g,l.person]]),m(" 步骤时间 "),f(d("p",{class:"statusTime",title:l.statusTime},v(l.statusTime),9,$),[[g,l.statusTime]])],2)]))],2)])),q(l)?(o(),i("div",L)):m("v-if",!0)],2)],64)):(o(),i("div",R,[m("null元素占位")]))],2)))),128))])],2)):(o(),i("div",M,[y(a(w),{description:a(E)},null,8,["description"])]))],4))}});export{N as default};
1
+ import{defineComponent as e,computed as t,toRefs as l,ref as n,watch as o,openBlock as s,createElementBlock as i,normalizeStyle as r,unref as a,normalizeClass as p,createElementVNode as d,Fragment as u,renderList as c,createCommentVNode as m,withDirectives as f,renderSlot as v,toDisplayString as h,vShow as I,createBlock as g,withCtx as x,createVNode as y}from"vue";import{NTooltip as w,NEmpty as B}from"naive-ui";import{useTheme as S}from"../../../shared/hooks/useTheme.js";import"@vueuse/core";import"date-fns";import"lodash-es";import{defaultCssVars as T}from"./constants/index.js";const M={class:"stepBox"},b=["title"],k=["onMouseenter","onMouseleave"],_=["onMouseenter","onMouseleave"],C=["title"],R=["title"],N=["title"],$={key:0,style:{height:"48px"}},L={key:1},V={key:1};var j=e({__name:"StepsWheel",props:{stepInfo:{type:Object,default:()=>({list:[],cols:6})},currentStep:{type:Number,default:1},toolTipShow:{type:Boolean,default:!0},lastNodeRender:{type:Boolean,default:!1},nextNodeRender:{type:Boolean,default:!1},noDataMsg:{type:String,default:"暂无节点数据"},placement:{type:String,default:"center"}},setup(e){const j=e,D=S(T,"StepsWheel"),O=t((()=>Math.ceil(q.value.length/j.stepInfo.cols))),A=t((()=>j.lastNodeRender)),{noDataMsg:E,nextNodeRender:P}=l(j),W=n(null),F=t((()=>{var e;let t=72;if(null==(e=null==W?void 0:W.value)?void 0:e.length){let e=W.value[0],l=window.getComputedStyle?window.getComputedStyle(e):e.currentStyle;t=isNaN(parseInt(l["min-width"]))?72:parseInt(l["min-width"])}return`${20+j.stepInfo.cols*t}px`})),q=n([]),z=n([]),G=e=>{e.tipVisible=!0},H=e=>{e.tipVisible=!1},J=e=>{if(z.value.length){if(e.rowIndex===z.value.length)return!0;if(e.rowIndex<z.value.length)return z.value[e.rowIndex].some((e=>null==e?void 0:e.title))}return!1},K=e=>{const{list:t=[]}=j.stepInfo;return e.rowIndex%2==0&&"frist"==e.nodeType&&e.nodeIndex!==t.length},Q=e=>{const{list:t=[]}=j.stepInfo;return e.rowIndex%2!=0&&"last"==e.nodeType&&e.nodeIndex!==t.length},U=(e,t)=>P.value?e.rowIndex%2==0?j.currentStep>=t+(j.stepInfo.cols-2*e.sort)-1:j.currentStep>=t+1:e.rowIndex%2==0?j.currentStep>=t+(j.stepInfo.cols-2*e.sort):j.currentStep>=t+2,X=(e,t)=>{let l=e.length,n=l%t==0?l/t:Math.floor(l/t+1),o=[];for(let l=0;l<n;l++){let n=e.slice(l*t,l*t+t);o.push(n)}return o},Y=e=>{const{cols:t}=j.stepInfo;let l=X(q.value,t),n=l[l.length-1].filter((e=>e));return O.value%2==0?e!=n[n.length-1].nodeIndex-(t-2*n[n.length-1].sort):e!=n[n.length-1].nodeIndex-1},Z=e=>{const{cols:t}=j.stepInfo;let l=X(q.value,t),n=l[l.length-1].filter((e=>e));return O.value%2==0?A.value&&e==n[0].nodeIndex-(t-2*n[0].sort):A.value&&e==n[n.length-1].nodeIndex-1},ee=(e,t)=>{const{cols:l}=j.stepInfo;let n=X(q.value,l),o=n[n.length-1].filter((e=>e));return O.value%2==0?"circle"===t?A.value&&e==o[0].nodeIndex-(l-2*o[0].sort)-l:A.value&&e==o[0].nodeIndex-(l-2*o[0].sort):"circle"===t?A.value&&e==o[o.length-1].nodeIndex-1-l:A.value&&e==o[o.length-1].nodeIndex-2};return o((()=>j.stepInfo),(e=>{var t;(null==(t=null==e?void 0:e.list)?void 0:t.length)&&((e,t)=>{let l=e.length+1,n=Math.ceil(e.length/t),o=!0,s=[];for(var i=0;i<n;i++)s[i]=new Array(t),s[i].fill(null);let r=0,a=0;for(let n=1;n<l;n++)s[r][a]=Object.assign(e[n-1],{nodeIndex:n,rowIndex:r+1}),o?n%t!=0?a++:(o=!o,r++):n%t!=0?a--:(o=!o,r++);let p=[];s.map((e=>{e.map(((e,t)=>{e&&(e.sort=t,!e.hasOwnProperty("tipVisible")&&(e.tipVisible=!1))})),e[0]&&(e[0].nodeType="frist"),e[e.length-1]&&(e[e.length-1].nodeType="last"),p=[...p,...e]})),q.value=p,z.value=s})(e.list,e.cols)}),{immediate:!0,deep:!0}),(t,l)=>(s(),i("div",{class:"step-wheel-box",style:r({minWidth:a(F),...a(D)})},[q.value.length?(s(),i("div",{key:0,class:p(["stepOut",{placementLeft:"left"===e.placement,placementRight:"right"===e.placement}])},[d("ul",M,[(s(!0),i(u,null,c(q.value,((l,n)=>(s(),i("li",{ref_for:!0,ref_key:"stepItemRef",ref:W,key:(null==l?void 0:l.stepId)||n,class:p(["stepItem",{[`stepItem_${n+1}`]:!0,[`${null==l?void 0:l.stepId}`]:!!(null==l?void 0:l.stepId)}])},[l?(s(),i(u,{key:0},[m(" 步骤头部信息 "),f(d("div",{class:p(["stepTopBox",{activeTitle:e.currentStep>=l.nodeIndex,finished:Z(n),stepTopBox_right:"right"===e.placement,stepTopBox_left:"left"===e.placement}])},[v(t.$slots,"stepTopBox",{stepItem:l},(()=>[d("span",{title:l.title},h(l.title),9,b)]))],2),[[I,l.title]]),m(" 步骤条的节点,此处为圆圈 "),e.toolTipShow?(s(),g(a(w),{key:0,placement:"top",delay:0,"show-arrow":!0,show:l.tipVisible,trigger:"manual",style:r({opacity:"0.88"}),onMouseenter:e=>G(l),onMouseleave:e=>H(l)},{trigger:x((()=>[d("div",{class:p(["icon",{active:e.currentStep>=l.nodeIndex,finished:Z(n)}]),onMouseenter:e=>G(l),onMouseleave:e=>H(l)},null,42,k)])),default:x((()=>[v(t.$slots,"nodeTipBox",{stepItem:l,stepId:l.stepId})])),_:2},1032,["show","style","onMouseenter","onMouseleave"])):(s(),i("div",{key:1,class:p(["icon",{active:e.currentStep>=l.nodeIndex,finished:Z(n)}])},null,2)),m(" 步骤条连接线,动态显示 "),"last"!==l.nodeType?f((s(),i("div",{key:2,class:p(["line",{lineActive:U(l,n),finished:ee(n)}])},null,2)),[[I,Y(n)]]):m("v-if",!0),m(" 步骤条弯曲连线,动态渲染 "),K(l)||Q(l)?(s(),i("div",{key:3,class:p({lineCircleActive:a(P)?e.currentStep>=l.nodeIndex:e.currentStep>l.nodeIndex,lineCircleFinished:ee(n,"circle"),lineCircleRight:Q(l),lineCircleLeft:K(l),lineCirclePlacementRight:Q(l)&&"right"===e.placement,lineCirclePlacementLeft:K(l)&&"left"===e.placement})},null,2)):m("v-if",!0),m(" 步骤底部信息 "),d("div",{class:p(["stepBottomBox",{stepBottomBox_right:"right"===e.placement,stepBottomBox_left:"left"===e.placement}]),onMouseenter:e=>G(l),onMouseleave:e=>H(l)},[v(t.$slots,"stepBottomBox",{stepItem:l},(()=>[m(" 步骤名称 "),f(d("p",{class:p(["stepLabel",{labelFinsh:Z(n),stepLabel_right:"right"===e.placement,stepLabel_left:"left"===e.placement}]),title:l.label},h(l.label),11,C),[[I,l.label]]),d("div",{class:p({stepBottomCustomBox:!0,alignItemsEnd:"left"===e.placement,alignItemsStart:"right"===e.placement})},[v(t.$slots,"stepBottomCustomBox",{stepItem:l},(()=>[d("div",{class:p({stepBottomDefaultBox:!0,alignItemsEnd:"left"===e.placement,alignItemsStart:"right"===e.placement}),style:{width:"100%",display:"flex",flexDirection:"column"}},[f(d("p",{class:"stepExtra",title:l.person},h(l.person),9,R),[[I,l.person]]),m(" 步骤时间 "),f(d("p",{class:"statusTime",title:l.statusTime},h(l.statusTime),9,N),[[I,l.statusTime]])],2)]))],2)])),J(l)?(s(),i("div",$)):m("v-if",!0)],42,_)],64)):(s(),i("div",L,[m("null元素占位")]))],2)))),128))])],2)):(s(),i("div",V,[y(a(B),{description:a(E)},null,8,["description"])]))],4))}});export{j as default};
@@ -1 +1 @@
1
- .step-wheel-box{font-family:PingFangSC-Medium,PingFang SC;font-size:16px;font-weight:500;height:100%;overflow:hidden;width:100%}.step-wheel-box .stepOut{display:flex;justify-content:center}.step-wheel-box .stepOut .stepBox{display:flex;flex-wrap:wrap;list-style:none;width:100%}.step-wheel-box .stepOut .stepItem{font-family:SimSun;font-size:16px;min-width:73px;position:relative;text-align:center;top:48px;width:15%}.step-wheel-box .stepOut .stepItem .lineCircleRight{border-color:#fff;border-bottom:1px dashed rgba(3,2,2,.4);border-left:0 dashed rgba(3,2,2,.4)!important;border-radius:0 25px 25px 0;border-right:1px dashed rgba(3,2,2,.4);border-top:1px dashed rgba(3,2,2,.4);display:block;height:100%;left:55%;position:absolute;top:6px;width:30%}.step-wheel-box .stepOut .stepItem .lineCirclePlacementRight{width:100%}.step-wheel-box .stepOut .stepItem .lineCircleLeft{border-color:#fff;border-bottom:1px dashed rgba(3,2,2,.4);border-left:1px dashed rgba(3,2,2,.4);border-radius:25px 0 0 25px;border-right:0 dashed rgba(3,2,2,.4)!important;border-top:1px dashed rgba(3,2,2,.4);display:block;height:100%;left:15%;position:absolute;top:6px;width:30%}.step-wheel-box .stepOut .stepItem .lineCirclePlacementLeft{left:-55%;width:100%}.step-wheel-box .stepOut .stepItem .lineCircleActive{border:1px solid var(--c-primary-color)}.step-wheel-box .stepOut .stepItem .lineCircleFinished{border:1px solid var(--c-success-color)}.step-wheel-box .stepOut .stepItem .icon{background:#969696;border-radius:50%;height:13px;margin:0 auto;position:relative;width:13px;z-index:888}.step-wheel-box .stepOut .stepItem .active{background-color:var(--c-primary-color)}.step-wheel-box .stepOut .stepItem .finished{background-color:var(--c-success-color)!important;border-color:var(--c-success-color)!important;color:#fff!important}.step-wheel-box .stepOut .stepItem .labelFinsh{color:var(--c-success-color)!important}.step-wheel-box .stepOut .stepItem .line{border-bottom:1px dashed rgba(3,2,2,.4);left:55%;position:absolute;top:6px;width:90%;z-index:111}.step-wheel-box .stepOut .stepItem .lineActive{border-bottom:1px solid var(--c-primary-color)}.step-wheel-box .stepOut .stepItem .stepTopBox{background:rgba(110,153,255,.11);border-radius:4px;color:var(--c-primary-color);cursor:pointer;height:40px;left:50%;line-height:40px;max-width:70%;min-width:73px;overflow:hidden;padding:0 5px;position:absolute;text-overflow:ellipsis;top:-48px;transform:translateX(-50%);white-space:nowrap}.step-wheel-box .stepOut .stepItem .stepTopBox_right{transform:translateX(-10%)}.step-wheel-box .stepOut .stepItem .stepTopBox_left{transform:translateX(-90%)}.step-wheel-box .stepOut .stepItem .stepBottomBox{align-items:center;cursor:pointer;display:flex;flex-direction:column;min-width:73px;overflow:hidden;padding:8px 0;width:100%}.step-wheel-box .stepOut .stepItem .stepBottomBox .stepBottomCustomBox{align-items:center;display:flex;flex-direction:column;height:calc(100% - 27px);width:100%}.step-wheel-box .stepOut .stepItem .stepBottomBox .stepBottomCustomBox .stepBottomDefaultBox{align-items:center}.step-wheel-box .stepOut .stepItem .stepBottomBox .stepBottomCustomBox .alignItemsEnd{align-items:flex-end;text-align:right}.step-wheel-box .stepOut .stepItem .stepBottomBox .stepBottomCustomBox .alignItemsStart{align-items:flex-start;text-align:left}.step-wheel-box .stepOut .stepItem .stepBottomBox .alignItemsEnd{align-items:flex-end;text-align:right}.step-wheel-box .stepOut .stepItem .stepBottomBox .alignItemsStart{align-items:flex-start;text-align:left}.step-wheel-box .stepOut .stepItem .stepBottomBox_right{align-items:flex-start;left:45%;position:relative}.step-wheel-box .stepOut .stepItem .stepBottomBox_left{align-items:flex-end;left:-45%;position:relative}.step-wheel-box .stepOut .stepItem .stepLabel{color:#212121;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.step-wheel-box .stepOut .stepItem .stepLabel_right{text-align:left}.step-wheel-box .stepOut .stepItem .stepLabel_left{text-align:right}.step-wheel-box .stepOut .stepItem .stepExtra{border:1px solid #cacaca;border-radius:4px;display:inline-block;margin:0;max-width:90%;overflow:hidden;padding:0 4px;text-overflow:ellipsis;white-space:nowrap;width:auto}.step-wheel-box .stepOut .stepItem .statusTime{color:rgba(0,0,0,.6);font-size:14px;font-weight:400;margin:0;max-width:90%}.placementRight{left:-1%;position:relative}.placementLeft{left:10%;position:relative}.nodeTipContent{margin:0;max-height:200px;max-width:400px;overflow:auto;padding:0;text-align:center}.nodeTipContent li{list-style:none;margin-bottom:5px}.nodeTipContent li p{margin:0}
1
+ .step-wheel-box{font-family:PingFangSC-Medium,PingFang SC;font-size:16px;font-weight:500;height:100%;overflow:hidden;width:100%}.step-wheel-box .stepOut{display:flex;justify-content:center}.step-wheel-box .stepOut .stepBox{display:flex;flex-wrap:wrap;list-style:none;width:100%}.step-wheel-box .stepOut .stepItem{font-family:SimSun;font-size:16px;min-width:73px;position:relative;text-align:center;top:48px;width:15%}.step-wheel-box .stepOut .stepItem .lineCircleRight{border-color:#fff;border-bottom:1px dashed rgba(3,2,2,.4);border-left:0 dashed rgba(3,2,2,.4)!important;border-radius:0 25px 25px 0;border-right:1px dashed rgba(3,2,2,.4);border-top:1px dashed rgba(3,2,2,.4);display:block;height:100%;left:55%;position:absolute;top:6px;width:30%}.step-wheel-box .stepOut .stepItem .lineCirclePlacementRight{width:100%}.step-wheel-box .stepOut .stepItem .lineCircleLeft{border-color:#fff;border-bottom:1px dashed rgba(3,2,2,.4);border-left:1px dashed rgba(3,2,2,.4);border-radius:25px 0 0 25px;border-right:0 dashed rgba(3,2,2,.4)!important;border-top:1px dashed rgba(3,2,2,.4);display:block;height:100%;left:15%;position:absolute;top:6px;width:30%}.step-wheel-box .stepOut .stepItem .lineCirclePlacementLeft{left:-55%;width:100%}.step-wheel-box .stepOut .stepItem .lineCircleActive{border:1px solid var(--c-primary-color)}.step-wheel-box .stepOut .stepItem .lineCircleFinished{border:1px solid var(--c-success-color)}.step-wheel-box .stepOut .stepItem .icon{background:#969696;border-radius:50%;height:13px;margin:0 auto;position:relative;width:13px;z-index:888}.step-wheel-box .stepOut .stepItem .active{background-color:var(--c-primary-color)}.step-wheel-box .stepOut .stepItem .finished{background-color:var(--c-success-color)!important;border-color:var(--c-success-color)!important;color:#fff!important}.step-wheel-box .stepOut .stepItem .labelFinsh{color:var(--c-success-color)!important}.step-wheel-box .stepOut .stepItem .line{border-bottom:1px dashed rgba(3,2,2,.4);left:55%;position:absolute;top:6px;width:90%;z-index:111}.step-wheel-box .stepOut .stepItem .lineActive{border-bottom:1px solid var(--c-primary-color)}.step-wheel-box .stepOut .stepItem .stepTopBox{background:#e6e6e6;border-radius:4px;color:#000;cursor:pointer;height:40px;left:50%;line-height:40px;max-width:70%;min-width:73px;overflow:hidden;padding:0 5px;position:absolute;text-overflow:ellipsis;top:-48px;transform:translateX(-50%);white-space:nowrap}.step-wheel-box .stepOut .stepItem .activeTitle{background:#f1f5fe;color:var(--c-primary-color)}.step-wheel-box .stepOut .stepItem .stepTopBox_right{transform:translateX(-10%)}.step-wheel-box .stepOut .stepItem .stepTopBox_left{transform:translateX(-90%)}.step-wheel-box .stepOut .stepItem .stepBottomBox{align-items:center;cursor:pointer;display:flex;flex-direction:column;margin:8px 0 16px;min-width:73px;overflow:hidden;width:100%}.step-wheel-box .stepOut .stepItem .stepBottomBox .stepBottomCustomBox{align-items:center;display:flex;flex-direction:column;height:calc(100% - 27px);width:100%}.step-wheel-box .stepOut .stepItem .stepBottomBox .stepBottomCustomBox .stepBottomDefaultBox{align-items:center}.step-wheel-box .stepOut .stepItem .stepBottomBox .stepBottomCustomBox .alignItemsEnd{align-items:flex-end;text-align:right}.step-wheel-box .stepOut .stepItem .stepBottomBox .stepBottomCustomBox .alignItemsStart{align-items:flex-start;text-align:left}.step-wheel-box .stepOut .stepItem .stepBottomBox .alignItemsEnd{align-items:flex-end;text-align:right}.step-wheel-box .stepOut .stepItem .stepBottomBox .alignItemsStart{align-items:flex-start;text-align:left}.step-wheel-box .stepOut .stepItem .stepBottomBox_right{align-items:flex-start;left:45%;position:relative}.step-wheel-box .stepOut .stepItem .stepBottomBox_left{align-items:flex-end;left:-45%;position:relative}.step-wheel-box .stepOut .stepItem .stepLabel{color:#212121;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.step-wheel-box .stepOut .stepItem .stepLabel_right{text-align:left}.step-wheel-box .stepOut .stepItem .stepLabel_left{text-align:right}.step-wheel-box .stepOut .stepItem .stepExtra{border:1px solid #cacaca;border-radius:4px;display:inline-block;margin:0;max-width:90%;overflow:hidden;padding:0 4px;text-overflow:ellipsis;white-space:nowrap;width:auto}.step-wheel-box .stepOut .stepItem .statusTime{color:rgba(0,0,0,.6);font-size:14px;font-weight:400;margin:0;max-width:90%}.placementRight{left:-1%;position:relative}.placementLeft{left:10%;position:relative}.nodeTipContent{margin:0;max-height:200px;max-width:400px;overflow:auto;padding:0;text-align:center}.nodeTipContent li{list-style:none;margin-bottom:5px}.nodeTipContent li p{margin:0}
@@ -1 +1 @@
1
- var e="@cnhis-design-vue/shared",i="3.1.46-beta.33",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.46-beta.33",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};
1
+ var e="@cnhis-design-vue/shared",i="3.1.46-beta.35",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.46-beta.35",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.1.46-beta.33",
3
+ "version": "3.1.46-beta.35",
4
4
  "license": "ISC",
5
5
  "module": "./es/components/index.js",
6
6
  "main": "./es/components/index.js",
@@ -61,5 +61,5 @@
61
61
  "iOS 7",
62
62
  "last 3 iOS versions"
63
63
  ],
64
- "gitHead": "cadd8bf8d96a6876b9edc60e8a91610b7ad56666"
64
+ "gitHead": "247c78173c660d52856840b0c2e880a41b0a0ce3"
65
65
  }