cnhis-design-vue 3.3.1-beta.9 → 3.3.1-release.4

package/es/components/table-filter/src/components/render-widget/components/LabelInner.vue2.js

@@ -1 +1,195 @@
-import{defineComponent as e,ref as l,inject as t,watch as o,computed as n,openBlock as a,createElementBlock as s,Fragment as i,renderList as c,unref as r,createElementVNode as d,toDisplayString as u,normalizeClass as p,withDirectives as f,createBlock as b,normalizeStyle as v,withCtx as m,createVNode as g,createCommentVNode as h,withModifiers as y}from"vue";import{useMessage as w,NTag as k,NTooltip as S,NIcon as C}from"naive-ui";import{ChevronUpCircleOutline as x,ChevronDownCircleOutline as L}from"@vicons/ionicons5";import T from"../../../directive/resize.js";import U from"../../../hooks/useAsyncData.js";import{InjectionFilterApiConfig as B}from"../../../constants/index.js";import{isString as j}from"lodash-es";var _,I;const z={class:"label-attr-filter-container"},D={class:"edit-f-label"},A={class:"label-f-content"},H=["src","onClick"],N={key:0,class:"label-f-unfold-btn"},O=["onClick"],$=d("span",null,(null==(_=window.getLanguageByCode)?void 0:_.call(window,"10010.1.388"))||"收起",-1),q=d("span",null,(null==(I=window.getLanguageByCode)?void 0:I.call(window,"10010.1.389"))||"展开",-1);var E=e({__name:"LabelInner",props:{componentCfg:{type:Object},value:{type:String,default:""}},emits:["update:value"],setup(e,{emit:_}){const I=e,{getDynamicLabelData:E}=U(),F=w(),G="rgb(85, 133, 245)",J=l([]),K=l([]),M=t(B);o((()=>I.value),(e=>{const l=e&&j(e)?e.split("|#|"):[];J.value=l}),{immediate:!0});const P=n((()=>K.value&&K.value.length>0?K.value.map((e=>(e.labelList.map((e=>{e.isSelect=J.value.includes(e.labelShowText)})),e))):[])),Q=(e,l=!1)=>{const t={borderColor:e.backgroundColor||G};return l||(t.background=e.backgroundColor||G),e.fontColor&&(t.color=e.fontColor),e.isSelect?t:{}},R=(e,l)=>{if(l.isSelect=e,e)J.value.push(l.labelShowText);else{const e=J.value.findIndex((e=>e===l.labelShowText));e>-1&&J.value.splice(e,1)}_("update:value",J.value.join("|#|"))};return(async()=>{try{const{widgetCfg:e={}}=I.componentCfg,{classifyStr:l=""}=e;let t=await E({classifyStr:l},M);if(t){const{list:e=[]}=t;K.value=e}}catch(e){F.error(`获取标签数据请求失败：${e}`),console.log(e)}})(),(e,l)=>(a(),s("div",z,[(a(!0),s(i,null,c(r(P),(e=>(a(),s("div",{class:"edit-labels-content",key:e.classifyId},[d("span",D,u(e.classifyName)+"：",1),d("div",{class:p(["edit-f-content",{"label-select-height":!e.isUnfold&&e.labelList&&e.isShowBtn}])},[f((a(),s("div",A,[(a(!0),s(i,null,c(e.labelList,(e=>(a(),s(i,{key:e.labelCode},["1"!=e.bsv12&&e.bsv12?"2"==e.bsv12?(a(),b(r(S),{key:1,placement:"top-start",duration:0},{trigger:m((()=>[d("img",{class:"label-img",src:e.bsv13,alt:"",style:v(Q(e,!0)),onClick:l=>(e=>{const l=J.value.findIndex((l=>l===e.labelShowText));R(!(l>-1),e)})(e)},null,12,H)])),default:m((()=>[d("span",null,u(e.labelShowText),1)])),_:2},1024)):h("v-if",!0):(a(),b(r(k),{key:0,checkable:"",checked:e.isSelect,"onUpdate:checked":l=>R(l,e),style:v(Q(e))},{default:m((()=>[g(r(S),{placement:"top-start",duration:0},{trigger:m((()=>[d("span",null,u(e.labelShowText),1)])),default:m((()=>[d("span",null,u(e.labelShowText),1)])),_:2},1024)])),_:2},1032,["checked","onUpdate:checked","style"]))],64)))),128))])),[[r(T),l=>((e,l)=>{let t=e.offsetHeight||0;t&&(t>80?l.isShowBtn=!0:(l.isShowBtn=!1,l.isUnfold=!1))})(l,e)]])],2),e.labelList&&e.isShowBtn?(a(),s("div",N,[d("span",{class:"operate-btn",onClick:y((l=>(e=>{e.isUnfold=!e.isUnfold})(e)),["stop"])},[e.isUnfold?(a(),s(i,{key:0},[$,g(r(C),{component:r(x),size:"16"},null,8,["component"])],64)):(a(),s(i,{key:1},[q,g(r(C),{component:r(L),size:"16"},null,8,["component"])],64))],8,O)])):h("v-if",!0)])))),128))]))}});export{E as default};
+import { defineComponent, ref, inject, watch, computed, openBlock, createElementBlock, Fragment, renderList, unref, createElementVNode, toDisplayString, normalizeClass, withDirectives, createBlock, normalizeStyle, withCtx, createVNode, createCommentVNode, withModifiers } from 'vue';
+import { useMessage, NTag, NTooltip, NIcon } from 'naive-ui';
+import { ChevronUpCircleOutline, ChevronDownCircleOutline } from '@vicons/ionicons5';
+import vResize from '../../../directive/resize.js';
+import useAsyncData from '../../../hooks/useAsyncData.js';
+import { InjectionFilterApiConfig } from '../../../constants/index.js';
+import { isString } from 'lodash-es';
+
+var _a, _b;
+const _hoisted_1 = {
+  class: "label-attr-filter-container"
+};
+const _hoisted_2 = {
+  class: "edit-f-label"
+};
+const _hoisted_3 = {
+  class: "label-f-content"
+};
+const _hoisted_4 = ["src", "onClick"];
+const _hoisted_5 = {
+  key: 0,
+  class: "label-f-unfold-btn"
+};
+const _hoisted_6 = ["onClick"];
+const _hoisted_7 = /* @__PURE__ */ createElementVNode("span", null, ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.388")) || "\u6536\u8D77", -1);
+const _hoisted_8 = /* @__PURE__ */ createElementVNode("span", null, ((_b = window.getLanguageByCode) == null ? void 0 : _b.call(window, "10010.1.389")) || "\u5C55\u5F00", -1);
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LabelInner",
+  props: {
+    componentCfg: {
+      type: Object
+    },
+    value: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:value"],
+  setup(__props, {
+    emit
+  }) {
+    const props = __props;
+    const {
+      getDynamicLabelData
+    } = useAsyncData();
+    const message = useMessage();
+    const baseActiveColor = "rgb(85, 133, 245)";
+    const selectedList = ref([]);
+    const tagList = ref([]);
+    const filterApiConfig = inject(InjectionFilterApiConfig);
+    watch(() => props.value, (val) => {
+      const valueList = val && isString(val) ? val.split("|#|") : [];
+      selectedList.value = valueList;
+    }, {
+      immediate: true
+    });
+    const categoryList = computed(() => {
+      if (tagList.value && tagList.value.length > 0) {
+        return tagList.value.map((category) => {
+          category.labelList.map((label) => {
+            label.isSelect = selectedList.value.includes(label.labelShowText);
+          });
+          return category;
+        });
+      }
+      return [];
+    });
+    const onResize = (el, categoryItem) => {
+      let height = el.offsetHeight || 0;
+      if (!height) {
+        return;
+      }
+      if (height > 80) {
+        categoryItem.isShowBtn = true;
+      } else {
+        categoryItem.isShowBtn = false;
+        categoryItem.isUnfold = false;
+      }
+    };
+    const handleLabelUpfold = (categoryItem) => {
+      categoryItem.isUnfold = !categoryItem.isUnfold;
+    };
+    const formatStyle = (item, isPic = false) => {
+      const obj = {
+        borderColor: item.backgroundColor || baseActiveColor
+      };
+      if (!isPic)
+        obj.background = item.backgroundColor || baseActiveColor;
+      if (item.fontColor)
+        obj.color = item.fontColor;
+      return item.isSelect ? obj : {};
+    };
+    const onHandlePicChange = (item) => {
+      const index = selectedList.value.findIndex((labelText) => labelText === item.labelShowText);
+      const isSelect = !(index > -1);
+      handleLabelChange(isSelect, item);
+    };
+    const handleLabelChange = (isSelect, item) => {
+      item.isSelect = isSelect;
+      if (isSelect) {
+        selectedList.value.push(item.labelShowText);
+      } else {
+        const index = selectedList.value.findIndex((labelText) => labelText === item.labelShowText);
+        if (index > -1) {
+          selectedList.value.splice(index, 1);
+        }
+      }
+      emit("update:value", selectedList.value.join("|#|"));
+    };
+    const initTagList = async () => {
+      try {
+        const {
+          widgetCfg = {}
+        } = props.componentCfg;
+        const {
+          classifyStr = ""
+        } = widgetCfg;
+        let res = await getDynamicLabelData({
+          classifyStr
+        }, filterApiConfig);
+        if (res) {
+          const {
+            list = []
+          } = res;
+          tagList.value = list;
+        }
+      } catch (error) {
+        message.error(`\u83B7\u53D6\u6807\u7B7E\u6570\u636E\u8BF7\u6C42\u5931\u8D25\uFF1A${error}`);
+        console.log(error);
+      }
+    };
+    initTagList();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(categoryList), (categoryItem) => {
+        return openBlock(), createElementBlock("div", {
+          class: "edit-labels-content",
+          key: categoryItem.classifyId
+        }, [createElementVNode("span", _hoisted_2, toDisplayString(categoryItem.classifyName) + "\uFF1A", 1), createElementVNode("div", {
+          class: normalizeClass(["edit-f-content", {
+            "label-select-height": !categoryItem.isUnfold && categoryItem.labelList && categoryItem.isShowBtn
+          }])
+        }, [withDirectives((openBlock(), createElementBlock("div", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(categoryItem.labelList, (item) => {
+          return openBlock(), createElementBlock(Fragment, {
+            key: item.labelCode
+          }, [item.bsv12 == "1" || !item.bsv12 ? (openBlock(), createBlock(unref(NTag), {
+            key: 0,
+            checkable: "",
+            checked: item.isSelect,
+            "onUpdate:checked": (isSelect) => handleLabelChange(isSelect, item),
+            style: normalizeStyle(formatStyle(item))
+          }, {
+            default: withCtx(() => [createVNode(unref(NTooltip), {
+              placement: "top-start",
+              duration: 0
+            }, {
+              trigger: withCtx(() => [createElementVNode("span", null, toDisplayString(item.labelShowText), 1)]),
+              default: withCtx(() => [createElementVNode("span", null, toDisplayString(item.labelShowText), 1)]),
+              _: 2
+            }, 1024)]),
+            _: 2
+          }, 1032, ["checked", "onUpdate:checked", "style"])) : item.bsv12 == "2" ? (openBlock(), createBlock(unref(NTooltip), {
+            key: 1,
+            placement: "top-start",
+            duration: 0
+          }, {
+            trigger: withCtx(() => [createElementVNode("img", {
+              class: "label-img",
+              src: item.bsv13,
+              alt: "",
+              style: normalizeStyle(formatStyle(item, true)),
+              onClick: ($event) => onHandlePicChange(item)
+            }, null, 12, _hoisted_4)]),
+            default: withCtx(() => [createElementVNode("span", null, toDisplayString(item.labelShowText), 1)]),
+            _: 2
+          }, 1024)) : createCommentVNode("v-if", true)], 64);
+        }), 128))])), [[unref(vResize), (el) => onResize(el, categoryItem)]])], 2), categoryItem.labelList && categoryItem.isShowBtn ? (openBlock(), createElementBlock("div", _hoisted_5, [createElementVNode("span", {
+          class: "operate-btn",
+          onClick: withModifiers(($event) => handleLabelUpfold(categoryItem), ["stop"])
+        }, [categoryItem.isUnfold ? (openBlock(), createElementBlock(Fragment, {
+          key: 0
+        }, [_hoisted_7, createVNode(unref(NIcon), {
+          component: unref(ChevronUpCircleOutline),
+          size: "16"
+        }, null, 8, ["component"])], 64)) : (openBlock(), createElementBlock(Fragment, {
+          key: 1
+        }, [_hoisted_8, createVNode(unref(NIcon), {
+          component: unref(ChevronDownCircleOutline),
+          size: "16"
+        }, null, 8, ["component"])], 64))], 8, _hoisted_6)])) : createCommentVNode("v-if", true)]);
+      }), 128))]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/table-filter/src/components/render-widget/components/LabelOut.vue.js

