@gct-paas/design-web 6.0.0-dev.1 → 6.0.0-dev.2

package/dist/loader.esm.min.js

@@ -1,2 +1,2 @@
-/*! @gct-paas/design-web v6.0.0-dev.1 */
+/*! @gct-paas/design-web v6.0.0-dev.2 */
 import{CARD_TRIGGER_ENUM as e,FIELD_TYPE as l,FormComponents as t,TagTypeEnum as a,cssLoader as o,measureText as r,t as i,transformUrl as n,truncateText as s}from"@gct-paas/core";import{Fragment as d,computed as u,createBlock as p,createCommentVNode as c,createElementBlock as v,createElementVNode as y,createTextVNode as g,createVNode as b,defineComponent as m,h as x,inject as f,isVNode as S,mergeProps as h,normalizeClass as _,normalizeStyle as C,openBlock as T,reactive as k,ref as E,renderList as P,renderSlot as w,resolveComponent as L,toDisplayString as W,toRef as O,unref as B,useCssVars as N,withCtx as j,withModifiers as A}from"vue";import{Avatar as F,Checkbox as R,CheckboxGroup as U,Radio as I,RadioGroup as M,Select as D}from"ant-design-vue";import{isString as V,pick as q}from"lodash-es";import{schemaToStyle as $,transformField2Component as z}from"@gct-paas/design";import{typePadding as K}from"@gct-paas/core-web";var H=(e,l)=>{const t=e.__vccOpts||e;for(const[a,o]of l)t[a]=o;return t},G=/* @__PURE__ */H(/* @__PURE__ */m({__name:"tag-span",props:{tagStyle:{}},setup(e){N(e=>({v650d3ac5:o.value}));const l=e,t=O(()=>{var e;return(null===(e=l.tagStyle)||void 0===e?void 0:e.tagType)||a.RADIUS}),o=O(()=>{var e;return(null===(e=l.tagStyle)||void 0===e?void 0:e.color)||"#f0f0f0"}),r=O(()=>`tag-${t.value}`);return(e,l)=>(T(),v("span",{class:_(["tag cursor-pointer",r.value])},[w(e.$slots,"default",{},void 0,!0)],2))}}),[["__scopeId","data-v-3bf855f6"]]),J=/* @__PURE__ */H(/* @__PURE__ */m({__name:"tag-layout",props:{labelLayout:{},disabled:{type:Boolean}},setup:e=>(l,t)=>{var a,o,r,i;return T(),v("span",{class:_([e.disabled?"tag-label-disabled":null,!(null===(a=e.labelLayout)||void 0===a?void 0:a.hasLabelWidth)||"left"!==(null===(o=e.labelLayout)||void 0===o?void 0:o.layout.label)&&"horizontal"!=(null===(r=e.labelLayout)||void 0===r?void 0:r.layout)?"":"ellipsis"==(null===(i=e.labelLayout)||void 0===i?void 0:i.overLabelDisplay)?"label-ellipsis":"label-wrap"])},[w(l.$slots,"default",{},void 0,!0)],2)}}),[["__scopeId","data-v-85e6a8f5"]]),Q={class:"select-text"},X={class:"select-text"},Y={key:0},Z=/* @__PURE__ */H(/* @__PURE__ */m({__name:"tag-label",props:{tagWidgetStyle:{},type:{},disabled:{type:Boolean},label:{},isDesign:{type:Boolean},closable:{type:Boolean},showTagStyle:{type:Boolean,default:!0},avatar:{},iconExtraProps:{},iconProps:{},title:{}},emits:["on-close"],setup(e){const t=e,a=f("labelLayout",{}),o=u(()=>{var e;let a=t.label??"";if((!a||a.length<=0)&&t.isDesign){var o;const e=t.type&&(null===(o=z(t.type))||void 0===o?void 0:o.example)||"";a=e?V(e)?i(e):e.map(e=>i(e)):""}return t.showTagStyle&&(null===(e=t.tagWidgetStyle)||void 0===e?void 0:e.tagStyleOpen)||t.type===l.ENUM_MULTI||t.type===l.ENUM?a?V(a)?a.split(","):a:[]:a instanceof Array?a.join("，"):a+""}),r=O(()=>{var e;const l=null===(e=t.tagWidgetStyle)||void 0===e?void 0:e.contentFont;return l?$(l):{}}),s=(e="")=>{var l,a;const o=(null===(l=t.iconExtraProps)||void 0===l?void 0:l[e])||{},i={};return(null==o?void 0:o.textColor)&&Object.assign(i,{color:null==o?void 0:o.textColor}),(null===(a=r.value)||void 0===a?void 0:a.color)?r.value:{wordBreak:"break-all",...r.value,...i}},m={render:({$attrs:e})=>{if(e.labelName){var l;const a=(null===(l=t.iconExtraProps)||void 0===l?void 0:l[e.labelName])||t.iconProps||{};if(!(null==a?void 0:a.icon))return;return x(L("icon-next"),{size:16,value:null==a?void 0:a.icon,color:(null==a?void 0:a.iconColor)||"var(--gct-color-primary)",style:"vertical-align: text-bottom; margin-right: 3px"})}}};return(r,i)=>{var u;const x=L("icon-next");return e.showTagStyle&&(null===(u=e.tagWidgetStyle)||void 0===u?void 0:u.tagStyleOpen)?(T(),p(J,{key:0,disabled:!!e.disabled,"label-layout":B(a)},{default:j(()=>[(T(!0),v(d,null,P(o.value,(l,a)=>(T(),p(G,{key:a,"tag-style":e.tagWidgetStyle.tagStyle,style:C(s(l))},{default:j(()=>[t.avatar?(T(),p(B(F),{key:0,src:B(n)(t.avatar),size:20,style:{"margin-top":"-5px"},class:"mr4px"},null,8,["src"])):c("",!0),b(m,{"label-name":l},null,8,["label-name"]),y("span",Q,W(l),1),e.closable?(T(),p(x,{key:1,size:15,value:"icon-park:close-small",style:{verticalAlign:"text-bottom","--color":"rgba(0,0,0,.45)",lineHeight:"1",marginLeft:"2px"},onClick:i[0]||(i[0]=A(e=>r.$emit("on-close"),["prevent","stop"]))})):c("",!0)]),_:2},1032,["tag-style","style"]))),128))]),_:1},8,["disabled","label-layout"])):e.type===B(l).ENUM_MULTI||e.type===B(l).ENUM?(T(),p(J,{key:1,disabled:!!e.disabled,"label-layout":B(a)},{default:j(()=>[(T(!0),v(d,null,P(o.value,(l,t)=>{var a;return T(),v("span",{key:t,style:C(s(l)),class:"mr-5px"},[b(m,{"label-name":l},null,8,["label-name"]),y("span",X,W(l)+W(!(null===(a=e.tagWidgetStyle)||void 0===a?void 0:a.tagStyleOpen)&&t<o.value.length-1?"，":""),1)],4)}),128)),o.value.length?c("",!0):(T(),v("span",Y," "))]),_:1},8,["disabled","label-layout"])):(T(),p(J,{key:2,style:C(s(o.value)),disabled:!!e.disabled,"label-layout":B(a),class:"select-text leading-none",title:t.title},{default:j(()=>[g(W(o.value),1)]),_:1},8,["style","disabled","label-layout","title"]))}}}),[["__scopeId","data-v-c6835ec8"]]),ee={key:0,class:"w100% ell"},le={key:0,class:"gct-custom-tag ml8px"},te=/* @__PURE__ */m({__name:"field-readonly",props:{isTooltip:{type:Boolean},label:{},type:{},modelValue:{},tagWidgetStyle:{},disabled:{type:Boolean},iconExtraProps:{}},setup(e){const t=e,a=u(()=>Array.isArray(t.label)?t.label.join(","):t.label),o=u(()=>Z);return(r,i)=>{var n;return t.type===B(l).RDO_REF?(T(),v("div",ee,[b(B(o),h(r.$attrs,{label:e.label,"tag-widget-style":t.tagWidgetStyle,disabled:t.disabled,"icon-extra-props":t.iconExtraProps}),null,16,["label","tag-widget-style","disabled","icon-extra-props"]),t.type===B(l).RDO_REF&&t.modelValue&&!(null===(n=t.modelValue)||void 0===n?void 0:n.includes(":"))?(T(),v("span",le," 默认 ")):c("",!0)])):(T(),p(B(o),h({key:1},r.$attrs,{label:e.label,"tag-widget-style":t.tagWidgetStyle,disabled:t.disabled,"icon-extra-props":t.iconExtraProps,title:a.value,type:e.type}),null,16,["label","tag-widget-style","disabled","icon-extra-props","title","type"]))}}}),ae=/* @__PURE__ */m({__name:"selectTag",props:{tagWidgetStyle:{}},setup(e){const l=e,t=O(()=>{return l.tagWidgetStyle.tagStyleOpen?l.tagWidgetStyle:{tagStyleOpen:!0,contentFont:null===(e=l.tagWidgetStyle)||void 0===e?void 0:e.contentFont};var e});return(e,l)=>(T(),p(Z,{"tag-widget-style":t.value},null,8,["tag-widget-style"]))}}),oe=/* @__PURE__ */m({name:"FieldSelect",props:{design:Boolean,disabled:Boolean,readonly:Boolean,selectExtraProps:Object,fieldType:{type:String,required:!0},type:{type:String,required:!0},tagStyle:{type:Object,required:!0},options:Array,value:[String,Number],maxTagCount:{type:[Number,String],default:5},maxTagTextLength:{type:Number,default:6},selectOptionLabel:{type:String},selectorWidth:{type:Number,default:1400}},setup(e,{emit:l}){const a=u({get:()=>e.value,set(e){l("update:value",e)}}),o=(l,{name:t,iconExtraProps:a,otherParams:o={}})=>x(l,{tagWidgetStyle:e.tagStyle,type:e.fieldType,label:t,disabled:e.disabled,iconExtraProps:a,...o}),i=u(()=>(e.options??[]).map(l=>{var t;const{iconColor:a,icon:r,textColor:i}=l._item||{};return{...l,[(null===(t=e.selectExtraProps)||void 0===t?void 0:t.optionLabelProp)||"titleLabel"]:o(Z,{name:l.label,iconExtraProps:{[l.label]:{icon:r,iconColor:a,textColor:i}}})}}));function d(e,l){var t;const{_DICT:a={}}=e,o=e[l];return(null===(t=a[l])||void 0===t||null===(t=t[o])||void 0===t?void 0:t.join("，"))??o??e.id_}const p=u(()=>{if(e.readonly){var l;const t=(null===(l=i.value)||void 0===l?void 0:l.filter(l=>{var t;return"multiple"===(null===(t=e.selectExtraProps)||void 0===t?void 0:t.mode)?Array.isArray(a.value)&&a.value.includes(l.value):l.value===a.value}))??[],o=Object.fromEntries((null==t?void 0:t.map(e=>[e.label,q((null==e?void 0:e._item)||{},["iconColor","icon","textColor"])]))??[]);return{labels:t.map(e=>e.label),icons:o}}return{}}),c={option:l=>{const{label:a,_item:r={}}=l;return e.type===t.Userpicker?b("div",{class:"flex items-center"},[b(F,{size:30,style:"margin: 0 8px;min-width:32px",src:n(r.avatar)},null),b("div",{style:"width:calc(100% - 35px)"},[b("div",{class:" w100% ell",title:a},[a]),b("div",{class:"text-[#8F8F8F] text-[12px] mt2px"},[r.masterOrgName])])]):o(Z,{name:e.selectOptionLabel?d(r,e.selectOptionLabel):a,iconExtraProps:{[a]:q(r,["iconColor","icon","textColor"])},otherParams:{showTagStyle:!1}})}},v=l=>{var t;const{label:a,option:o,closable:i,onClose:n}=l,{_item:d={}}=o||{};return(({name:l,title:t,iconExtraProps:a,avatar:o,otherParams:i={}})=>b(ae,h({tagWidgetStyle:e.tagStyle,type:e.fieldType,label:l,avatar:o,title:(null==t?void 0:t.length)>e.maxTagTextLength||r(t)>r(l)?t:null,iconExtraProps:a},i),null))({name:s(a.slice(0,e.maxTagTextLength+3),e.selectorWidth-K(o||l)),title:null==o?void 0:o.label,avatar:e.selectorWidth>73?null==o||null===(t=o._item)||void 0===t?void 0:t.avatar:"",iconExtraProps:{[a]:q(d,["iconColor","icon","textColor"])},otherParams:{closable:i,"onOn-close":n,style:"margin-right: 3px"}})};return()=>{var l,t,r,n;return e.readonly?o(te,{name:null===(l=p.value)||void 0===l?void 0:l.labels,iconExtraProps:null===(t=p.value)||void 0===t?void 0:t.icons}):b(D,h({class:["field-select","w100%"],value:a.value,"onUpdate:value":e=>a.value=e,options:i.value,disabled:e.disabled,optionLabelProp:"titleLabel",tagRender:v,showArrow:!0,maxTagCount:e.maxTagCount,maxTagTextLength:e.maxTagTextLength,dropdownMatchSelectWidth:180,dropdownClassName:"multiple"===(null===(r=e.selectExtraProps)||void 0===r?void 0:r.mode)?"gct-project-select-dropdown gct-project-select-multiple vxe-table--ignore-clear":"gct-project-select-dropdown vxe-table--ignore-clear"},e.selectExtraProps),(null===(n=e.selectExtraProps)||void 0===n?void 0:n.optionNoStyle)?null:c)}}}),re=/* @__PURE__ */m({name:"FieldRadio",props:{design:Boolean,disabled:Boolean,readonly:Boolean,fieldType:{type:String,required:!0},tagStyle:{type:Object,required:!0},options:Array,value:[String,Number]},setup(e,{emit:l}){const t=u({get:()=>e.value,set(e){l("update:value",e)}});return()=>{let l;return b(M,{value:t.value,"onUpdate:value":e=>t.value=e,disabled:e.disabled,class:["field-radio-group",e.readonly?"field-radio-group--readonly":""]},"function"==typeof(a=l=(e.options??[]).map(l=>{const t=l,{icon:a,iconColor:o,textColor:r}=(null==t?void 0:t._item)||{};return b(I,{key:t.value,value:t.value},{default:()=>[b(te,{tagWidgetStyle:e.tagStyle,type:e.fieldType,label:t.label,disabled:e.disabled,iconExtraProps:{[t.label]:{icon:a,iconColor:o,textColor:r}}},null)]})}))||"[object Object]"===Object.prototype.toString.call(a)&&!S(a)?l:{default:()=>[l]});var a}}}),ie=/* @__PURE__ */m({name:"FieldCheckbox",props:{design:Boolean,disabled:Boolean,readonly:Boolean,fieldType:{type:String,required:!0},tagStyle:{type:Object,required:!0},options:Array,value:[String,Number]},setup(e,{emit:t}){const a=e.fieldType===l.BOOLEAN,o=u({get:()=>a?[e.value]:Array.isArray(e.value)?e.value:e.value?e.value.split(","):void 0,set(e){if(a){const l=null==e?void 0:e[0];t("update:value",null==l||"boolean"!=typeof l?Boolean(l):!!l)}else t("update:value",e)}}),r=u(()=>a?(e.options??[]).filter(e=>e.value):e.options??[]);return()=>b(U,{value:o.value,"onUpdate:value":e=>o.value=e,disabled:e.disabled,class:["field-checkbox-group",e.readonly?"field-checkbox-group--readonly":""]},{default:()=>{var l;return[null===(l=r.value)||void 0===l?void 0:l.map(l=>{const t=l,{icon:a,iconColor:o,textColor:r}=(null==t?void 0:t._item)||{};return b(R,{key:t.value,value:t.value},{default:()=>[b(te,{tagWidgetStyle:e.tagStyle,type:e.fieldType,label:t.label,disabled:e.disabled,iconExtraProps:{[t.label]:{icon:a,iconColor:o,textColor:r}}},null)]})})]}})}}),ne=["src"],se=["src"],de=["onMouseup"],ue={key:1},pe=/* @__PURE__ */m({__name:"ref-card-label-design",props:{tagWidgetStyle:{},disabled:{type:Boolean},trigger:{},modelKey:{},refCardId:{},type:{}},setup(l){const t=l,a=E(""),o=O(()=>t.trigger===e.HOVER?"primary-gct-hover":"primary-gct"),r=f("labelLayout",{}),n=k({}),s=u(()=>{var e;const l=t.type?null===(e=z(t.type))||void 0===e?void 0:e.example:[];return(l?"string"==typeof l?[i(l)]:l.map(e=>i(e)):[]).map(e=>({value:e,label:e}))}),c=O(()=>{var e;const l=null===(e=t.tagWidgetStyle)||void 0===e?void 0:e.contentFont;return l?$(l):{}}),g=O(()=>{var e;return(null===(e=c.value)||void 0===e?void 0:e.color)?c.value:{wordBreak:"break-all",...c.value}}),m=async(e,l)=>{e&&(a.value=(await _api.apaas.commonInfoCard.getGetById({id:t.refCardId,modelKey:t.modelKey,type:"CARD"})).screenShoot??""),n[l.value]=e};function x(e){m(!0,e)}return(e,t)=>{const i=L("a-popover");return s.value.length?(T(),p(J,{key:0,disabled:!!l.disabled,"label-layout":B(r)},{default:j(()=>{var e;return[(null===(e=l.tagWidgetStyle)||void 0===e?void 0:e.tagStyleOpen)?(T(!0),v(d,{key:0},P(s.value,(e,t)=>(T(),p(i,{key:t,trigger:l.trigger,visible:!!n[e.value],placement:"bottomLeft",color:"#fff","overlay-class-name":"gct-ref-card-popover min-w100px min-h30px max-h96vh",onVisibleChange:l=>m(l,e)},{content:j(()=>[y("img",{src:a.value},null,8,ne)]),default:j(()=>[b(G,{"tag-style":l.tagWidgetStyle.tagStyle,onMouseup:A(l=>x(e),["stop"])},{default:j(()=>[y("span",{class:_(["select-text cursor-pointer",o.value]),style:C(g.value)},W(e.label),7)]),_:2},1032,["tag-style","onMouseup"])]),_:2},1032,["trigger","visible","onVisibleChange"]))),128)):(T(!0),v(d,{key:1},P(s.value,(e,r)=>(T(),v(d,{key:r},[y("span",null,W(r?"，":""),1),b(i,{"overlay-class-name":"gct-ref-card-popover min-w100px min-h30px max-h96vh",visible:!!n[e.value],trigger:l.trigger,color:"#fff",placement:"bottomLeft",onVisibleChange:l=>m(l,e)},{content:j(()=>[y("img",{src:a.value},null,8,se)]),default:j(()=>[y("span",{class:_(["select-text cursor-pointer",o.value]),style:C(g.value),onClick:t[0]||(t[0]=A(()=>{},["stop"])),onMouseup:A(l=>x(e),["stop"])},W(e.label),47,de)]),_:2},1032,["visible","trigger","onVisibleChange"])],64))),128))]}),_:1},8,["disabled","label-layout"])):(T(),v("span",ue," "))}}}),ce=new URL("./index.min.css",import.meta.url);o.load(ce.href);export{ie as FieldCheckbox,re as FieldRadio,oe as FieldSelect,pe as RefCardLabelDesign,te as fieldReadonly,ae as selectTag,Z as taglabel};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gct-paas/design-web",
