cnhis-design-vue 3.2.3-release.3 → 3.2.3-release.4

package/es/components/search-cascader/src/SearchCascader.vue2.js

@@ -1 +1 @@
-import{defineComponent as e,computed as a,provide as t,ref as l,nextTick as o,watch as r,openBlock as u,createBlock as n,unref as s,mergeProps as i,isRef as d,withCtx as c,createElementVNode as v,createVNode as p,createCommentVNode as f,normalizeStyle as h,renderSlot as y}from"vue";import{useTheme as m}from"../../../shared/hooks/useTheme.js";import{useEventBus as b,useVModel as g,onClickOutside as k,useDebounceFn as w}from"@vueuse/core";import"date-fns";import{isArray as S,isString as C,isObject as K,isFunction as j}from"lodash-es";import{isPromise as P,NOOP as _}from"@vue/shared";import{uuidGenerator as N}from"../../../shared/utils/index.js";import"@vueuse/shared";import"../../../shared/hooks/selectHooks/useSearchContent.js";import"@vicons/ionicons5";import{NPopover as x,NInput as A}from"naive-ui";import U from"./components/ClearIcon.vue.js";import{InjectionSearchCascaderCheckAbleLevel as W,InjectionKeyboardEventBus as B,InjectionSearchCascaderLoadingNode as F,InjectionSearchCascaderValue as I}from"./constants/index.js";import{SearchMenu as L}from"./components/SearchMenu.js";const T={style:{width:"100%"}},V=["id"];var E=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},disabled:Boolean,inputProps:{type:Object},popperProps:{type:Object}},emits:["update:value","focus","update:show"],setup(e,{expose:E,emit:O}){const R=e,$=m();const H=a((()=>R.clearable&&(S(R.value)?R.value.length:!!R.value)));function M(){!function(e){if(!j(R.beforeSetValue))return O("update:value",e);const a=R.beforeSetValue(e);P(a)?a.then((e=>O("update:value",e)),_):O("update:value",a)}([])}function q(e){var a;"INPUT"===(null==(a=e.target)?void 0:a.tagName)&&ae()}const z=e=>{var a;"INPUT"!==(null==(a=e.target)?void 0:a.tagName)||"Enter"!==e.code||Q.value?G.emit(e.key,e):ae()},D=a((()=>({"--menu-width":R.menuWidth}))),G=b("cascaderKeydown"),J=N(),Q=g(R,"show",O);t(W,a((()=>R.checkAbleLevel))),t(B,G);const X=l(""),Y=a((()=>C(R.value)&&R.value?R.value:S(R.value)&&R.value.length?R.value.map((e=>K(e)?e[R.labelKey]:e)).join(" / "):R.editPlaceholder)),Z=a({get:()=>Q.value?X.value:C(R.value)?R.value:S(R.value)?R.value.reduce(((e,a,t)=>0===t?a[R.labelKey]:e+" / "+a[R.labelKey]),""):"",set(e){X.value=e,se(void 0,e)}});function ee(e){O("focus",e)}function ae(){Q.value||R.disabled||(Q.value=!0,X.value="",se())}async function te(){var e;Q.value=!1,null==(e=le.value)||e.blur()}const le=l();k(le,(e=>{var a;if(!Q.value)return;const t=e;if(!t.target)return te();!function(e){let a=!1,t=e;for(;t;){if(t.id===J){a=!0;break}t=t.parentElement}return a}(t.target)?te():null==(a=le.value)||a.focus()}));const oe=l(),re=l(),ue=l(),ne=l(null);t(F,ne),t(I,a((()=>R.value)));const se=w((async(e,a)=>{var t;const{type:l,node:r}=e||{};try{if("update"===l)return void(j(R.search)&&R.search({...r,isLeaf:!0}));ne.value=r;const e=await(j(R.search)&&R.search(r,a));re.value=K(e)||S(e)?e:r}finally{ne.value=null,await o(),null==(t=oe.value)||t.syncPosition()}}),400),ie=e=>{ue.value=e};return r((()=>R.show),(e=>{e&&(ue.value={})})),E({getWidth(){var e;if(!le.value)return 0;const a=null==(e=le.value)?void 0:e.$el;return a?a.clientWidth:void 0},setCursor(e){ue.value=e}}),(a,t)=>(u(),n(s(x),i({class:"search-cascader",trigger:"manual",show:s(Q),"onUpdate:show":t[1]||(t[1]=e=>d(Q)?Q.value=e:null),"show-arrow":!1,placement:"bottom-start",style:s(D),disabled:e.disabled,width:e.options.length?void 0:"trigger",ref_key:"popoverRef",ref:oe},e.popperProps),{trigger:c((()=>[v("div",T,[p(s(A),i({disabled:e.disabled,class:{"search-cascader__input":!e.disabled},placeholder:s(Q)?s(Y):e.placeholder,clearable:!1,value:s(Z),"onUpdate:value":t[0]||(t[0]=e=>d(Z)?Z.value=e:null),ref_key:"inputRef",ref:le,onFocus:ee,onClick:q,onKeydown:z},e.inputProps),{suffix:c((()=>[s(H)?(u(),n(U,{key:0,onClick:M})):f("v-if",!0)])),_:1},16,["disabled","class","placeholder","value"])])])),default:c((()=>[v("section",{id:s(J)},[p(s(L),{style:h(s($)),"label-key":e.labelKey,"value-key":e.valueKey,options:e.options,onNodeClick:s(se),onChangeCursor:ie,"current-node":re.value,"cursor-node":ue.value},{empty:c((()=>[y(a.$slots,"empty")])),_:3},8,["style","label-key","value-key","options","onNodeClick","current-node","cursor-node"])],8,V)])),_:3},16,["show","style","disabled","width"]))}});export{E as default};
+import{defineComponent as e,computed as a,provide as t,ref as l,nextTick as o,watch as r,openBlock as u,createBlock as n,unref as s,mergeProps as i,isRef as d,withCtx as c,createElementVNode as v,createVNode as p,createCommentVNode as f,normalizeStyle as h,renderSlot as y}from"vue";import{useTheme as m}from"../../../shared/hooks/useTheme.js";import{useEventBus as b,useVModel as g,onClickOutside as k,useDebounceFn as w}from"@vueuse/core";import"date-fns";import{isArray as S,isString as C,isObject as K,isFunction as j}from"lodash-es";import{isPromise as P,NOOP as _}from"@vue/shared";import{uuidGenerator as N}from"../../../shared/utils/index.js";import"@vueuse/shared";import"../../../shared/hooks/selectHooks/useSearchContent.js";import"@vicons/ionicons5";import{NPopover as x,NInput as A}from"naive-ui";import U from"./components/ClearIcon.vue.js";import{InjectionSearchCascaderCheckAbleLevel as W,InjectionKeyboardEventBus as B,InjectionSearchCascaderLoadingNode as F,InjectionSearchCascaderValue as I}from"./constants/index.js";import{SearchMenu as L}from"./components/SearchMenu.js";const T={style:{width:"100%"}},V=["id"];var E=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},disabled:Boolean,inputProps:{type:Object},popperProps:{type:Object}},emits:["update:value","focus","update:show"],setup(e,{expose:E,emit:O}){const R=e,$=m();const H=a((()=>!R.disabled&&R.clearable&&(S(R.value)?R.value.length:!!R.value)));function M(){!function(e){if(!j(R.beforeSetValue))return O("update:value",e);const a=R.beforeSetValue(e);P(a)?a.then((e=>O("update:value",e)),_):O("update:value",a)}([])}function q(e){var a;"INPUT"===(null==(a=e.target)?void 0:a.tagName)&&ae()}const z=e=>{var a;"INPUT"!==(null==(a=e.target)?void 0:a.tagName)||"Enter"!==e.code||Q.value?G.emit(e.key,e):ae()},D=a((()=>({"--menu-width":R.menuWidth}))),G=b("cascaderKeydown"),J=N(),Q=g(R,"show",O);t(W,a((()=>R.checkAbleLevel))),t(B,G);const X=l(""),Y=a((()=>C(R.value)&&R.value?R.value:S(R.value)&&R.value.length?R.value.map((e=>K(e)?e[R.labelKey]:e)).join(" / "):R.editPlaceholder)),Z=a({get:()=>Q.value?X.value:C(R.value)?R.value:S(R.value)?R.value.reduce(((e,a,t)=>0===t?a[R.labelKey]:e+" / "+a[R.labelKey]),""):"",set(e){X.value=e,se(void 0,e)}});function ee(e){O("focus",e)}function ae(){Q.value||R.disabled||(Q.value=!0,X.value="",se())}async function te(){var e;Q.value=!1,null==(e=le.value)||e.blur()}const le=l();k(le,(e=>{var a;if(!Q.value)return;const t=e;if(!t.target)return te();!function(e){let a=!1,t=e;for(;t;){if(t.id===J){a=!0;break}t=t.parentElement}return a}(t.target)?te():null==(a=le.value)||a.focus()}));const oe=l(),re=l(),ue=l(),ne=l(null);t(F,ne),t(I,a((()=>R.value)));const se=w((async(e,a)=>{var t;const{type:l,node:r}=e||{};try{if("update"===l)return void(j(R.search)&&R.search({...r,isLeaf:!0}));ne.value=r;const e=await(j(R.search)&&R.search(r,a));re.value=K(e)||S(e)?e:r}finally{ne.value=null,await o(),null==(t=oe.value)||t.syncPosition()}}),400),ie=e=>{ue.value=e};return r((()=>R.show),(e=>{e&&(ue.value={})})),E({getWidth(){var e;if(!le.value)return 0;const a=null==(e=le.value)?void 0:e.$el;return a?a.clientWidth:void 0},setCursor(e){ue.value=e}}),(a,t)=>(u(),n(s(x),i({class:"search-cascader",trigger:"manual",show:s(Q),"onUpdate:show":t[1]||(t[1]=e=>d(Q)?Q.value=e:null),"show-arrow":!1,placement:"bottom-start",style:s(D),disabled:e.disabled,width:e.options.length?void 0:"trigger",ref_key:"popoverRef",ref:oe},e.popperProps),{trigger:c((()=>[v("div",T,[p(s(A),i({disabled:e.disabled,class:{"search-cascader__input":!e.disabled},placeholder:s(Q)?s(Y):e.placeholder,clearable:!1,value:s(Z),"onUpdate:value":t[0]||(t[0]=e=>d(Z)?Z.value=e:null),ref_key:"inputRef",ref:le,onFocus:ee,onClick:q,onKeydown:z},e.inputProps),{suffix:c((()=>[s(H)?(u(),n(U,{key:0,onClick:M})):f("v-if",!0)])),_:1},16,["disabled","class","placeholder","value"])])])),default:c((()=>[v("section",{id:s(J)},[p(s(L),{style:h(s($)),"label-key":e.labelKey,"value-key":e.valueKey,options:e.options,onNodeClick:s(se),onChangeCursor:ie,"current-node":re.value,"cursor-node":ue.value},{empty:c((()=>[y(a.$slots,"empty")])),_:3},8,["style","label-key","value-key","options","onNodeClick","current-node","cursor-node"])],8,V)])),_:3},16,["show","style","disabled","width"]))}});export{E as default};