@@ -1 +1,6 @@
-import e from"./LabelOut.vue2.js";import r from"../../../../../../_virtual/_plugin-vue_export-helper.js";var t=r(e,[["__file","LabelOut.vue"]]);export{t as default};
+import _sfc_main from './LabelOut.vue2.js';
+import _export_sfc from '../../../../../../_virtual/_plugin-vue_export-helper.js';
+
+var LabelOut = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "LabelOut.vue"]]);
+
+export { LabelOut as default };

package/es/components/table-filter/src/components/render-widget/components/LabelOut.vue2.js

@@ -1 +1,121 @@
-import{defineComponent as e,useAttrs as t,ref as l,inject as a,computed as o,openBlock as s,createBlock as n,unref as r,mergeProps as u,isRef as i,h as p}from"vue";import{useMessage as v,NSelect as b,NTooltip as c}from"naive-ui";import f from"../../../hooks/useAsyncData.js";import{InjectionFilterApiConfig as d}from"../../../constants/index.js";var m=e({__name:"LabelOut",props:{componentCfg:{type:Object},value:{type:String,default:""}},emits:["update:value"],setup(e,{emit:m}){const g=e,{getDynamicLabelData:h}=f(),y=t(),x=v(),S=l([]),w=a(d),j=o({set(e){const t=e?e.join("|#|"):e;m("update:value",t)},get:()=>g.value?g.value.split("|#|"):[]}),L=o((()=>{if(S.value&&S.value.length>0){let e=[],t=[];return S.value.forEach((l=>{l.labelList.forEach((l=>{e.includes(l.labelShowText)||(e.push(l.labelShowText),t.push({label:l.labelShowText,value:l.labelShowText,bsv12:l.bsv12,bsv13:l.bsv13}))}))})),t}return[]})),T=({node:e,option:t})=>p(c,{to:"body"},{trigger:()=>e,default:()=>t.label}),C=e=>"2"==e.bsv12?p("img",{src:e.bsv13||"",alt:e.label,style:{height:"28px",display:"block"}}):e.label;return(async()=>{try{const{widgetCfg:e={}}=g.componentCfg,{classifyStr:t=""}=e;let l=await h({classifyStr:t},w);if(l){const{list:e=[]}=l;S.value=e}}catch(e){x.error(`获取标签数据请求失败：${e}`),console.log(e)}})(),(e,t)=>(s(),n(r(b),u({to:"body"},r(y),{value:r(j),"onUpdate:value":t[0]||(t[0]=e=>i(j)?j.value=e:null),options:r(L),renderOption:T,renderLabel:C}),null,16,["value","options"]))}});export{m as default};
+import { defineComponent, useAttrs, ref, inject, computed, openBlock, createBlock, unref, mergeProps, isRef, h } from 'vue';
+import { useMessage, NSelect, NTooltip } from 'naive-ui';
+import useAsyncData from '../../../hooks/useAsyncData.js';
+import { InjectionFilterApiConfig } from '../../../constants/index.js';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LabelOut",
+  props: {
+    componentCfg: {
+      type: Object
+    },
+    value: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:value"],
+  setup(__props, {
+    emit
+  }) {
+    const props = __props;
+    const {
+      getDynamicLabelData
+    } = useAsyncData();
+    const $attrs = useAttrs();
+    const message = useMessage();
+    const tagList = ref([]);
+    const filterApiConfig = inject(InjectionFilterApiConfig);
+    const valueCp = computed({
+      set(val) {
+        const valueStr = val ? val.join("|#|") : val;
+        emit("update:value", valueStr);
+      },
+      get() {
+        const valueList = props.value ? props.value.split("|#|") : [];
+        return valueList;
+      }
+    });
+    const optionList = computed(() => {
+      if (tagList.value && tagList.value.length > 0) {
+        let result = [];
+        let tagOptions = [];
+        tagList.value.forEach((category) => {
+          category.labelList.forEach((label) => {
+            if (!result.includes(label.labelShowText)) {
+              result.push(label.labelShowText);
+              tagOptions.push({
+                label: label.labelShowText,
+                value: label.labelShowText,
+                bsv12: label.bsv12,
+                bsv13: label.bsv13
+              });
+            }
+          });
+        });
+        return tagOptions;
+      }
+      return [];
+    });
+    const initTagList = async () => {
+      try {
+        const {
+          widgetCfg = {}
+        } = props.componentCfg;
+        const {
+          classifyStr = ""
+        } = widgetCfg;
+        let res = await getDynamicLabelData({
+          classifyStr
+        }, filterApiConfig);
+        if (res) {
+          const {
+            list = []
+          } = res;
+          tagList.value = list;
+        }
+      } catch (error) {
+        message.error(`\u83B7\u53D6\u6807\u7B7E\u6570\u636E\u8BF7\u6C42\u5931\u8D25\uFF1A${error}`);
+        console.log(error);
+      }
+    };
+    const renderOption = ({
+      node,
+      option
+    }) => {
+      return h(NTooltip, {
+        to: "body"
+      }, {
+        trigger: () => node,
+        default: () => option.label
+      });
+    };
+    const renderLabel = (option) => {
+      if (option.bsv12 == "2") {
+        return h("img", {
+          src: option.bsv13 || "",
+          alt: option.label,
+          style: {
+            height: "28px",
+            display: "block"
+          }
+        });
+      }
+      return option.label;
+    };
+    initTagList();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NSelect), mergeProps({
+        to: "body"
+      }, unref($attrs), {
+        value: unref(valueCp),
+        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(valueCp) ? valueCp.value = $event : null),
+        options: unref(optionList),
+        renderOption,
+        renderLabel
+      }), null, 16, ["value", "options"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/table-filter/src/components/render-widget/components/Select.vue.js

@@ -1 +1,6 @@
-import e from"./Select.vue2.js";import r from"../../../../../../_virtual/_plugin-vue_export-helper.js";var t=r(e,[["__file","Select.vue"]]);export{t as default};
+import _sfc_main from './Select.vue2.js';
+import _export_sfc from '../../../../../../_virtual/_plugin-vue_export-helper.js';
+
+var Select = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "Select.vue"]]);
+
+export { Select as default };