-  "version": "6.0.0-dev.1",
+  "version": "6.0.0-dev.2",
   "type": "module",
   "description": "paas 平台设计界面移动端底包",
   "loader": "dist/loader.esm.min.js",
@@ -36,20 +36,20 @@
     "@vueuse/core": "^14.1.0",
     "ant-design-vue": "npm:@gct-paas/ant-design-vue@3.2.21",
     "vue": "^3.5.30",
-    "@gct-paas/core": "6.0.0-dev.1",
-    "@gct-paas/core-web": "6.0.0-dev.1",
-    "@gct-paas/schema": "6.0.0-dev.1",
-    "@gct-paas/design": "6.0.0-dev.1",
-    "@gct-paas/scss": "6.0.0-dev.1"
+    "@gct-paas/core": "6.0.0-dev.2",
+    "@gct-paas/design": "6.0.0-dev.2",
+    "@gct-paas/core-web": "6.0.0-dev.2",
+    "@gct-paas/schema": "6.0.0-dev.2",
+    "@gct-paas/scss": "6.0.0-dev.2"
   },
   "peerDependencies": {
     "@gct-paas/api": "^6.0.0-dev.2",
     "vue": ">=3",
-    "@gct-paas/core-web": "6.0.0-dev.1",
-    "@gct-paas/design": "6.0.0-dev.1",
-    "@gct-paas/core": "6.0.0-dev.1",
-    "@gct-paas/schema": "6.0.0-dev.1",
-    "@gct-paas/scss": "6.0.0-dev.1"
+    "@gct-paas/core": "6.0.0-dev.2",
+    "@gct-paas/scss": "6.0.0-dev.2",
+    "@gct-paas/core-web": "6.0.0-dev.2",
+    "@gct-paas/design": "6.0.0-dev.2",
+    "@gct-paas/schema": "6.0.0-dev.2"
   },
   "scripts": {
     "dev": "cross-env NODE_ENV=development vite build --watch --config vite.dev.config.ts",