package/es/env.d.ts

@@ -1,25 +1,25 @@
-/// <reference types="vite/client" />
-
-interface ImportMetaEnv {
-  readonly VITE_APP_TYPE: string;
-  // 更多环境变量...
-}
-
-interface ImportMeta {
-  readonly env: ImportMetaEnv;
-}
-
-declare module '*.vue' {
-// @ts-ignore
-  import type { App, defineComponent } from 'vue';
-  // // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
-  // // const component: DefineComponent<{}, {}, any>
-  const component: ReturnType<typeof defineComponent> & {
-    install(app: App): void;
-  };
-  // @ts-ignore
-  export default component;
-}
-
-declare module '*.js';
-
+/// <reference types="vite/client" />
+
+interface ImportMetaEnv {
+  readonly VITE_APP_TYPE: string;
+  // 更多环境变量...
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv;
+}
+
+declare module '*.vue' {
+// @ts-ignore
+  import type { App, defineComponent } from 'vue';
+  // // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
+  // // const component: DefineComponent<{}, {}, any>
+  const component: ReturnType<typeof defineComponent> & {
+    install(app: App): void;
+  };
+  // @ts-ignore
+  export default component;
+}
+
+declare module '*.js';
+

package/es/shared/directive/flexibleResize.js

@@ -1 +1 @@
-class t{constructor(t){this.maskMove=t=>{const e=this._isV?t.screenX:t.screenY,s=e-this._mv;this._mv=e;const{onMove:o}=this.options;o&&o({evt:t,distance:s})},this.maskUp=t=>{const{onEnd:e}=this.options,s=this._isV?t.screenX:t.screenY;e&&e({evt:t,distance:s-this._ms}),this.maskRemove()},this.toolDown=t=>{this.maskInsert(),this._isV=/^V/.test(this.options.mode),this._ms=this._mv=this._isV?t.screenX:t.screenY;const{onStart:e}=this.options;e&&e({evt:t,distance:0})},this.options=t||{},this.tool=null,this.mask=null,this._elPosition=null,this._isV=!1,this._ms=0,this._mv=0,this.init(t)}init(t){const{el:e}=t;if(!e)return;const s=this.toolCreate();this.initElPosition(),e.appendChild(s)}destroyed(){const{el:t}=this.options;this.maskRemove(),this.toolRemove(),this._elPosition?t.style.setProperty("position",this._elPosition):t.style.removeProperty("position")}initElPosition(){const t=this.options.el;if(!t)return;this._elPosition=t.style.position;const e=window.getComputedStyle(t,null).position;e&&"static"!==e||t.style.setProperty("position","relative")}maskCreate(t){if(this.mask)return this.mask;const e=document.createElement("div");return e.style="position:fixed;top:0;bottom:0;left:0;right:0;z-index:99999;cursor:"+(/^V/.test(t)?"col":"row")+"-resize",e.addEventListener("mousemove",this.maskMove),e.addEventListener("mouseup",this.maskUp),this.mask=e,e}maskRemove(){const t=this.mask;t&&(t.parentNode&&t.parentNode.removeChild(t),t.removeEventListener("mousemove",this.maskMove),t.removeEventListener("mouseup",this.maskUp),this.mask=null)}maskInsert(){const t=this.mask||this.maskCreate(this.options.mode);return document.body.appendChild(t),t}toolCreate(){if(this.tool)return this.tool;const t=document.createElement("div");return t.addEventListener("mousedown",this.toolDown),this.tool=t,this.toolInitStyle(),t}toolRemove(){const t=this.tool;t&&(t.parentNode&&t.parentNode.removeChild(t),this.tool=null)}toolInitStyle(){let t="user-select:none;cursor:col-resize;position:absolute;";const e=this.options.mode;/^V/.test(e)?t+="width: 8px;cursor:col-resize;":t+="height: 8px;cursor:row-resize;";const s={VR:"left",VL:"right",HT:"bottom",HB:"top"},o=s[e];t+=Object.keys(s).reduce(((t,e)=>{const i=s[e];return i!==o&&(t+=`${i}:0;`),t}),""),this.tool&&(this.tool.style=t)}}const e={mounted(e,{value:s}){e._flexibleResize||(e._flexibleResize=new t({el:e,mode:s.mode||"VR",onMove:s.onMove,onEnd:s.onEnd}))},beforeUnmount(t){t._flexibleResize&&(t._flexibleResize.destroyed(),t._flexibleResize=void 0)}};export{e as vFlexibleResize};
+class t{constructor(t){this.maskMove=t=>{const e=this._isV?t.screenX:t.screenY,s=e-this._mv;this._mv=e;const{onMove:o}=this.options;o&&o({evt:t,distance:s})},this.maskUp=t=>{const{onEnd:e}=this.options,s=this._isV?t.screenX:t.screenY;e&&e({evt:t,distance:s-this._ms}),this.maskRemove()},this.toolDown=t=>{this.maskInsert(),this._isV=/^V/.test(this.options.mode),this._ms=this._mv=this._isV?t.screenX:t.screenY;const{onStart:e}=this.options;e&&e({evt:t,distance:0})},this.options=t||{},this.tool=null,this.mask=null,this._elPosition=null,this._isV=!1,this._ms=0,this._mv=0,this.init(t)}init(t){const{el:e}=t;if(!e)return;const s=this.toolCreate();this.initElPosition(),e.appendChild(s)}destroyed(){const{el:t}=this.options;this.maskRemove(),this.toolRemove(),this._elPosition?t.style.setProperty("position",this._elPosition):t.style.removeProperty("position")}initElPosition(){const t=this.options.el;if(!t)return;this._elPosition=t.style.position;const e=window.getComputedStyle(t,null).position;e&&"static"!==e||t.style.setProperty("position","relative")}maskCreate(t){if(this.mask)return this.mask;const e=document.createElement("div");return e.style="position:fixed;top:0;bottom:0;left:0;right:0;z-index:99999;cursor:"+(/^V/.test(t)?"col":"row")+"-resize",e.addEventListener("mousemove",this.maskMove),e.addEventListener("mouseup",this.maskUp),this.mask=e,e}maskRemove(){const t=this.mask;t&&(t.parentNode&&t.parentNode.removeChild(t),t.removeEventListener("mousemove",this.maskMove),t.removeEventListener("mouseup",this.maskUp),this.mask=null)}maskInsert(){const t=this.mask||this.maskCreate(this.options.mode);return document.body.appendChild(t),t}toolCreate(){if(this.tool)return this.tool;const t=document.createElement("div");return t.addEventListener("mousedown",this.toolDown),this.tool=t,this.toolInitStyle(),t}toolRemove(){const t=this.tool;t&&(t.parentNode&&t.parentNode.removeChild(t),this.tool=null)}toolInitStyle(){let t="user-select:none;cursor:col-resize;position:absolute;";const e=this.options.mode,s=this.options.style;/^V/.test(e)?t+="width: 8px;cursor:col-resize;":t+="height: 8px;cursor:row-resize;";const o={VR:"left",VL:"right",HT:"bottom",HB:"top"},i=o[e];if(t+=Object.keys(o).reduce(((t,e)=>{const s=o[e];return s!==i&&(t+=`${s}:0;`),t}),""),s){t+=Object.keys(s).reduce(((t,e)=>t+=`${e}:${s[e]};`),"")}this.tool&&(this.tool.style=t)}}const e={mounted(e,{value:s}){e._flexibleResize||(e._flexibleResize=new t({el:e,mode:s.mode||"VR",onMove:s.onMove,onEnd:s.onEnd,style:s.style}))},beforeUnmount(t){t._flexibleResize&&(t._flexibleResize.destroyed(),t._flexibleResize=void 0)}};export{e as vFlexibleResize};