package/es/components/table-filter/src/components/render-widget/components/Select.vue2.js

@@ -1 +1,78 @@
-import{defineComponent as e,useAttrs as t,computed as l,openBlock as r,createBlock as a,unref as u,mergeProps as n,h as o}from"vue";import{NSelect as i}from"naive-ui";import{WholeSelectObj as p}from"../helpers/selectExtraMap.js";import{WidgetValEnums as s}from"../../../types/enums.js";var m=e({__name:"Select",props:{value:{type:[Array,String,Number]},componentCfg:{type:Object}},emits:["update:value"],setup(e,{emit:m}){const v=e,f=t(),c=l((()=>v.value)),d=l((()=>f.multiple)),g=l((()=>{const{widgetCfg:e}=v.componentCfg,{showWholeOption:t=!1}=e;return t})),y=l((()=>{const{widgetCfg:e}=v.componentCfg,{valueList:t=[]}=e;if(g.value){return[JSON.parse(JSON.stringify(p)),...t]}return t})),O=e=>e.label?o("span",{title:e.label},e.label):"";function b(e){if(g.value&&d.value&&Array.isArray(e)&&e.includes(s.WHOLE)){const t=e.slice(-1);if(t.includes(s.WHOLE))return void m("update:value",t);const l=e.filter((e=>e!==s.WHOLE));m("update:value",l)}else m("update:value",e)}return(e,t)=>(r(),a(u(i),n(u(f),{options:u(y),value:u(c),"render-label":O,"onUpdate:value":b}),null,16,["options","value"]))}});export{m as default};
+import { defineComponent, useAttrs, computed, openBlock, createBlock, unref, mergeProps, h } from 'vue';
+import { NSelect } from 'naive-ui';
+import { WholeSelectObj } from '../helpers/selectExtraMap.js';
+import { WidgetValEnums } from '../../../types/enums.js';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Select",
+  props: {
+    value: {
+      type: [Array, String, Number]
+    },
+    componentCfg: {
+      type: Object
+    }
+  },
+  emits: ["update:value"],
+  setup(__props, {
+    emit
+  }) {
+    const props = __props;
+    const $attrs = useAttrs();
+    const valueCp = computed(() => props.value);
+    const isMultiple = computed(() => $attrs.multiple);
+    const isShowWhole = computed(() => {
+      const {
+        widgetCfg
+      } = props.componentCfg;
+      const {
+        showWholeOption = false
+      } = widgetCfg;
+      return showWholeOption;
+    });
+    const optionList = computed(() => {
+      const {
+        widgetCfg
+      } = props.componentCfg;
+      const {
+        valueList = []
+      } = widgetCfg;
+      if (isShowWhole.value) {
+        const result = [JSON.parse(JSON.stringify(WholeSelectObj)), ...valueList];
+        return result;
+      }
+      return valueList;
+    });
+    const renderLabel = (option) => {
+      if (option.label) {
+        return h("span", {
+          title: option.label
+        }, option.label);
+      }
+      return "";
+    };
+    function handleUpdate(val) {
+      if (isShowWhole.value && isMultiple.value && Array.isArray(val) && val.includes(WidgetValEnums.WHOLE)) {
+        const curOptList = val.slice(-1);
+        if (curOptList.includes(WidgetValEnums.WHOLE)) {
+          emit("update:value", curOptList);
+          return;
+        }
+        const leaveList = val.filter((id) => id !== WidgetValEnums.WHOLE);
+        emit("update:value", leaveList);
+        return;
+      }
+      emit("update:value", val);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NSelect), mergeProps(unref($attrs), {
+        options: unref(optionList),
+        value: unref(valueCp),
+        "render-label": renderLabel,
+        "onUpdate:value": handleUpdate
+      }), null, 16, ["options", "value"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/table-filter/src/components/render-widget/components/SelectDynamic.vue.js

@@ -1 +1,6 @@
-import e from"./SelectDynamic.vue2.js";import r from"../../../../../../_virtual/_plugin-vue_export-helper.js";var t=r(e,[["__file","SelectDynamic.vue"]]);export{t as default};
+import _sfc_main from './SelectDynamic.vue2.js';
+import _export_sfc from '../../../../../../_virtual/_plugin-vue_export-helper.js';
+
+var SelectDynamic = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "SelectDynamic.vue"]]);
+
+export { SelectDynamic as default };