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

package/es/components/table-filter/src/components/classify-filter/components/SelectDynamic.vue2.js

@@ -1 +1,302 @@
-import{defineComponent as e,ref as a,inject as l,computed as t,openBlock as u,createBlock as n,unref as o,isRef as i,withModifiers as r,withCtx as s,createVNode as v,h as c}from"vue";import{useMessage as d,NSelect as p,NTag as f}from"naive-ui";import{WidgetOptionEnums as m,WidgetValEnums as y}from"../../../types/enums.js";import{useDebounceFn as g}from"@vueuse/core";import h from"../../../hooks/useAsyncData.js";import{InjectionFilterApiConfig as V,InjectionClassifyFilterList as w}from"../../../constants/index.js";import{judgmentVariable as k}from"../../render-widget/helpers/setDefaultValue.js";import b from"../../render-widget/components/SelectDynamicOption/index.vue.js";import{uniqBy as L,isEqual as O}from"lodash-es";var C=e({__name:"SelectDynamic",props:{paramCfg:{type:Object,default:null},modelValue:{type:Array,default:null}},emits:["update:modelValue"],setup(e,{emit:C}){const S=e,A=d(),{getDynamicSelectData:j}=h(),P=a(null),D=a(!1),x=l(V),I=l(w),_=a(0),K={class:"select-dynamic-popover"},T=a(1),E=a(),U=a([]),M=a(),$=t((()=>{var e;return null==(e=S.paramCfg)?void 0:e.optionSetting})),B=t((()=>$.value===m.MULTIPLE)),F=t((()=>{const{dynamicOptionInfo:e={}}=S.paramCfg.optionInfo;return e})),J=t((()=>_.value>0&&T.value>=_.value)),N=t((()=>{let e=[];const a=I.value.find((e=>e.key===S.paramCfg.p_name));return a&&a.value&&(e=a.dynamicBaseList||[]),L([...e,...U.value],"value")})),H=t((()=>{var e;if(Array.isArray(S.modelValue)&&S.modelValue.length>0){const e=S.modelValue;if(W(e),!B.value&&1==e.length){const a=N.value.find((a=>a.value===e[0]));return JSON.stringify(a)}return N.value.filter((a=>e.includes(a.value)))}return W([]),null!=(e=S.modelValue)?e:null})),R=t((()=>{if(Object.keys(F.value).length>0){const{defaultParams:e=[]}=F.value;return!k(e)}return!0}));function W(e){U.value.forEach((a=>{a.actived=!1,Array.isArray(e)&&e.includes(a.value)&&(a.actived=!0)}))}function q(e){var a;const{defaultValue:l}=S.paramCfg._rawData;(null==(a=null==l?void 0:l.linkageFieldKeys)?void 0:a.length)>0&&l.linkageFieldKeys.forEach((e=>{const a=I.value.find((a=>a.key===e));a&&a.value&&(a.value=a.presetVal=null)})),O(S.modelValue,e)||(C("update:modelValue",e),ae(e))}async function z(e){var a;T.value=e,null==(a=null==P?void 0:P.value)||a.focus(),await G(M.value,T.value)}async function G(e,a){try{if(Object.keys(F.value).length>0){const{autograph:l,dataSourceId:t,dataSourceType:u,filterKeys:n,defaultParams:o=[],showKeys:i,valueKey:r}=F.value;let s={wordbookId:t,autograph:l,wordbookType:u,fieldKeys:n,page:a};n.length>0&&(s[n[0]]=e),D.value=!0;if(k(o)){const e=o.map((e=>e.value)).filter((e=>e.includes("${")));e.map((e=>e.match(/\$\{(.+?)\}/)[1])).forEach((e=>{const a=I.value.find((a=>a.key===e));a&&a.value&&a.value!==y.WHOLE&&(s[e]=a.value)}))}let v=await j(s,x);if(v){const{fieldList:e=[],rows:a=[],total:l=0}=v.map,t=a.map((e=>({...e,label:e[i[0]],value:e[r]})));return E.value=null!=e?e:[],U.value=null!=t?t:[],_.value=l,t}}}catch(e){A.error(`异步数据源下拉框数据请求失败：${e}`),console.log(e)}finally{D.value=!1}}const Q=g((async e=>{await async function(e){M.value=e.trim(),T.value=1,await G(M.value,T.value)}(e)}),300);async function X(){Object.keys(F.value).length>0&&x&&await G("",T.value)}async function Y(){C("update:modelValue",null),ae(null),await X()}function Z(e){M.value="",e&&(T.value=1,X())}function ee({option:e,handleClose:a}){if(B.value){const l=e.value;return c(f,{style:{padding:"0 8px"},closable:!0,onClose:e=>{if(e.stopPropagation(),a(),Array.isArray(S.modelValue)&&S.modelValue.length>0){const e=S.modelValue,a=e.indexOf(l.value);a>-1&&(e.splice(a,1),C("update:modelValue",e.length>0?e:null),ae(e.length>0?e:null))}}},{default:()=>c("div",l.label)})}const l=e.value?JSON.parse(e.value):{label:""};return c("div",l.label)}function ae(e){let a=[];Array.isArray(e)&&e.length>0&&(B.value||1!=e.length||(a=N.value.filter((a=>a.value===e[0]))),a=N.value.filter((a=>e.includes(a.value))));const l=I.value.find((e=>e.key===S.paramCfg.p_name));l&&l.value&&(l.dynamicBaseList=a)}return R.value&&X(),(e,a)=>(u(),n(o(p),{id:"select-dynamic-popover",ref_key:"selectDynamicRef",ref:P,style:{width:"200px"},value:o(H),"onUpdate:value":a[0]||(a[0]=e=>i(H)?H.value=e:null),remote:"",clearable:"",filterable:"",maxTagCount:"responsive",loading:D.value,multiple:o(B),"menu-props":K,"render-tag":ee,onSearch:o(Q),onClear:Y,"onUpdate:show":Z,onClick:a[1]||(a[1]=r((()=>{}),["stop"]))},{empty:s((()=>[v(b,{oldValue:S.modelValue,dynamicOptionInfo:o(F),fieldTitleList:E.value,optionList:U.value,isMultiple:o(B),curPage:T.value,isLastPage:o(J),onUpdateSelect:q,onUpdatePage:z},null,8,["oldValue","dynamicOptionInfo","fieldTitleList","optionList","isMultiple","curPage","isLastPage"])])),_:1},8,["value","loading","multiple","onSearch"]))}});export{C as default};
+import { defineComponent, ref, inject, computed, openBlock, createBlock, unref, isRef, withModifiers, withCtx, createVNode, h } from 'vue';
+import { useMessage, NSelect, NTag } from 'naive-ui';
+import { WidgetOptionEnums, WidgetValEnums } from '../../../types/enums.js';
+import { useDebounceFn } from '@vueuse/core';
+import useAsyncData from '../../../hooks/useAsyncData.js';
+import { InjectionFilterApiConfig, InjectionClassifyFilterList } from '../../../constants/index.js';
+import { judgmentVariable } from '../../render-widget/helpers/setDefaultValue.js';
+import SelectDynamicOption from '../../render-widget/components/SelectDynamicOption/index.vue.js';
+import { uniqBy, isEqual } from 'lodash-es';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SelectDynamic",
+  props: {
+    paramCfg: {
+      type: Object,
+      default: null
+    },
+    modelValue: {
+      type: Array,
+      default: null
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, {
+    emit
+  }) {
+    const props = __props;
+    const message = useMessage();
+    const {
+      getDynamicSelectData
+    } = useAsyncData();
+    const selectDynamicRef = ref(null);
+    const isLoading = ref(false);
+    const filterApiConfig = inject(InjectionFilterApiConfig);
+    const classifyFilterList = inject(InjectionClassifyFilterList);
+    const totalPage = ref(0);
+    const menuProps = {
+      class: "select-dynamic-popover"
+    };
+    const curPage = ref(1);
+    const fieldTitleList = ref();
+    const selectOptions = ref([]);
+    const keywordVal = ref();
+    const optionSetting = computed(() => {
+      var _a;
+      return (_a = props.paramCfg) == null ? void 0 : _a.optionSetting;
+    });
+    const isMultiple = computed(() => optionSetting.value === WidgetOptionEnums.MULTIPLE);
+    const dynamicOptionInfos = computed(() => {
+      const {
+        dynamicOptionInfo = {}
+      } = props.paramCfg.optionInfo;
+      return dynamicOptionInfo;
+    });
+    const isLastPage = computed(() => totalPage.value > 0 && curPage.value >= totalPage.value);
+    const originList = computed(() => {
+      let collectList = [];
+      const curItem = classifyFilterList.value.find((searchItem) => searchItem.key === props.paramCfg.p_name);
+      if (curItem && curItem.value) {
+        collectList = curItem.dynamicBaseList || [];
+      }
+      return uniqBy([...collectList, ...selectOptions.value], "value");
+    });
+    const valueCp = computed(() => {
+      var _a;
+      if (Array.isArray(props.modelValue) && props.modelValue.length > 0) {
+        const list = props.modelValue;
+        setOptionActive(list);
+        if (!isMultiple.value && list.length == 1) {
+          const curItem = originList.value.find((option) => option.value === list[0]);
+          return JSON.stringify(curItem);
+        }
+        const selectList = originList.value.filter((option) => list.includes(option.value));
+        return selectList;
+      }
+      setOptionActive([]);
+      return (_a = props.modelValue) != null ? _a : null;
+    });
+    const isInitRequest = computed(() => {
+      if (Object.keys(dynamicOptionInfos.value).length > 0) {
+        const {
+          defaultParams = []
+        } = dynamicOptionInfos.value;
+        return !judgmentVariable(defaultParams);
+      }
+      return true;
+    });
+    function setOptionActive(selectIds) {
+      selectOptions.value.forEach((option) => {
+        option.actived = false;
+        if (Array.isArray(selectIds) && selectIds.includes(option.value)) {
+          option.actived = true;
+        }
+      });
+    }
+    function handleUpdateSelect(value) {
+      var _a;
+      const {
+        defaultValue
+      } = props.paramCfg._rawData;
+      if (((_a = defaultValue == null ? void 0 : defaultValue.linkageFieldKeys) == null ? void 0 : _a.length) > 0) {
+        defaultValue.linkageFieldKeys.forEach((key) => {
+          const curItem = classifyFilterList.value.find((searchItem) => searchItem.key === key);
+          if (curItem && curItem.value) {
+            curItem.value = curItem.presetVal = null;
+          }
+        });
+      }
+      if (isEqual(props.modelValue, value)) {
+        return;
+      }
+      emit("update:modelValue", value);
+      saveDynamicBaseList(value);
+    }
+    async function handleUpdatePage(page) {
+      var _a;
+      curPage.value = page;
+      (_a = selectDynamicRef == null ? void 0 : selectDynamicRef.value) == null ? void 0 : _a.focus();
+      await getOptionsData(keywordVal.value, curPage.value);
+    }
+    async function getOptionsData(keyword, curPage2) {
+      try {
+        if (Object.keys(dynamicOptionInfos.value).length > 0) {
+          const {
+            autograph,
+            dataSourceId,
+            dataSourceType,
+            filterKeys,
+            defaultParams = [],
+            showKeys,
+            valueKey
+          } = dynamicOptionInfos.value;
+          let params = {
+            wordbookId: dataSourceId,
+            autograph,
+            wordbookType: dataSourceType,
+            fieldKeys: filterKeys,
+            page: curPage2
+          };
+          filterKeys.length > 0 ? params[filterKeys[0]] = keyword : null;
+          isLoading.value = true;
+          const isVariable = judgmentVariable(defaultParams);
+          if (isVariable) {
+            const variableKeys = defaultParams.map((params2) => params2.value).filter((params2) => params2.includes("${"));
+            const keys = variableKeys.map((item) => item.match(/\$\{(.+?)\}/)[1]);
+            keys.forEach((key) => {
+              const curItem = classifyFilterList.value.find((searchItem) => searchItem.key === key);
+              if (curItem && curItem.value && !isWhole(curItem.value)) {
+                params[key] = curItem.value;
+              }
+            });
+          }
+          let res = await getDynamicSelectData(params, filterApiConfig);
+          if (res) {
+            const {
+              fieldList = [],
+              rows = [],
+              total = 0
+            } = res.map;
+            const optionList = rows.map((item) => {
+              return {
+                ...item,
+                label: item[showKeys[0]],
+                value: item[valueKey]
+              };
+            });
+            fieldTitleList.value = fieldList != null ? fieldList : [];
+            selectOptions.value = optionList != null ? optionList : [];
+            totalPage.value = total;
+            return optionList;
+          }
+        }
+      } catch (error) {
+        message.error(`\u5F02\u6B65\u6570\u636E\u6E90\u4E0B\u62C9\u6846\u6570\u636E\u8BF7\u6C42\u5931\u8D25\uFF1A${error}`);
+        console.log(error);
+      } finally {
+        isLoading.value = false;
+      }
+    }
+    function isWhole(value) {
+      return value === WidgetValEnums.WHOLE;
+    }
+    async function _handleSearch(query) {
+      keywordVal.value = query.trim();
+      curPage.value = 1;
+      await getOptionsData(keywordVal.value, curPage.value);
+    }
+    const handleSearch = useDebounceFn(async (query) => {
+      await _handleSearch(query);
+    }, 300);
+    async function handleInitData() {
+      const lens = Object.keys(dynamicOptionInfos.value).length;
+      if (lens > 0 && filterApiConfig) {
+        await getOptionsData("", curPage.value);
+      }
+    }
+    async function handleClear() {
+      emit("update:modelValue", null);
+      saveDynamicBaseList(null);
+      await handleInitData();
+    }
+    function handleUpdateShow(show) {
+      keywordVal.value = "";
+      if (show) {
+        curPage.value = 1;
+        handleInitData();
+      }
+    }
+    function renderTag({
+      option,
+      handleClose
+    }) {
+      if (isMultiple.value) {
+        const currentOption2 = option.value;
+        return h(NTag, {
+          style: {
+            padding: "0 8px"
+          },
+          closable: true,
+          onClose: (e) => {
+            e.stopPropagation();
+            handleClose();
+            if (Array.isArray(props.modelValue) && props.modelValue.length > 0) {
+              const sList = props.modelValue;
+              const index = sList.indexOf(currentOption2.value);
+              if (index > -1) {
+                sList.splice(index, 1);
+                emit("update:modelValue", sList.length > 0 ? sList : null);
+                saveDynamicBaseList(sList.length > 0 ? sList : null);
+              }
+            }
+          }
+        }, {
+          default: () => h("div", currentOption2.label)
+        });
+      }
+      const currentOption = option.value ? JSON.parse(option.value) : {
+        label: ""
+      };
+      return h("div", currentOption.label);
+    }
+    function init() {
+      if (isInitRequest.value) {
+        handleInitData();
+      }
+    }
+    function saveDynamicBaseList(selectValue) {
+      let dynamicBaseList = [];
+      if (Array.isArray(selectValue) && selectValue.length > 0) {
+        if (!isMultiple.value && selectValue.length == 1) {
+          dynamicBaseList = originList.value.filter((option) => option.value === selectValue[0]);
+        }
+        dynamicBaseList = originList.value.filter((option) => selectValue.includes(option.value));
+      }
+      const curItem = classifyFilterList.value.find((searchItem) => searchItem.key === props.paramCfg.p_name);
+      if (curItem && curItem.value) {
+        curItem.dynamicBaseList = dynamicBaseList;
+      }
+    }
+    init();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NSelect), {
+        id: "select-dynamic-popover",
+        ref_key: "selectDynamicRef",
+        ref: selectDynamicRef,
+        style: {
+          "width": "200px"
+        },
+        value: unref(valueCp),
+        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(valueCp) ? valueCp.value = $event : null),
+        remote: "",
+        clearable: "",
+        filterable: "",
+        maxTagCount: "responsive",
+        loading: isLoading.value,
+        multiple: unref(isMultiple),
+        "menu-props": menuProps,
+        "render-tag": renderTag,
+        onSearch: unref(handleSearch),
+        onClear: handleClear,
+        "onUpdate:show": handleUpdateShow,
+        onClick: _cache[1] || (_cache[1] = withModifiers(() => {
+        }, ["stop"]))
+      }, {
+        empty: withCtx(() => [createVNode(SelectDynamicOption, {
+          oldValue: props.modelValue,
+          dynamicOptionInfo: unref(dynamicOptionInfos),
+          fieldTitleList: fieldTitleList.value,
+          optionList: selectOptions.value,
+          isMultiple: unref(isMultiple),
+          curPage: curPage.value,
+          isLastPage: unref(isLastPage),
+          onUpdateSelect: handleUpdateSelect,
+          onUpdatePage: handleUpdatePage
+        }, null, 8, ["oldValue", "dynamicOptionInfo", "fieldTitleList", "optionList", "isMultiple", "curPage", "isLastPage"])]),
+        _: 1
+      }, 8, ["value", "loading", "multiple", "onSearch"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/table-filter/src/components/classify-filter/components/SelectFilter.vue.js

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

package/es/components/table-filter/src/components/classify-filter/components/SelectFilter.vue2.js

@@ -1 +1,64 @@
-import{defineComponent as e,computed as t,openBlock as l,createBlock as a,unref as u,isRef as p}from"vue";import{NSelect as o}from"naive-ui";import{WidgetOptionEnums as r}from"../../../types/enums.js";var i=e({__name:"SelectFilter",props:{paramCfg:{type:Object,default:null},modelValue:{type:[String,Number,Array],default:null},widgetType:{type:String,default:""}},emits:["update:modelValue"],setup(e,{emit:i}){const n=e,m=t({set(e){i("update:modelValue",e)},get:()=>n.modelValue}),d=t((()=>{var e;return null==(e=n.paramCfg)?void 0:e.optionSetting})),s=t((()=>{var e;const t=null==(e=n.paramCfg)?void 0:e.mappingConfig;return t&&(null==t?void 0:t.mapping)?t.mapping:[]}));return(e,t)=>(l(),a(u(o),{style:{width:"200px"},class:"form-item",value:u(m),"onUpdate:value":t[0]||(t[0]=e=>p(m)?m.value=e:null),to:"body",filterable:"",options:u(s),multiple:u(d)===u(r).MULTIPLE,maxTagCount:1},null,8,["value","options","multiple"]))}});export{i as default};
+import { defineComponent, computed, openBlock, createBlock, unref, isRef } from 'vue';
+import { NSelect } from 'naive-ui';
+import { WidgetOptionEnums } from '../../../types/enums.js';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SelectFilter",
+  props: {
+    paramCfg: {
+      type: Object,
+      default: null
+    },
+    modelValue: {
+      type: [String, Number, Array],
+      default: null
+    },
+    widgetType: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, {
+    emit
+  }) {
+    const props = __props;
+    const valueCp = computed({
+      set(val) {
+        emit("update:modelValue", val);
+      },
+      get() {
+        return props.modelValue;
+      }
+    });
+    const optionSetting = computed(() => {
+      var _a;
+      return (_a = props.paramCfg) == null ? void 0 : _a.optionSetting;
+    });
+    const widgetOptions = computed(() => {
+      var _a;
+      const mappingConfig = (_a = props.paramCfg) == null ? void 0 : _a.mappingConfig;
+      if (mappingConfig && (mappingConfig == null ? void 0 : mappingConfig.mapping)) {
+        return mappingConfig.mapping;
+      }
+      return [];
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NSelect), {
+        style: {
+          "width": "200px"
+        },
+        class: "form-item",
+        value: unref(valueCp),
+        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(valueCp) ? valueCp.value = $event : null),
+        to: "body",
+        filterable: "",
+        options: unref(widgetOptions),
+        multiple: unref(optionSetting) === unref(WidgetOptionEnums).MULTIPLE,
+        maxTagCount: 1
+      }, null, 8, ["value", "options", "multiple"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/table-filter/src/components/classify-filter/components/SelectLabel.vue.js

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

package/es/components/table-filter/src/components/classify-filter/components/SelectLabel.vue2.js

@@ -1 +1,127 @@
-import{defineComponent as e,ref as l,inject as a,computed as t,openBlock as o,createBlock as s,unref as r,isRef as u,h as n}from"vue";import{useMessage as i,NSelect as p,NTooltip as b}from"naive-ui";import d from"../../../hooks/useAsyncData.js";import{InjectionFilterApiConfig as m}from"../../../constants/index.js";var c=e({__name:"SelectLabel",props:{paramCfg:{type:Object,default:null},modelValue:{type:String,default:null}},emits:["update:modelValue"],setup(e,{emit:c}){const v=e,{getDynamicLabelData:f}=d(),h=i(),y=l([]),g=a(m),x=t({set(e){const l=e?e.join("|#|"):e;c("update:modelValue",l)},get:()=>v.modelValue?v.modelValue.split("|#|"):[]}),S=t((()=>{if(y.value&&y.value.length>0){let e=[],l=[];return y.value.forEach((a=>{a.labelList.forEach((a=>{e.includes(a.labelShowText)||(e.push(a.labelShowText),l.push({label:a.labelShowText,value:a.labelShowText,bsv12:a.bsv12,bsv13:a.bsv13}))}))})),l}return[]})),w=({node:e,option:l})=>n(b,{to:"body"},{trigger:()=>e,default:()=>l.label}),V=e=>"2"==e.bsv12?n("img",{src:e.bsv13||"",alt:e.label,style:{height:"28px",display:"block"}}):e.label;return(async()=>{try{const{defaultValue:e={}}=v.paramCfg._rawData,{classifyStr:l=""}=e;let a=await f({classifyStr:l},g);if(a){const{list:e=[]}=a;y.value=e}}catch(e){h.error(`获取标签数据请求失败：${e}`),console.log(e)}})(),(e,l)=>(o(),s(r(p),{to:"body",multiple:"",clearable:"",filterable:"",maxTagCount:"responsive",value:r(x),"onUpdate:value":l[0]||(l[0]=e=>u(x)?x.value=e:null),options:r(S),style:{width:"200px"},renderOption:w,renderLabel:V},null,8,["value","options"]))}});export{c as default};
+import { defineComponent, ref, inject, computed, openBlock, createBlock, unref, 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: "SelectLabel",
+  props: {
+    paramCfg: {
+      type: Object,
+      default: null
+    },
+    modelValue: {
+      type: String,
+      default: null
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, {
+    emit
+  }) {
+    const props = __props;
+    const {
+      getDynamicLabelData
+    } = useAsyncData();
+    const message = useMessage();
+    const tagList = ref([]);
+    const filterApiConfig = inject(InjectionFilterApiConfig);
+    const valueCp = computed({
+      set(val) {
+        const valueStr = val ? val.join("|#|") : val;
+        emit("update:modelValue", valueStr);
+      },
+      get() {
+        const valueList = props.modelValue ? props.modelValue.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 {
+          defaultValue = {}
+        } = props.paramCfg._rawData;
+        const {
+          classifyStr = ""
+        } = defaultValue;
+        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), {
+        to: "body",
+        multiple: "",
+        clearable: "",
+        filterable: "",
+        maxTagCount: "responsive",
+        value: unref(valueCp),
+        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(valueCp) ? valueCp.value = $event : null),
+        options: unref(optionList),
+        style: {
+          "width": "200px"
+        },
+        renderOption,
+        renderLabel
+      }, null, 8, ["value", "options"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/table-filter/src/components/classify-filter/components/SelectTreeDynamic.vue.js

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

package/es/components/table-filter/src/components/classify-filter/components/SelectTreeDynamic.vue2.js

@@ -1 +1,137 @@
-import{defineComponent as e,ref as t,inject as a,computed as l,openBlock as o,createBlock as r,unref as n,isRef as u}from"vue";import{useMessage as i,NTreeSelect as m}from"naive-ui";import{WidgetOptionEnums as s}from"../../../types/enums.js";import p from"../../../hooks/useAsyncData.js";import{InjectionFilterApiConfig as d,InjectionClassifyFilterList as c}from"../../../constants/index.js";import{judgmentVariable as f}from"../../render-widget/helpers/setDefaultValue.js";var y=e({__name:"SelectTreeDynamic",props:{paramCfg:{type:Object,default:null},modelValue:{type:[String,Number,Array],default:null}},emits:["update:modelValue"],setup(e,{emit:y}){const v=e,g=i(),{getDynamicSelectData:h}=p(),b=t([]),K=a(d),w=a(c),j=l((()=>{var e;return null==(e=v.paramCfg)?void 0:e.optionSetting})),I=l((()=>j.value===s.MULTIPLE)),S=l((()=>{const{dynamicOptionInfo:e={}}=v.paramCfg.optionInfo;return e})),k=l({set(e){y("update:modelValue",e)},get:()=>v.modelValue});function D(e,t,a){return e.map((e=>{var l;return(null==(l=null==e?void 0:e.children)?void 0:l.length)&&(e.children=D(e.children,t,a)),{...e,label:e[t[0]],key:e[a]}}))}return async function(e){try{if(Object.keys(S.value).length>0){const{autograph:t,dataSourceId:a,dataSourceType:l,filterKeys:o,defaultParams:r=[],showKeys:n,valueKey:u,treeInfo:i={}}=S.value,{primaryKey:m,levelKey:s}=i;let p={wordbookId:a,autograph:t,wordbookType:l,fieldKeys:o,page:1,primaryKey:m,levelKey:s};o.length>0&&(p[o[0]]=e);if(f(r)){const e=r.map((e=>e.value)).filter((e=>e.includes("${")));e.map((e=>e.match(/\$\{(.+?)\}/)[1])).forEach((e=>{const t=w.value.find((t=>t.columnName===e));t&&t.value&&(p[e]=t.value)}))}let d=await h(p,K);if(d){const{fieldList:e=[],rows:t=[]}=d.map,a=D(t,n,u);b.value=a}}}catch(e){g.error(`异步数据源下拉框数据请求失败：${e}`),console.log(e)}}(""),(e,t)=>(o(),r(n(m),{style:{width:"200px"},class:"form-item",value:n(k),"onUpdate:value":t[0]||(t[0]=e=>u(k)?k.value=e:null),to:"body",clearable:"",filterable:"",maxTagCount:"responsive",multiple:n(I),options:b.value},null,8,["value","multiple","options"]))}});export{y as default};
+import { defineComponent, ref, inject, computed, openBlock, createBlock, unref, isRef } from 'vue';
+import { useMessage, NTreeSelect } from 'naive-ui';
+import { WidgetOptionEnums } from '../../../types/enums.js';
+import useAsyncData from '../../../hooks/useAsyncData.js';
+import { InjectionFilterApiConfig, InjectionClassifyFilterList } from '../../../constants/index.js';
+import { judgmentVariable } from '../../render-widget/helpers/setDefaultValue.js';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SelectTreeDynamic",
+  props: {
+    paramCfg: {
+      type: Object,
+      default: null
+    },
+    modelValue: {
+      type: [String, Number, Array],
+      default: null
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, {
+    emit
+  }) {
+    const props = __props;
+    const message = useMessage();
+    const {
+      getDynamicSelectData
+    } = useAsyncData();
+    const options = ref([]);
+    const filterApiConfig = inject(InjectionFilterApiConfig);
+    const classifyFilterList = inject(InjectionClassifyFilterList);
+    const optionSetting = computed(() => {
+      var _a;
+      return (_a = props.paramCfg) == null ? void 0 : _a.optionSetting;
+    });
+    const isMultiple = computed(() => optionSetting.value === WidgetOptionEnums.MULTIPLE);
+    const dynamicOptionInfos = computed(() => {
+      const {
+        dynamicOptionInfo = {}
+      } = props.paramCfg.optionInfo;
+      return dynamicOptionInfo;
+    });
+    const valueCp = computed({
+      set(val) {
+        emit("update:modelValue", val);
+      },
+      get() {
+        return props.modelValue;
+      }
+    });
+    function transformOptions(list, showKeys, valueKey) {
+      return list.map((item) => {
+        var _a;
+        if ((_a = item == null ? void 0 : item.children) == null ? void 0 : _a.length) {
+          item.children = transformOptions(item.children, showKeys, valueKey);
+        }
+        return {
+          ...item,
+          label: item[showKeys[0]],
+          key: item[valueKey]
+        };
+      });
+    }
+    async function getOptionsData(keyword) {
+      try {
+        if (Object.keys(dynamicOptionInfos.value).length > 0) {
+          const {
+            autograph,
+            dataSourceId,
+            dataSourceType,
+            filterKeys,
+            defaultParams = [],
+            showKeys,
+            valueKey,
+            treeInfo = {}
+          } = dynamicOptionInfos.value;
+          const {
+            primaryKey,
+            levelKey
+          } = treeInfo;
+          let params = {
+            wordbookId: dataSourceId,
+            autograph,
+            wordbookType: dataSourceType,
+            fieldKeys: filterKeys,
+            page: 1,
+            primaryKey,
+            levelKey
+          };
+          filterKeys.length > 0 ? params[filterKeys[0]] = keyword : null;
+          const isVariable = judgmentVariable(defaultParams);
+          if (isVariable) {
+            const variableKeys = defaultParams.map((params2) => params2.value).filter((params2) => params2.includes("${"));
+            const keys = variableKeys.map((item) => item.match(/\$\{(.+?)\}/)[1]);
+            keys.forEach((key) => {
+              const curItem = classifyFilterList.value.find((searchItem) => searchItem.columnName === key);
+              if (curItem && curItem.value) {
+                params[key] = curItem.value;
+              }
+            });
+          }
+          let res = await getDynamicSelectData(params, filterApiConfig);
+          if (res) {
+            const {
+              fieldList = [],
+              rows = []
+            } = res.map;
+            const optionList = transformOptions(rows, showKeys, valueKey);
+            options.value = optionList;
+          }
+        }
+      } catch (error) {
+        message.error(`\u5F02\u6B65\u6570\u636E\u6E90\u4E0B\u62C9\u6846\u6570\u636E\u8BF7\u6C42\u5931\u8D25\uFF1A${error}`);
+        console.log(error);
+      }
+    }
+    getOptionsData("");
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NTreeSelect), {
+        style: {
+          "width": "200px"
+        },
+        class: "form-item",
+        value: unref(valueCp),
+        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(valueCp) ? valueCp.value = $event : null),
+        to: "body",
+        clearable: "",
+        filterable: "",
+        maxTagCount: "responsive",
+        multiple: unref(isMultiple),
+        options: options.value
+      }, null, 8, ["value", "multiple", "options"]);
+    };
+  }
+});
+
+export { _sfc_main as default };