package/es/shared/package.json.js

@@ -1 +1 @@
-var e="@cnhis-design-vue/shared",s="3.2.3-release.3",i="index.ts",n={"naive-ui":"^2.30.0",vue:"^3.2.0"},a={"@vicons/ionicons5":"^0.12.0","lodash-es":"^4.17.21",moment:"^2.29.1","video.js":"^7.19.2","videojs-contrib-hls":"^5.15.0",viewerjs:"^1.10.5","xe-utils":"^3.5.4"},d={name:e,version:"3.2.3-release.3",private:!0,main:"index.ts",peerDependencies:n,dependencies:a};export{d as default,a as dependencies,i as main,e as name,n as peerDependencies,s as version};
+var e="@cnhis-design-vue/shared",s="3.2.3-release.4",i="index.ts",n={"naive-ui":"^2.30.0",vue:"^3.2.0"},a={"@vicons/ionicons5":"^0.12.0","lodash-es":"^4.17.21",moment:"^2.29.1","video.js":"^7.19.2","videojs-contrib-hls":"^5.15.0",viewerjs:"^1.10.5","xe-utils":"^3.5.4"},d={name:e,version:"3.2.3-release.4",private:!0,main:"index.ts",peerDependencies:n,dependencies:a};export{d as default,a as dependencies,i as main,e as name,n as peerDependencies,s as version};

package/es/shared/types/business.d.ts

@@ -5,6 +5,7 @@ export declare type IFlexibleType = {
     onMove: (result: any) => void;
     onEnd: (result: any) => void;
     onStart?: (result: any) => void;
+    style?: AnyObject;
 };
 export declare namespace LowCodeTypes {
     type VALUE_RELATION = 'EQ' | 'NEQ' | 'CL' | 'NC' | 'NULL' | 'NOT_NULL' | 'BIG' | 'BIGEQ' | 'LESS' | 'LESSEQ';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "cnhis-design-vue",
-	"version": "3.2.3-release.3",
+	"version": "3.2.3-release.4",
 	"license": "ISC",
 	"module": "./es/components/index.js",
 	"main": "./es/components/index.js",
@@ -71,5 +71,5 @@
 		"iOS 7",
 		"last 3 iOS versions"
 	],
-	"gitHead": "94ba0a4bdd3b1ae627766c3e0653e9cd4babedcb"
+	"gitHead": "1fd27300cc1170fe64862146999f5634f35be7d4"
 }