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

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

@@ -1 +1,327 @@
-import{defineComponent as e,useAttrs as a,ref as l,inject as t,computed as u,nextTick as n,openBlock as i,createBlock as o,unref as s,mergeProps as r,isRef as v,withCtx as c,createVNode as p,h as f}from"vue";import{useMessage as d,NSelect as m,NTag as y}from"naive-ui";import{useDebounceFn as g}from"@vueuse/core";import h from"../../../hooks/useAsyncData.js";import{judgmentVariable as S}from"../helpers/setDefaultValue.js";import{WholeSelectObj as O}from"../helpers/selectExtraMap.js";import{WidgetValEnums as w}from"../../../types/enums.js";import{InjectionFilterApiConfig as b,InjectionFilterSearchConfig as N}from"../../../constants/index.js";import j from"./SelectDynamicOption/index.vue.js";import{isEqual as k,cloneDeep as C}from"lodash-es";var A=e({__name:"SelectDynamic",props:{value:{type:[Array,String,Number]},componentCfg:{type:Object}},emits:["update:value"],setup(e,{emit:A}){const J=e,L=d(),P="SQL",D="API",{getDynamicSelectData:I}=h(),$=a(),x=l(null),E=l(!1),K=t(b),T=t(N),_=l(1),M=l(),U=l([JSON.parse(JSON.stringify(O))]),W=l([]),V=l(),B=l(0),F=l({class:"select-dynamic-popover",id:""}),H=u((()=>$.multiple)),Q=u((()=>{const{widgetCfg:e}=J.componentCfg,{dynamicOptionInfo:a={}}=e;return a})),R=u((()=>{const{widgetCfg:e}=J.componentCfg,{showWholeOption:a=!1}=e;return a&&1===_.value})),q=u((()=>B.value>0&&_.value>=B.value)),z=u((()=>{var e;if(Array.isArray(J.value)&&J.value.length>0){const e=J.value;if(X(e),e.includes(O.value)){const e=U.value.find((e=>e.value===O.value)),a=e||O;return H.value?[a]:JSON.stringify(a)}if(!H.value&&1==e.length){const a=U.value.find((a=>a.value===e[0]));return a?JSON.stringify(a):JSON.stringify({label:"string"==typeof e[0]&&e[0].includes("&")?e[0].split("&")[0]:e[0],value:e[0]})}const a=U.value.filter((a=>e.includes(a.value))),l=a.map((e=>e.value)),t=e.filter((e=>!l.includes(e))).map((e=>({label:"string"==typeof e&&e.includes("&")?e.split("&")[0]:e,value:e})));return[...a,...t]}return X([]),J.value?JSON.stringify({label:(null==(e=J.value)?void 0:e.includes("&"))?J.value.split("&")[0]:J.value,value:J.value}):null})),G=u((()=>{if(Object.keys(Q.value).length>0){const{defaultParams:e=[]}=Q.value;return S(e)&&!J.value}return!1}));function X(e){U.value.forEach((a=>{a.actived=!1,Array.isArray(e)&&e.includes(a.value)&&(a.actived=!0)}))}function Y(e){const{widgetCfg:a}=J.componentCfg,{linkageFieldKeys:l=[]}=a;if(!H.value){const e=document.getElementById(F.value.id);(null==e?void 0:e.style)&&(e.style.display="none")}k(J.value,e)||(l.forEach((e=>{const a=T.value.find((a=>a.columnName===e));a&&a.value&&(a.value=null)})),A("update:value",e))}async function Z(e){var a;_.value=e,null==(a=null==x?void 0:x.value)||a.focus(),await ee(V.value,_.value)}async function ee(e,a){try{if(E.value=!0,Object.keys(Q.value).length>0){const{autograph:l,dataSourceId:t,dataSourceType:u,filterKeys:n,defaultParams:i=[],showKeys:o,valueKey:s,tableDataType:r}=Q.value;let v={wordbookId:t,autograph:l,wordbookType:u,fieldKeys:n,page:a};switch(r){case P:v.keyword=e;break;case D:n.length>0&&(v[n[0]]=e)}if(S(i)){const e=i.map((e=>e.value)).filter((e=>e.includes("${")));e.map((e=>e.match(/\$\{(.+?)\}/)[1])).forEach((e=>{const a=T.value.find((a=>a.columnName===e));a&&a.value&&a.value!==w.WHOLE&&(v[e]=a.value)}))}let c=await I(v,K);if(c){const{fieldList:e=[],rows:a=[],total:l=0}=c.map,t=a.map((e=>({...e,label:e[o[0]],value:`${e[o[0]]}&${e[s]}`}))),u=C(t);R.value&&t.unshift(JSON.parse(JSON.stringify(O))),M.value=null!=e?e:[],U.value=null!=t?t:[],W.value=u,B.value=l}}}catch(e){L.error(`异步数据源下拉框数据请求失败：${e}`),console.log(e)}finally{E.value=!1}}const ae=g((async e=>{await async function(e){V.value=e.trim(),_.value=1,await ee(V.value,_.value)}(e)}),300);async function le(){Object.keys(Q.value).length>0&&K&&await ee("",_.value)}async function te(){A("update:value",null),await le()}function ue(e){V.value="",e&&(F.value.id=`${F.value.class}_${Math.random().toString(36).substr(2,9)}`,_.value=1,le())}function ne({option:e,handleClose:a}){if(H.value){const l=e.value;return f(y,{style:{padding:"0 8px"},closable:!0,onClose:e=>{if(e.stopPropagation(),a(),Array.isArray(J.value)&&J.value.length>0){const e=J.value,a=e.indexOf(l.value);a>-1&&(e.splice(a,1),A("update:value",e.length>0?e:null))}}},{default:()=>f("div",l.label)})}const l=e.value?JSON.parse(e.value):{label:""};return f("div",l.label)}return n((()=>{G.value||le()})),(e,a)=>(i(),o(s(m),r({ref_key:"selectDynamicRef",ref:x},s($),{value:s(z),"onUpdate:value":a[0]||(a[0]=e=>v(z)?z.value=e:null),remote:"",loading:E.value,"render-tag":ne,"menu-props":F.value,onSearch:s(ae),onClear:te,"onUpdate:show":ue}),{empty:c((()=>[p(j,r(s($),{oldValue:J.value,loading:E.value,dynamicOptionInfo:s(Q),fieldTitleList:M.value,optionList:U.value,isMultiple:s(H),curPage:_.value,isLastPage:s(q),isShowWhole:s(R),onUpdateSelect:Y,onUpdatePage:Z}),null,16,["oldValue","loading","dynamicOptionInfo","fieldTitleList","optionList","isMultiple","curPage","isLastPage","isShowWhole"])])),_:1},16,["value","loading","menu-props","onSearch"]))}});export{A as default};
+import { defineComponent, useAttrs, ref, inject, computed, nextTick, openBlock, createBlock, unref, mergeProps, isRef, withCtx, createVNode, h } from 'vue';
+import { useMessage, NSelect, NTag } from 'naive-ui';
+import { useDebounceFn } from '@vueuse/core';
+import useAsyncData from '../../../hooks/useAsyncData.js';
+import { judgmentVariable } from '../helpers/setDefaultValue.js';
+import { WholeSelectObj } from '../helpers/selectExtraMap.js';
+import { WidgetValEnums } from '../../../types/enums.js';
+import { InjectionFilterApiConfig, InjectionFilterSearchConfig } from '../../../constants/index.js';
+import SelectDynamicOption from './SelectDynamicOption/index.vue.js';
+import { isEqual, cloneDeep } from 'lodash-es';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SelectDynamic",
+  props: {
+    value: {
+      type: [Array, String, Number]
+    },
+    componentCfg: {
+      type: Object
+    }
+  },
+  emits: ["update:value"],
+  setup(__props, {
+    emit
+  }) {
+    const props = __props;
+    const message = useMessage();
+    const tableType = {
+      SQL: "SQL",
+      API: "API"
+    };
+    const {
+      getDynamicSelectData
+    } = useAsyncData();
+    const $attrs = useAttrs();
+    const selectDynamicRef = ref(null);
+    const isLoading = ref(false);
+    const filterApiConfig = inject(InjectionFilterApiConfig);
+    const searchFilterList = inject(InjectionFilterSearchConfig);
+    const curPage = ref(1);
+    const fieldTitleList = ref();
+    const selectOptions = ref([JSON.parse(JSON.stringify(WholeSelectObj))]);
+    const baseOptionList = ref([]);
+    const keywordVal = ref();
+    const totalPage = ref(0);
+    const menuProps = ref({
+      class: "select-dynamic-popover",
+      id: ""
+    });
+    const isMultiple = computed(() => $attrs.multiple);
+    const dynamicOptionInfos = computed(() => {
+      const {
+        widgetCfg
+      } = props.componentCfg;
+      const {
+        dynamicOptionInfo = {}
+      } = widgetCfg;
+      return dynamicOptionInfo;
+    });
+    const isShowWhole = computed(() => {
+      const {
+        widgetCfg
+      } = props.componentCfg;
+      const {
+        showWholeOption = false
+      } = widgetCfg;
+      return showWholeOption && curPage.value === 1;
+    });
+    const isLastPage = computed(() => totalPage.value > 0 && curPage.value >= totalPage.value);
+    const valueCp = computed(() => {
+      var _a;
+      if (Array.isArray(props.value) && props.value.length > 0) {
+        const list = props.value;
+        setOptionActive(list);
+        if (list.includes(WholeSelectObj.value)) {
+          const curItem = selectOptions.value.find((option) => option.value === WholeSelectObj.value);
+          const result = curItem ? curItem : WholeSelectObj;
+          return isMultiple.value ? [result] : JSON.stringify(result);
+        }
+        if (!isMultiple.value && list.length == 1) {
+          const curItem = selectOptions.value.find((option) => option.value === list[0]);
+          return curItem ? JSON.stringify(curItem) : JSON.stringify({
+            label: typeof list[0] == "string" ? list[0].includes("&") ? list[0].split("&")[0] : list[0] : list[0],
+            value: list[0]
+          });
+        }
+        const selectList = selectOptions.value.filter((option) => list.includes(option.value));
+        const curPageSelectValues = selectList.map((item) => item.value);
+        const showList = list.filter((item) => !curPageSelectValues.includes(item)).map((value) => {
+          return {
+            label: typeof value == "string" ? value.includes("&") ? value.split("&")[0] : value : value,
+            value
+          };
+        });
+        return [...selectList, ...showList];
+      }
+      setOptionActive([]);
+      return props.value ? JSON.stringify({
+        label: ((_a = props.value) == null ? void 0 : _a.includes("&")) ? props.value.split("&")[0] : props.value,
+        value: props.value
+      }) : null;
+    });
+    const isForbidRequest = computed(() => {
+      if (Object.keys(dynamicOptionInfos.value).length > 0) {
+        const {
+          defaultParams = []
+        } = dynamicOptionInfos.value;
+        return judgmentVariable(defaultParams) && !props.value;
+      }
+      return false;
+    });
+    function setOptionActive(selectIds) {
+      selectOptions.value.forEach((option) => {
+        option.actived = false;
+        if (Array.isArray(selectIds) && selectIds.includes(option.value)) {
+          option.actived = true;
+        }
+      });
+    }
+    function getUniqueHash() {
+      return Math.random().toString(36).substr(2, 9);
+    }
+    function handleUpdateSelect(value) {
+      const {
+        widgetCfg
+      } = props.componentCfg;
+      const {
+        linkageFieldKeys = []
+      } = widgetCfg;
+      if (!isMultiple.value) {
+        const dynamicPopover = document.getElementById(menuProps.value.id);
+        if (dynamicPopover == null ? void 0 : dynamicPopover.style)
+          dynamicPopover.style.display = "none";
+      }
+      if (isEqual(props.value, value)) {
+        return;
+      }
+      linkageFieldKeys.forEach((key) => {
+        const curItem = searchFilterList.value.find((searchItem) => searchItem.columnName === key);
+        if (curItem && curItem.value) {
+          curItem.value = null;
+        }
+      });
+      emit("update:value", 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 {
+        isLoading.value = true;
+        if (Object.keys(dynamicOptionInfos.value).length > 0) {
+          const {
+            autograph,
+            dataSourceId,
+            dataSourceType,
+            filterKeys,
+            defaultParams = [],
+            showKeys,
+            valueKey,
+            tableDataType
+          } = dynamicOptionInfos.value;
+          let params = {
+            wordbookId: dataSourceId,
+            autograph,
+            wordbookType: dataSourceType,
+            fieldKeys: filterKeys,
+            page: curPage2
+          };
+          switch (tableDataType) {
+            case tableType.SQL:
+              params["keyword"] = keyword;
+              break;
+            case tableType.API:
+              filterKeys.length > 0 ? params[filterKeys[0]] = keyword : null;
+              break;
+            default:
+              break;
+          }
+          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 = searchFilterList.value.find((searchItem) => searchItem.columnName === 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[showKeys[0]]}&${item[valueKey]}`
+              };
+            });
+            const copyList = cloneDeep(optionList);
+            if (isShowWhole.value)
+              optionList.unshift(JSON.parse(JSON.stringify(WholeSelectObj)));
+            fieldTitleList.value = fieldList != null ? fieldList : [];
+            selectOptions.value = optionList != null ? optionList : [];
+            baseOptionList.value = copyList;
+            totalPage.value = total;
+          }
+        }
+      } 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:value", null);
+      await handleInitData();
+    }
+    function handleUpdateShow(show) {
+      keywordVal.value = "";
+      if (show) {
+        menuProps.value.id = `${menuProps.value.class}_${getUniqueHash()}`;
+        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.value) && props.value.length > 0) {
+              const sList = props.value;
+              const index = sList.indexOf(currentOption2.value);
+              if (index > -1) {
+                sList.splice(index, 1);
+                emit("update:value", 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 (!isForbidRequest.value) {
+        handleInitData();
+      }
+    }
+    nextTick(() => {
+      init();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NSelect), mergeProps({
+        ref_key: "selectDynamicRef",
+        ref: selectDynamicRef
+      }, unref($attrs), {
+        value: unref(valueCp),
+        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(valueCp) ? valueCp.value = $event : null),
+        remote: "",
+        loading: isLoading.value,
+        "render-tag": renderTag,
+        "menu-props": menuProps.value,
+        onSearch: unref(handleSearch),
+        onClear: handleClear,
+        "onUpdate:show": handleUpdateShow
+      }), {
+        empty: withCtx(() => [createVNode(SelectDynamicOption, mergeProps(unref($attrs), {
+          oldValue: props.value,
+          loading: isLoading.value,
+          dynamicOptionInfo: unref(dynamicOptionInfos),
+          fieldTitleList: fieldTitleList.value,
+          optionList: selectOptions.value,
+          isMultiple: unref(isMultiple),
+          curPage: curPage.value,
+          isLastPage: unref(isLastPage),
+          isShowWhole: unref(isShowWhole),
+          onUpdateSelect: handleUpdateSelect,
+          onUpdatePage: handleUpdatePage
+        }), null, 16, ["oldValue", "loading", "dynamicOptionInfo", "fieldTitleList", "optionList", "isMultiple", "curPage", "isLastPage", "isShowWhole"])]),
+        _: 1
+      }, 16, ["value", "loading", "menu-props", "onSearch"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

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

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

@@ -1 +1,213 @@
-import{defineComponent as e,ref as t,computed as l,withDirectives as a,openBlock as i,createElementBlock as n,normalizeStyle as o,createBlock as d,unref as u,Fragment as c,renderList as s,toDisplayString as r,createCommentVNode as p,createElementVNode as v,normalizeClass as f,withCtx as m,createTextVNode as y,createVNode as g}from"vue";import{NEmpty as h,NPopover as w,NButtonGroup as L,NButton as k,NIcon as b}from"naive-ui";import{vFlexibleResize as E}from"../../../../../../../shared/directive/flexibleResize.js";import{WidgetValEnums as S}from"../../../../types/enums.js";import{ArrowBack as B,ArrowForward as C}from"@vicons/ionicons5";import{WholeSelectObj as P}from"../../helpers/selectExtraMap.js";const x={key:0,class:"dynamic-header"},M={class:"dynamic-content"},O=["onClick"],W={key:0,class:"content"},_={class:"content"},V={class:"dynamic-pagination"};var j=e({__name:"index",props:{oldValue:{type:Array,default:()=>[]},dynamicOptionInfo:{type:Object,default:()=>({})},fieldTitleList:{type:Array,default:()=>[]},optionList:{type:Array,default:()=>[]},isMultiple:{type:Boolean,default:!1},curPage:{type:Number,default:1},isLastPage:{type:Boolean,default:!1},isShowWhole:{type:Boolean,default:!1},loading:{type:Boolean,default:!1}},emits:["updateSelect","updatePage"],setup(e,{emit:j}){const z=e,A=t(200),H=l((()=>{var e,t;return null!=(t=null==(e=z.dynamicOptionInfo)?void 0:e.showKeys)?t:[]})),I=l((()=>H.value&&H.value.length>0?H.value.map((e=>{let t="";return z.fieldTitleList.forEach((l=>{l.columnName===e&&(t=l.title)})),t})):[])),N=l((()=>!z.optionList.filter((e=>e.label!=P.label)).length));function R(e){const t=z.curPage+e;j("updatePage",t)}function T({distance:e}){const t=A.value+e;A.value=Math.min(Math.max(t,200),1e3)}function K(){}return(t,l)=>{var P;return a((i(),n("div",{class:"select-dynamic-options",style:o({minWidth:A.value+"px",position:"relative"})},[e.loading?(i(),d(u(h),{key:0,"show-icon":!1,description:"加载中..."})):(i(),n(c,{key:1},[u(N)?(i(),d(u(h),{key:0,description:(null==(P=window.getLanguageByCode)?void 0:P.call(window,"10010.1.380"))||"无数据"})):(i(),n(c,{key:1},[u(I)&&u(I).length>1?(i(),n("div",x,[(i(!0),n(c,null,s(u(I),(e=>(i(),n("span",{key:e,class:"name"},r(e),1)))),128))])):p("v-if",!0),v("ul",M,[(i(!0),n(c,null,s(e.optionList,(t=>(i(),n("li",{class:f(t.actived?"actived":""),key:t.value,onClick:e=>function(e){var t,l,a,i;if(!z.isMultiple||e.value===S.WHOLE)return null==(t=z.optionList)||t.forEach((e=>{e.actived=!1})),e.actived=!0,void j("updateSelect",[e.value]);null==(l=z.optionList)||l.forEach((e=>{e.value===S.WHOLE&&(e.actived=!1)})),e.actived?e.actived=!1:e.actived=!0;const n=null==(a=z.optionList)?void 0:a.filter((e=>e.actived)).map((e=>e.value));if(z.oldValue&&(null==(i=z.oldValue)?void 0:i.length)>0){const t=[...new Set([...z.oldValue,...n])];return e.actived?j("updateSelect",t):j("updateSelect",t.filter((t=>t!=e.value)))}j("updateSelect",n)}(t)},[e.isShowWhole&&t.value===u(S).WHOLE?(i(),n("span",W,r(t.label),1)):(i(!0),n(c,{key:1},s(u(H),(e=>(i(),d(u(w),{key:e,trigger:"hover",duration:0},{trigger:m((()=>[v("span",_,r(t[e]),1)])),default:m((()=>[y(" "+r(t[e]),1)])),_:2},1024)))),128))],10,O)))),128))]),v("div",V,[g(u(L),null,{default:m((()=>[g(u(k),{onClick:l[0]||(l[0]=e=>R(-1)),disabled:e.curPage<=1},{icon:m((()=>[g(u(b),{component:u(B),size:"16"},null,8,["component"])])),default:m((()=>{var e;return[y((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.381"))||"上一页")]})),_:1},8,["disabled"]),g(u(k),{"icon-placement":"right",onClick:l[1]||(l[1]=e=>R(1)),disabled:e.isLastPage},{icon:m((()=>[g(u(b),{component:u(C),size:"16"},null,8,["component"])])),default:m((()=>{var e;return[y((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.382"))||"下一页")]})),_:1},8,["disabled"])])),_:1})])],64))],64))],4)),[[u(E),{mode:"VR",onMove:T,onEnd:K}]])}}});export{j as default};
+import { defineComponent, ref, computed, withDirectives, openBlock, createElementBlock, normalizeStyle, createBlock, unref, Fragment, renderList, toDisplayString, createCommentVNode, createElementVNode, normalizeClass, withCtx, createTextVNode, createVNode } from 'vue';
+import { NEmpty, NPopover, NButtonGroup, NButton, NIcon } from 'naive-ui';
+import { vFlexibleResize } from '../../../../../../../shared/directive/flexibleResize.js';
+import { WidgetValEnums } from '../../../../types/enums.js';
+import { ArrowBack, ArrowForward } from '@vicons/ionicons5';
+import { WholeSelectObj } from '../../helpers/selectExtraMap.js';
+
+const _hoisted_1 = {
+  key: 0,
+  class: "dynamic-header"
+};
+const _hoisted_2 = {
+  class: "dynamic-content"
+};
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = {
+  key: 0,
+  class: "content"
+};
+const _hoisted_5 = {
+  class: "content"
+};
+const _hoisted_6 = {
+  class: "dynamic-pagination"
+};
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    oldValue: {
+      type: Array,
+      default: () => []
+    },
+    dynamicOptionInfo: {
+      type: Object,
+      default: () => ({})
+    },
+    fieldTitleList: {
+      type: Array,
+      default: () => []
+    },
+    optionList: {
+      type: Array,
+      default: () => []
+    },
+    isMultiple: {
+      type: Boolean,
+      default: false
+    },
+    curPage: {
+      type: Number,
+      default: 1
+    },
+    isLastPage: {
+      type: Boolean,
+      default: false
+    },
+    isShowWhole: {
+      type: Boolean,
+      default: false
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["updateSelect", "updatePage"],
+  setup(__props, {
+    emit
+  }) {
+    const props = __props;
+    const selectMinWidth = 200;
+    const dragEndWidth = ref(selectMinWidth);
+    const showKeys = computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.dynamicOptionInfo) == null ? void 0 : _a.showKeys) != null ? _b : [];
+    });
+    const titleList = computed(() => {
+      if (showKeys.value && showKeys.value.length > 0) {
+        return showKeys.value.map((key) => {
+          let keyName = "";
+          props.fieldTitleList.forEach((field) => {
+            if (field.columnName === key) {
+              keyName = field.title;
+            }
+          });
+          return keyName;
+        });
+      }
+      return [];
+    });
+    const isOptionsNull = computed(() => {
+      const filterList = props.optionList.filter((item) => item.label != WholeSelectObj.label);
+      return !filterList.length;
+    });
+    function handleSelect(option) {
+      var _a, _b, _c, _d;
+      if (!props.isMultiple || option.value === WidgetValEnums.WHOLE) {
+        (_a = props.optionList) == null ? void 0 : _a.forEach((option2) => {
+          option2.actived = false;
+        });
+        option.actived = true;
+        emit("updateSelect", [option.value]);
+        return;
+      }
+      (_b = props.optionList) == null ? void 0 : _b.forEach((option2) => {
+        if (option2.value === WidgetValEnums.WHOLE)
+          option2.actived = false;
+      });
+      option.actived ? option.actived = false : option.actived = true;
+      const selectIds = (_c = props.optionList) == null ? void 0 : _c.filter((option2) => option2.actived).map((option2) => option2.value);
+      if (props.oldValue && ((_d = props.oldValue) == null ? void 0 : _d.length) > 0) {
+        const mergeList = [.../* @__PURE__ */ new Set([...props.oldValue, ...selectIds])];
+        if (!option.actived) {
+          return emit("updateSelect", mergeList.filter((obj) => obj != option.value));
+        }
+        return emit("updateSelect", mergeList);
+      }
+      emit("updateSelect", selectIds);
+    }
+    function searchByPage(onePage) {
+      const resultPage = props.curPage + onePage;
+      emit("updatePage", resultPage);
+    }
+    function changeWidth({
+      distance
+    }) {
+      const w = dragEndWidth.value + distance;
+      dragEndWidth.value = Math.min(Math.max(w, selectMinWidth), 1e3);
+    }
+    function saveWidth() {
+    }
+    return (_ctx, _cache) => {
+      var _a;
+      return withDirectives((openBlock(), createElementBlock("div", {
+        class: "select-dynamic-options",
+        style: normalizeStyle({
+          minWidth: dragEndWidth.value + "px",
+          position: "relative"
+        })
+      }, [__props.loading ? (openBlock(), createBlock(unref(NEmpty), {
+        key: 0,
+        "show-icon": false,
+        description: "\u52A0\u8F7D\u4E2D..."
+      })) : (openBlock(), createElementBlock(Fragment, {
+        key: 1
+      }, [unref(isOptionsNull) ? (openBlock(), createBlock(unref(NEmpty), {
+        key: 0,
+        description: ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.380")) || "\u65E0\u6570\u636E"
+      })) : (openBlock(), createElementBlock(Fragment, {
+        key: 1
+      }, [unref(titleList) && unref(titleList).length > 1 ? (openBlock(), createElementBlock("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(titleList), (title) => {
+        return openBlock(), createElementBlock("span", {
+          key: title,
+          class: "name"
+        }, toDisplayString(title), 1);
+      }), 128))])) : createCommentVNode("v-if", true), createElementVNode("ul", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.optionList, (option) => {
+        return openBlock(), createElementBlock("li", {
+          class: normalizeClass(option.actived ? "actived" : ""),
+          key: option.value,
+          onClick: ($event) => handleSelect(option)
+        }, [__props.isShowWhole && option.value === unref(WidgetValEnums).WHOLE ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(option.label), 1)) : (openBlock(true), createElementBlock(Fragment, {
+          key: 1
+        }, renderList(unref(showKeys), (key) => {
+          return openBlock(), createBlock(unref(NPopover), {
+            key,
+            trigger: "hover",
+            duration: 0
+          }, {
+            trigger: withCtx(() => [createElementVNode("span", _hoisted_5, toDisplayString(option[key]), 1)]),
+            default: withCtx(() => [createTextVNode(" " + toDisplayString(option[key]), 1)]),
+            _: 2
+          }, 1024);
+        }), 128))], 10, _hoisted_3);
+      }), 128))]), createElementVNode("div", _hoisted_6, [createVNode(unref(NButtonGroup), null, {
+        default: withCtx(() => [createVNode(unref(NButton), {
+          onClick: _cache[0] || (_cache[0] = ($event) => searchByPage(-1)),
+          disabled: __props.curPage <= 1
+        }, {
+          icon: withCtx(() => [createVNode(unref(NIcon), {
+            component: unref(ArrowBack),
+            size: "16"
+          }, null, 8, ["component"])]),
+          default: withCtx(() => {
+            var _a2;
+            return [createTextVNode(((_a2 = window.getLanguageByCode) == null ? void 0 : _a2.call(window, "10010.1.381")) || "\u4E0A\u4E00\u9875")];
+          }),
+          _: 1
+        }, 8, ["disabled"]), createVNode(unref(NButton), {
+          "icon-placement": "right",
+          onClick: _cache[1] || (_cache[1] = ($event) => searchByPage(1)),
+          disabled: __props.isLastPage
+        }, {
+          icon: withCtx(() => [createVNode(unref(NIcon), {
+            component: unref(ArrowForward),
+            size: "16"
+          }, null, 8, ["component"])]),
+          default: withCtx(() => {
+            var _a2;
+            return [createTextVNode(((_a2 = window.getLanguageByCode) == null ? void 0 : _a2.call(window, "10010.1.382")) || "\u4E0B\u4E00\u9875")];
+          }),
+          _: 1
+        }, 8, ["disabled"])]),
+        _: 1
+      })])], 64))], 64))], 4)), [[unref(vFlexibleResize), {
+        mode: "VR",
+        onMove: changeWidth,
+        onEnd: saveWidth
+      }]]);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

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

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

@@ -1 +1,52 @@
-import{defineComponent as e,useAttrs as t,computed as a,openBlock as u,createBlock as l,unref as o,mergeProps as n,isRef as r}from"vue";import{NTreeSelect as p}from"naive-ui";var i=e({__name:"SelectTree",props:{componentCfg:{type:Object},value:{type:[Array,String,Number]},isAccurateSearchVal:{type:Boolean,default:!1}},emits:["update:value"],setup(e,{emit:i}){const s=e,v=t();a((()=>v.multiple));const m=a({set(e){i("update:value",e)},get:()=>s.value}),c=a((()=>{const{widgetCfg:e}=s.componentCfg,{valueList:t=[]}=e;return t}));return(e,t)=>(u(),l(o(p),n(o(v),{options:o(c),value:o(m),"onUpdate:value":t[0]||(t[0]=e=>r(m)?m.value=e:null)}),null,16,["options","value"]))}});export{i as default};
+import { defineComponent, useAttrs, computed, openBlock, createBlock, unref, mergeProps, isRef } from 'vue';
+import { NTreeSelect } from 'naive-ui';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SelectTree",
+  props: {
+    componentCfg: {
+      type: Object
+    },
+    value: {
+      type: [Array, String, Number]
+    },
+    isAccurateSearchVal: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["update:value"],
+  setup(__props, {
+    emit
+  }) {
+    const props = __props;
+    const $attrs = useAttrs();
+    computed(() => $attrs.multiple);
+    const valueCp = computed({
+      set(val) {
+        emit("update:value", val);
+      },
+      get() {
+        return props.value;
+      }
+    });
+    const options = computed(() => {
+      const {
+        widgetCfg
+      } = props.componentCfg;
+      const {
+        valueList = []
+      } = widgetCfg;
+      return valueList;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NTreeSelect), mergeProps(unref($attrs), {
+        options: unref(options),
+        value: unref(valueCp),
+        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => isRef(valueCp) ? valueCp.value = $event : null)
+      }), null, 16, ["options", "value"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/table-filter/src/components/render-widget/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 };