@gct-paas/design-web 0.1.6-dev.13 → 0.1.6-dev.14

package/dist/loader.esm.min.js

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

package/package.json

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