cnhis-design-vue 3.1.51-beta.2 → 3.1.51-beta.20

package/es/components/select-label/index.js

@@ -1 +1 @@
-import{COMPONENT_NAMESPACE as e}from"../../shared/global/variable.js";import{safeComponentRegister as t}from"../../shared/utils/index.js";import o from"./src/SelectLabel.vue.js";import r from"./src/LabelFormContent.vue.js";const l=o,a=r;l.install=function(o){t(o,l,e+"SelectLabel")},a.install=function(o){t(o,a,e+"LabelFormContent")};export{a as CLabelFormContent,l as default};
+import{COMPONENT_NAMESPACE as o}from"../../shared/global/variable.js";import{safeComponentRegister as t}from"../../shared/utils/index.js";import e from"./src/index.vue.js";import r from"./src/LabelFormContent.vue.js";const n=e,a=r;n.install=function(e){t(e,n,o+"SelectLabel")},a.install=function(e){t(e,a,o+"LabelFormContent")};export{a as CLabelFormContent,n as default};

package/es/components/{iho-select-label/src/LabelFormContent.vue.d.ts → select-label/src/ihoLabel/IhoLabelFormContent.vue.d.ts}

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { ICategoryLabelItemType, ISelectLabelItemType } from '../../../../es/components/iho-select-label/src/types';
+import { ICategoryLabelItemType, ISelectLabelItemType } from '../../../../../es/components/select-label/src/types';
 declare const _default: import("vue").DefineComponent<{
     selectedList: {
         type: PropType<ISelectLabelItemType[]>;
@@ -53,7 +53,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly title: StringConstructor;
         readonly href: StringConstructor;
     }>>, {}>;
-    labelClassify: import("vue").DefineComponent<{
+    IhoLabelClassify: import("vue").DefineComponent<{
         categoryItem: {
             type: PropType<ICategoryLabelItemType>;
             default: () => {};
@@ -87,8 +87,8 @@ declare const _default: import("vue").DefineComponent<{
             labelShowText: string;
             backgroundColor: string;
         }[]>;
-        showCheck: (label: import("../../../../es/components/iho-select-label/src/types").IhoTabLabelItemType) => boolean;
-        onHandleLabelChange: (isSelect?: boolean | undefined, item?: import("../../../../es/components/iho-select-label/src/types").IhoTabLabelItemType | undefined, categoryItem?: ICategoryLabelItemType | undefined) => void;
+        showCheck: (label: import("../../../../../es/components/select-label/src/types").IhoTabLabelItemType) => boolean;
+        onHandleLabelChange: (isSelect?: boolean | undefined, item?: import("../../../../../es/components/select-label/src/types").IhoTabLabelItemType | undefined, categoryItem?: ICategoryLabelItemType | undefined) => void;
         formatStyle: (item: any) => {
             background: any;
             borderColor: any;
@@ -136,9 +136,9 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     onExplicitOnChange?: ((...args: any[]) => any) | undefined;
 }, {
+    categoryList: ICategoryLabelItemType[];
     selectedList: ISelectLabelItemType[];
     explicit: boolean;
     isChangeWindow: boolean;
-    categoryList: ICategoryLabelItemType[];
 }>;
 export default _default;

package/es/components/select-label/src/ihoLabel/IhoLabelFormContent.vue.js

@@ -0,0 +1 @@
+import e from"./IhoLabelFormContent.vue2.js";import o from"../../../../_virtual/_plugin-vue_export-helper.js";var r=o(e,[["__file","IhoLabelFormContent.vue"]]);export{r as default};

package/es/components/select-label/src/ihoLabel/IhoLabelFormContent.vue2.js

@@ -0,0 +1 @@
+import{defineComponent as e,ref as l,watch as a,openBlock as t,createElementBlock as s,createCommentVNode as i,withDirectives as r,createElementVNode as o,normalizeClass as c,createVNode as d,unref as n,withCtx as f,Fragment as y,renderList as p,createBlock as b,createTextVNode as u,toDisplayString as m,vShow as g}from"vue";import{NAnchor as h,NAnchorLink as v}from"naive-ui";import C from"./iho-label-classify.vue.js";const w={key:0,class:"label-disable-wrap"},L=[o("p",{class:"label-disable-title"},"无可选标签",-1),o("p",{class:"label-disable-desc"},"请联系管理员进行标签管理设置",-1)],I={style:{height:"100%"}},x={class:"label-wrap"},k=["id"];var N=e({__name:"IhoLabelFormContent",props:{selectedList:{type:Array,default:()=>[]},categoryList:{type:Array,default:()=>[]},isChangeWindow:{type:Boolean,default:!1},explicit:{type:Boolean,default:!1}},emits:["explicitOnChange"],setup(e,{expose:N,emit:S}){const A=e,O=l(),$=l(null),_=()=>{var e;return null==(e=$.value)?void 0:e.querySelector(".right-label-wrap")},F=e=>{e.preventDefault()},W=(e,l,a)=>{let t=O.value||[];if(e)t.push({classifyId:a.classifyId,classifyName:a.classifyName,labelCode:l.labelCode,labelShowText:l.labelShowText,backgroundColor:l.backgroundColor});else{const e=t.findIndex((e=>e.classifyId===a.classifyId&&e.labelCode===l.labelCode));e>-1&&t.splice(e,1)}O.value=t,A.explicit&&S("explicitOnChange",t)};return a((()=>A.selectedList),(e=>{if(e){let l=Array.isArray(e)?e:[];O.value=JSON.parse(JSON.stringify(l))}}),{immediate:!0,deep:!0}),N({handleLabelForm:e=>{e([...O.value||[]])}}),(l,a)=>(t(),s("div",{class:"c-label-form-content",ref_key:"labelFormContent",ref:$},[e.categoryList.length?i("v-if",!0):(t(),s("div",w,L)),r(o("div",I,[o("div",x,[o("div",{class:c(["left-label-wrap",{"total-left-label-wrap":e.isChangeWindow}])},[d(n(h),{"offset-target":_,type:"block",onClick:F},{default:f((()=>[(t(!0),s(y,null,p(e.categoryList,(e=>(t(),b(n(v),{key:e.classifyId,href:`#${e.classifyId}-${e.classifyName}`,title:e.classifyName},null,8,["href","title"])))),128))])),_:1})],2),o("div",{class:c(["right-label-wrap",{"total-right-label-wrap":e.isChangeWindow}])},[(t(!0),s(y,null,p(e.categoryList,((e,l)=>(t(),s("div",{key:l,class:"edit-label-content"},[o("div",{class:"edit-label",id:`${e.classifyId}-${e.classifyName}`},[u(m(e.classifyName),1),i(" <span class=\"edit-label-type\">({{ v.multipleChoice == 2 ? '单' : '多' }}选)</span> ")],8,k),d(C,{categoryItem:e,selectedList:O.value,handleLabelChange:W},null,8,["categoryItem","selectedList"])])))),128))],2)])],512),[[g,e.categoryList.length>0]])],512))}});export{N as default};

package/es/components/{iho-select-label/src/SelectLabel.vue.d.ts → select-label/src/ihoLabel/IhoSelectLabel.vue.d.ts}

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { ICategoryLabelItemType, ISelectLabelItemType } from '../../../../es/components/iho-select-label/src/types';
+import { ICategoryLabelItemType, ISelectLabelItemType } from '../../../../../es/components/select-label/src/types';
 declare const _default: import("vue").DefineComponent<{
     selectedList: {
         type: PropType<ISelectLabelItemType[]>;
@@ -57,7 +57,7 @@ declare const _default: import("vue").DefineComponent<{
     NSpace: any;
     NTooltip: any;
     AddCircleOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-    labelFormContent: import("vue").DefineComponent<{
+    IhoLabelFormContent: import("vue").DefineComponent<{
         selectedList: {
             type: PropType<ISelectLabelItemType[]>;
             default: () => never[];
@@ -110,7 +110,7 @@ declare const _default: import("vue").DefineComponent<{
             readonly title: StringConstructor;
             readonly href: StringConstructor;
         }>>, {}>;
-        labelClassify: import("vue").DefineComponent<{
+        IhoLabelClassify: import("vue").DefineComponent<{
             categoryItem: {
                 type: PropType<ICategoryLabelItemType>;
                 default: () => {};
@@ -144,8 +144,8 @@ declare const _default: import("vue").DefineComponent<{
                 labelShowText: string;
                 backgroundColor: string;
             }[]>;
-            showCheck: (label: import("../../../../es/components/iho-select-label/src/types").IhoTabLabelItemType) => boolean;
-            onHandleLabelChange: (isSelect?: boolean | undefined, item?: import("../../../../es/components/iho-select-label/src/types").IhoTabLabelItemType | undefined, categoryItem?: ICategoryLabelItemType | undefined) => void;
+            showCheck: (label: import("../../../../../es/components/select-label/src/types").IhoTabLabelItemType) => boolean;
+            onHandleLabelChange: (isSelect?: boolean | undefined, item?: import("../../../../../es/components/select-label/src/types").IhoTabLabelItemType | undefined, categoryItem?: ICategoryLabelItemType | undefined) => void;
             formatStyle: (item: any) => {
                 background: any;
                 borderColor: any;
@@ -193,10 +193,10 @@ declare const _default: import("vue").DefineComponent<{
     }>> & {
         onExplicitOnChange?: ((...args: any[]) => any) | undefined;
     }, {
+        categoryList: ICategoryLabelItemType[];
         selectedList: ISelectLabelItemType[];
         explicit: boolean;
         isChangeWindow: boolean;
-        categoryList: ICategoryLabelItemType[];
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "onChange"[], "onChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     selectedList: {
@@ -214,8 +214,8 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     onOnChange?: ((...args: any[]) => any) | undefined;
 }, {
+    categoryList: ICategoryLabelItemType[];
     selectedList: ISelectLabelItemType[];
     explicit: boolean;
-    categoryList: ICategoryLabelItemType[];
 }>;
 export default _default;

package/es/components/select-label/src/ihoLabel/IhoSelectLabel.vue.js

@@ -0,0 +1 @@
+import e from"./IhoSelectLabel.vue2.js";import l from"../../../../_virtual/_plugin-vue_export-helper.js";var r=l(e,[["__file","IhoSelectLabel.vue"]]);export{r as default};

package/es/components/select-label/src/ihoLabel/IhoSelectLabel.vue2.js

@@ -0,0 +1 @@
+import{defineComponent as e,ref as l,reactive as i,watch as a,openBlock as t,createElementBlock as o,Fragment as n,createElementVNode as s,createBlock as d,unref as c,withCtx as r,renderList as p,normalizeStyle as h,createVNode as g,toDisplayString as m,createTextVNode as u,createCommentVNode as x,normalizeClass as b}from"vue";import{NSpace as f,NTag as C,NTooltip as y,NIcon as v,NModal as w}from"naive-ui";import{AddCircleOutline as L}from"@vicons/ionicons5";import W from"./IhoLabelFormContent.vue.js";const k={class:"c-select-label"},H={key:1,class:"outexplicit"},_=s("span",null,"选择标签",-1),z={class:"svg-wrap"};var I=e({__name:"IhoSelectLabel",props:{selectedList:{type:Array,default:()=>[]},categoryList:{type:Array,default:()=>[]},explicit:{type:Boolean,default:!1}},emits:["onChange"],setup(e,{emit:I}){const S=e,V=l(null),A=l(),F=i({labelVisible:!1,isChangeWindow:!1,modalWidth:"763px",modalHeight:"404px",maxHeight:"404px"}),O=()=>{S.explicit||(F.labelVisible=!0)},N=()=>{S.explicit||(F.modalWidth="763px",F.modalHeight="404px",F.maxHeight="404px",F.isChangeWindow=!1,F.labelVisible=!1)},E=()=>{F.isChangeWindow=!F.isChangeWindow;let e=document.body.clientHeight;F.modalWidth="763px"===F.modalWidth?"100%":"763px",F.modalHeight="404px"===F.modalHeight?e-110+"px":"404px",F.maxHeight="auto"===F.modalHeight?"404px":"none"},J=()=>{var e;null==(e=V.value)||e.handleLabelForm((e=>{I("onChange",[...e]),A.value=e,N()}))},R=()=>{J()};return a((()=>S.selectedList),(e=>{if(e){let l=Array.isArray(e)?e:[];A.value=JSON.parse(JSON.stringify(l))}}),{immediate:!0,deep:!0}),(l,i)=>(t(),o(n,null,[s("div",k,[e.explicit?x("v-if",!0):(t(),d(c(f),{key:0,align:"center"},{default:r((()=>[(t(!0),o(n,null,p(A.value,(e=>{return t(),d(c(C),{bordered:!1,key:`${e.classifyId}-${e.labelCode}`,class:"select-label-active",style:h((l=e,{background:l.backgroundColor,color:"#fff",borderColor:l.backgroundColor})),size:"small",closable:"",onClose:l=>(e=>{const l=A.value||[],i=l.findIndex((l=>l.classifyId==e.classifyId&&l.labelCode==e.labelCode));i>-1&&l.splice(i,1),A.value=l,I("onChange",[...l])})(e)},{default:r((()=>[g(c(y),{placement:"top-start",duration:0},{trigger:r((()=>[s("span",null,m(e.labelShowText),1)])),default:r((()=>[s("span",null,m(e.labelShowText),1)])),_:2},1024)])),_:2},1032,["style","onClose"]);var l})),128)),e.explicit?x("v-if",!0):(t(),o("span",{key:0,class:"form-add-icon form-add-icon-label",onClick:O},[g(c(v),{class:"add-icon",component:c(L)},null,8,["component"]),u(" 新增 ")]))])),_:1})),e.explicit?(t(),o("div",H,[g(W,{ref_key:"labelFormContentRef",ref:V,categoryList:e.categoryList,selectedList:e.selectedList,isChangeWindow:F.isChangeWindow,explicit:e.explicit,onExplicitOnChange:R},null,8,["categoryList","selectedList","isChangeWindow","explicit"])])):x("v-if",!0)]),x(" 弹窗 "),g(c(w),{preset:"dialog",class:b(["label-form-modal-wrap modal-wrap standard-modal standard-modal-white",{"modal-screen":F.isChangeWindow}]),show:F.labelVisible,"onUpdate:show":i[0]||(i[0]=e=>F.labelVisible=e),onPositiveClick:J,onNegativeClick:N,onClose:N,"mask-closable":!1,"close-on-esc":!1,"show-icon":!1,"negative-text":"取消","positive-text":"确定",style:h({width:F.modalWidth})},{header:r((()=>[_,s("div",z,[s("i",{onClick:E,class:b(["iconfont-select-label",F.isChangeWindow?"icon-select-label-menzhenyishengzhanxitongtubiaozuixiaohua2":"icon-select-label-menzhenyishengzhanxitongtubiaozuidahua"])},null,2)])])),default:r((()=>[g(W,{ref_key:"labelFormContentRef",ref:V,categoryList:e.categoryList,selectedList:A.value,isChangeWindow:F.isChangeWindow,explicit:e.explicit,onExplicitOnChange:R},null,8,["categoryList","selectedList","isChangeWindow","explicit"])])),_:1},8,["show","class","style"])],64))}});export{I as default};

package/es/components/{iho-select-label/src/components/label-classify.vue.d.ts → select-label/src/ihoLabel/iho-label-classify.vue.d.ts}

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { ICategoryLabelItemType, ISelectLabelItemType, IhoTabLabelItemType } from '../../../../../es/components/iho-select-label/src/types';
+import { ICategoryLabelItemType, ISelectLabelItemType, IhoTabLabelItemType } from '../../../../../es/components/select-label/src/types';
 declare const _default: import("vue").DefineComponent<{
     categoryItem: {
         type: PropType<ICategoryLabelItemType>;

package/es/components/select-label/src/ihoLabel/iho-label-classify.vue.js

@@ -0,0 +1 @@
+import e from"./iho-label-classify.vue2.js";import l from"../../../../_virtual/_plugin-vue_export-helper.js";var i=l(e,[["__file","iho-label-classify.vue"]]);export{i as default};

package/es/components/select-label/src/ihoLabel/iho-label-classify.vue2.js

@@ -0,0 +1 @@
+import{defineComponent as e,ref as l,openBlock as a,createElementBlock as t,unref as o,Fragment as c,renderList as d,createBlock as s,normalizeStyle as n,withCtx as r,createVNode as i,createElementVNode as b,toDisplayString as u}from"vue";import{NTag as p,NTooltip as y}from"naive-ui";const f={class:"edit-content"},g={key:0,class:"label-disable-wrap"},h=[b("p",{class:"label-disable-title"},"无可选标签",-1),b("p",{class:"label-disable-desc"},"请联系管理员进行标签管理设置",-1)],k={key:1,class:"label-content"};var m=e({__name:"iho-label-classify",props:{categoryItem:{type:Object,default:()=>({})},selectedList:{type:Array,default:()=>[]},handleLabelChange:{type:Function,default:()=>({})}},setup(e){var m;const v=e,C="rgb(85, 133, 245)";let I=l((null==(m=v.categoryItem)?void 0:m.labelList)||[]);const L=e=>v.selectedList.findIndex((l=>l.classifyId===v.categoryItem.classifyId&&l.labelCode===e.labelCode))>-1;function x(e){return L(e)?{background:e.backgroundColor||C,borderColor:e.backgroundColor||C}:{}}return(l,m)=>(a(),t("div",f,[o(I)&&0!==o(I).length?(a(),t("div",k,[(a(!0),t(c,null,d(o(I),(l=>(a(),s(o(p),{checkable:"",checked:L(l),"onUpdate:checked":a=>((e,l,a)=>{v.handleLabelChange(e,l,a)})(a,l,e.categoryItem),key:l.labelCode,style:n(x(l))},{default:r((()=>[i(o(y),{placement:"top-start",duration:0},{trigger:r((()=>[b("span",null,u(l.labelShowText),1)])),default:r((()=>[b("span",null,u(l.labelShowText),1)])),_:2},1024)])),_:2},1032,["checked","onUpdate:checked","style"])))),128))])):(a(),t("div",g,h))]))}});export{m as default};