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

package/es/components/iho-table/src/plugins/filterRemoteSearchPlugin/remoteFilter.vue2.js

@@ -1 +1,119 @@
-import{defineComponent as e,ref as l,computed as a,openBlock as t,createElementBlock as o,createVNode as n,unref as r,withCtx as i,createElementVNode as u,mergeProps as d,normalizeProps as s,guardReactiveProps as p,Fragment as v,renderList as c,createBlock as f,createTextVNode as w,toDisplayString as m,normalizeStyle as _}from"vue";import g from"../../../../../shared/components/SlotRender/SlotRender.js";import{NInput as y,NSpin as h,NCheckboxGroup as b,NCheckbox as L,NButtonGroup as C,NButton as k}from"naive-ui";import{useFilter as B}from"../pluginHooks/useFilter.js";import{getLowCodeFieldFromField as j}from"../../utils/index.js";const R={class:"iho-table__filterWrapper"},F=["title"],S={class:"iho-table__filterFooter"};var W=e({__name:"remoteFilter",props:{payload:{type:Object,required:!0}},setup(e){const W=e,x=l(""),H=l(!1),I=l([]),P=a((()=>j(W.payload.column)||{})),U=l([]),{containerStyleWithHeight:q,containerProps:z,wrapperProps:O,list:A}=B(W,I);function D(){}function E(){}function G(){}return(l,a)=>{var B,j;return t(),o("section",R,[n(r(y),{value:x.value,"onUpdate:value":a[0]||(a[0]=e=>x.value=e)},null,8,["value"]),n(r(h),{show:H.value},{default:i((()=>[n(r(b),{value:U.value,"onUpdate:value":a[1]||(a[1]=e=>U.value=e)},{default:i((()=>[u("section",d(r(z),{style:r(q),class:"iho-table__filterListWrapper"}),[u("section",s(p(r(O))),[(t(!0),o(v,null,c(r(A),(l=>(t(),o("div",{class:"iho-table__filterListItem",key:l.data.value},[n(r(L),{value:l.data.value},{default:i((()=>[u("div",{class:"iho-table__filterListItemContent",title:l.data.label},[r(P).filterLabelRender?(t(),f(r(g),d({key:0,renderer:r(P).filterLabelRender},e.payload,{option:l.data}),null,16,["renderer","option"])):(t(),o(v,{key:1},[w(m(l.data.label),1)],64))],8,F)])),_:2},1032,["value"])])))),128))],16)],16)])),_:1},8,["value"])])),_:1},8,["show"]),u("footer",S,[u("section",null,[w((null==(B=window.getLanguageByCode)?void 0:B.call(window,"10010.1.39"))||"已选择"),u("span",{style:_({color:"var(--c-primary-color)"})},m(U.value.length),5),w((null==(j=window.getLanguageByCode)?void 0:j.call(window,"10010.1.417"))||"项")]),n(r(C),{size:"small"},{default:i((()=>[n(r(k),{onClick:D},{default:i((()=>{var e;return[w((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.509"))||"清空")]})),_:1}),n(r(k),{onClick:E},{default:i((()=>{var e;return[w((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.28"))||"取消")]})),_:1}),n(r(k),{type:"primary",onClick:G},{default:i((()=>{var e;return[w((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.27"))||"确定")]})),_:1})])),_:1})])])}}});export{W as default};
+import { defineComponent, ref, computed, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode, mergeProps, normalizeProps, guardReactiveProps, Fragment, renderList, createBlock, createTextVNode, toDisplayString, normalizeStyle } from 'vue';
+import script from '../../../../../shared/components/SlotRender/SlotRender.js';
+import { NInput, NSpin, NCheckboxGroup, NCheckbox, NButtonGroup, NButton } from 'naive-ui';
+import { useFilter } from '../pluginHooks/useFilter.js';
+import { getLowCodeFieldFromField } from '../../utils/index.js';
+
+const _hoisted_1 = {
+  class: "iho-table__filterWrapper"
+};
+const _hoisted_2 = ["title"];
+const _hoisted_3 = {
+  class: "iho-table__filterFooter"
+};
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "remoteFilter",
+  props: {
+    payload: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const searchFilterText = ref("");
+    const loading = ref(false);
+    const optionsListRef = ref([]);
+    const lowCodeField = computed(() => getLowCodeFieldFromField(props.payload.column) || {});
+    const checkedRef = ref([]);
+    const {
+      containerStyleWithHeight,
+      containerProps,
+      wrapperProps,
+      list
+    } = useFilter(props, optionsListRef);
+    function reset() {
+    }
+    function close() {
+    }
+    function confirm() {
+    }
+    return (_ctx, _cache) => {
+      var _a, _b;
+      return openBlock(), createElementBlock("section", _hoisted_1, [createVNode(unref(NInput), {
+        value: searchFilterText.value,
+        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => searchFilterText.value = $event)
+      }, null, 8, ["value"]), createVNode(unref(NSpin), {
+        show: loading.value
+      }, {
+        default: withCtx(() => [createVNode(unref(NCheckboxGroup), {
+          value: checkedRef.value,
+          "onUpdate:value": _cache[1] || (_cache[1] = ($event) => checkedRef.value = $event)
+        }, {
+          default: withCtx(() => [createElementVNode("section", mergeProps(unref(containerProps), {
+            style: unref(containerStyleWithHeight),
+            class: "iho-table__filterListWrapper"
+          }), [createElementVNode("section", normalizeProps(guardReactiveProps(unref(wrapperProps))), [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(list), (option) => {
+            return openBlock(), createElementBlock("div", {
+              class: "iho-table__filterListItem",
+              key: option.data.value
+            }, [createVNode(unref(NCheckbox), {
+              value: option.data.value
+            }, {
+              default: withCtx(() => [createElementVNode("div", {
+                class: "iho-table__filterListItemContent",
+                title: option.data.label
+              }, [unref(lowCodeField).filterLabelRender ? (openBlock(), createBlock(unref(script), mergeProps({
+                key: 0,
+                renderer: unref(lowCodeField).filterLabelRender
+              }, __props.payload, {
+                option: option.data
+              }), null, 16, ["renderer", "option"])) : (openBlock(), createElementBlock(Fragment, {
+                key: 1
+              }, [createTextVNode(toDisplayString(option.data.label), 1)], 64))], 8, _hoisted_2)]),
+              _: 2
+            }, 1032, ["value"])]);
+          }), 128))], 16)], 16)]),
+          _: 1
+        }, 8, ["value"])]),
+        _: 1
+      }, 8, ["show"]), createElementVNode("footer", _hoisted_3, [createElementVNode("section", null, [createTextVNode(((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.39")) || "\u5DF2\u9009\u62E9"), createElementVNode("span", {
+        style: normalizeStyle({
+          color: "var(--c-primary-color)"
+        })
+      }, toDisplayString(checkedRef.value.length), 5), createTextVNode(((_b = window.getLanguageByCode) == null ? void 0 : _b.call(window, "10010.1.417")) || "\u9879")]), createVNode(unref(NButtonGroup), {
+        size: "small"
+      }, {
+        default: withCtx(() => [createVNode(unref(NButton), {
+          onClick: reset
+        }, {
+          default: withCtx(() => {
+            var _a2;
+            return [createTextVNode(((_a2 = window.getLanguageByCode) == null ? void 0 : _a2.call(window, "10010.1.509")) || "\u6E05\u7A7A")];
+          }),
+          _: 1
+        }), createVNode(unref(NButton), {
+          onClick: close
+        }, {
+          default: withCtx(() => {
+            var _a2;
+            return [createTextVNode(((_a2 = window.getLanguageByCode) == null ? void 0 : _a2.call(window, "10010.1.28")) || "\u53D6\u6D88")];
+          }),
+          _: 1
+        }), createVNode(unref(NButton), {
+          type: "primary",
+          onClick: confirm
+        }, {
+          default: withCtx(() => {
+            var _a2;
+            return [createTextVNode(((_a2 = window.getLanguageByCode) == null ? void 0 : _a2.call(window, "10010.1.27")) || "\u786E\u5B9A")];
+          }),
+          _: 1
+        })]),
+        _: 1
+      })])]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/iho-table/src/plugins/filterRenderPlugin/filter.vue.js

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

package/es/components/iho-table/src/plugins/filterRenderPlugin/filter.vue2.js

@@ -1 +1,303 @@
-import{defineComponent as e,inject as l,computed as a,ref as t,onDeactivated as n,onMounted as u,toRaw as i,openBlock as o,createElementBlock as r,unref as v,createBlock as d,createCommentVNode as s,createVNode as c,isRef as p,withCtx as f,createTextVNode as h,createElementVNode as m,toDisplayString as y,mergeProps as _,normalizeProps as g,guardReactiveProps as w,Fragment as k,renderList as b,normalizeStyle as L}from"vue";import C from"../../../../../shared/components/CancelRadio/CancelRadio.js";import F from"../../../../../shared/components/SlotRender/SlotRender.js";import{keywordMatcher as D}from"../../../../../shared/utils/index.js";import{isString as R,isFunction as S,isEqual as j}from"lodash-es";import{NInput as B,NCheckbox as I,NSpin as x,NCheckboxGroup as U,NRadioGroup as W,NButtonGroup as $,NButton as E}from"naive-ui";import{InjectionIhoTableConfig as O}from"../../constants/index.js";import{useFilter as Y}from"../pluginHooks/useFilter.js";import{getLowCodeFieldFromField as H,isVariableHeightTable as M}from"../../utils/index.js";const P={class:"iho-table__filterWrapper"},V={key:1,class:"iho-table__filterCheckAllWrapper"},q={key:0,class:"iho-table__filterListItem"},z={class:"iho-table__filterListItem"},A=["title"],N=["title"],G={class:"iho-table__filterListItemContent"},J={class:"iho-table__filterFooter"};var K=e({__name:"filter",props:{payload:{type:Object,required:!0}},setup(e){const K=e,Q=l("$xetable"),T=l(O),X=a((()=>H(K.payload.column)||{})),Z=a((()=>{var e;return(null==(e=null==Q?void 0:Q.internalData)?void 0:e.afterFullData)||[]})),ee=a((()=>{var e;return!!(null==(e=K.payload)?void 0:e.column.filterMultiple)})),le=a((()=>{var e,l,a;return null!=(a=null==(l=null==(e=K.payload)?void 0:e.column)?void 0:l.filters)?a:[]})),ae=a({get:()=>le.value.reduce(((e,l)=>(l.checked&&e.push(l.value),e)),[]),async set(e){var l,a,t,n;if(!K.payload||!Q)return;const u=Q.reactData.filterStore.options||[];if(ee.value?(u.forEach((l=>l._checked=e.includes(l.value))),Q.checkFilterOptions()):u.forEach((l=>l._checked=l.value===e[0])),!M(Q))return i();function i(){K.payload.$panel.confirmFilter(new CustomEvent("click"))}(null!=(a=null==(l=Q.internalData.afterFullData)?void 0:l.length)?a:0)>(null!=(n=null==(t=T.value.scrollY)?void 0:t.gt)?n:100)&&(Q.reactData.scrollYLoad=!0),i(),Q.reactData.scrollYLoad=!1}}),te=t([...ae.value]),ne=t("");async function ue(){Q&&(Q.reactData.filterStore.visible=!1)}n(ue);const ie=a((()=>{var e;return null==(e=K.payload.column.editRender.props)?void 0:e.filterOptionsFilterMethod})),oe=a((()=>ne.value?le.value.filter((e=>ie.value?ie.value(ne.value,e):!!`${e.label}`.includes(ne.value)||(R(e.data)?D(ne.value,e.data):void 0))):le.value)),re=a({get:()=>!!oe.value.length&&oe.value.every((e=>te.value.includes(e.value))),set(e){te.value=e?[...new Set([...te.value,...oe.value.map((e=>e.value))])]:te.value.filter((e=>oe.value.every((l=>l.value!==e))))}}),ve=a((()=>oe.value.some((e=>te.value.includes(e.value)))&&!re.value)),de=a({get:()=>te.value.length===le.value.length&&0!==le.value.length,set:e=>{te.value=e?le.value.map((e=>e.value)):[]}}),se=a((()=>!!te.value.length&&!de.value)),{containerStyleWithHeight:ce,list:pe,containerProps:fe,wrapperProps:he}=Y(K,oe);function me(){ae.value=ee.value?te.value:j(te.value[0],null)?[]:[te.value[0]],ue()}function ye(){te.value=ee.value?[]:[null]}const _e=t(!1);return u((async()=>{var e;if(!Q)return;const l=null==(e=K.payload.column.editRender.props)?void 0:e.onFilterShow;if(S(l))try{_e.value=!0,await l(K.payload);const{filterStore:e}=Q.reactData;i(e.options)!==i(le.value)&&(e.options=le.value)}finally{_e.value=!1}})),(l,a)=>{var t,n;return o(),r("section",P,[v(le).length>5?(o(),d(v(B),{key:0,value:ne.value,"onUpdate:value":a[0]||(a[0]=e=>ne.value=e)},null,8,["value"])):s("v-if",!0),v(ee)?(o(),r("div",V,[v(le).length>5?(o(),r("div",q,[c(v(I),{checked:v(re),"onUpdate:checked":a[1]||(a[1]=e=>p(re)?re.value=e:null),indeterminate:v(ve)},{default:f((()=>[h("全选当前")])),_:1},8,["checked","indeterminate"])])):s("v-if",!0),m("div",z,[c(v(I),{checked:v(de),"onUpdate:checked":a[2]||(a[2]=e=>p(de)?de.value=e:null),indeterminate:v(se)},{default:f((()=>{var e;return[h(((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.577"))||"全选所有")+y(v(X).showFilterFullNums?`(${v(Z).length})`:""),1)]})),_:1},8,["checked","indeterminate"])])])):s("v-if",!0),c(v(x),{show:_e.value},{default:f((()=>[v(ee)?(o(),d(v(U),{key:0,value:te.value,"onUpdate:value":a[3]||(a[3]=e=>te.value=e)},{default:f((()=>[m("section",_(v(fe),{style:v(ce),class:"iho-table__filterListWrapper"}),[m("section",g(w(v(he))),[(o(!0),r(k,null,b(v(pe),(l=>(o(),r("div",{class:"iho-table__filterListItem",key:l.data.value},[c(v(I),{value:l.data.value},{default:f((()=>[m("div",{class:"iho-table__filterListItemContent",title:l.data.label},[v(X).filterLabelRender?(o(),d(v(F),_({key:0,renderer:v(X).filterLabelRender},e.payload,{option:l.data}),null,16,["renderer","option"])):(o(),r(k,{key:1},[h(y(l.data.label),1)],64))],8,A)])),_:2},1032,["value"])])))),128))],16)],16)])),_:1},8,["value"])):(o(),d(v(W),{key:1,value:te.value[0],"onUpdate:value":a[5]||(a[5]=e=>te.value[0]=e)},{default:f((()=>[m("section",_(v(fe),{style:v(ce),class:"iho-table__filterListWrapper"}),[m("section",g(w(v(he))),[(o(!0),r(k,null,b(v(pe),(e=>(o(),r("div",{class:"iho-table__filterListItem",key:e.data.value,title:e.data.label},[c(v(C),{value:e.data.value,currentValue:te.value[0],cancelable:"",onCancel:a[4]||(a[4]=e=>te.value=[null])},{default:f((()=>[m("div",G,y(e.data.label),1)])),_:2},1032,["value","currentValue"])],8,N)))),128))],16)],16)])),_:1},8,["value"]))])),_:1},8,["show"]),m("footer",J,[m("section",null,[v(ee)?(o(),r(k,{key:0},[h((null==(t=window.getLanguageByCode)?void 0:t.call(window,"10010.1.39"))||"已选择"),m("span",{style:L({color:"var(--c-primary-color)"})},y(te.value.length),5),h((null==(n=window.getLanguageByCode)?void 0:n.call(window,"10010.1.417"))||"项")],64)):s("v-if",!0)]),c(v($),{size:"small"},{default:f((()=>[c(v(E),{onClick:ye},{default:f((()=>{var e;return[h((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.509"))||"清空")]})),_:1}),c(v(E),{onClick:ue},{default:f((()=>{var e;return[h((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.28"))||"取消")]})),_:1}),c(v(E),{type:"primary",onClick:me},{default:f((()=>{var e;return[h((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.27"))||"确定")]})),_:1})])),_:1})])])}}});export{K as default};
+import { defineComponent, inject, computed, ref, onDeactivated, onMounted, toRaw, openBlock, createElementBlock, unref, createBlock, createCommentVNode, createVNode, isRef, withCtx, createTextVNode, createElementVNode, toDisplayString, mergeProps, normalizeProps, guardReactiveProps, Fragment, renderList, normalizeStyle } from 'vue';
+import script$1 from '../../../../../shared/components/CancelRadio/CancelRadio.js';
+import script from '../../../../../shared/components/SlotRender/SlotRender.js';
+import { keywordMatcher } from '../../../../../shared/utils/index.js';
+import { isString, isFunction, isEqual } from 'lodash-es';
+import { NInput, NCheckbox, NSpin, NCheckboxGroup, NRadioGroup, NButtonGroup, NButton } from 'naive-ui';
+import { InjectionIhoTableConfig } from '../../constants/index.js';
+import { useFilter } from '../pluginHooks/useFilter.js';
+import { getLowCodeFieldFromField, isVariableHeightTable } from '../../utils/index.js';
+
+const _hoisted_1 = {
+  class: "iho-table__filterWrapper"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "iho-table__filterCheckAllWrapper"
+};
+const _hoisted_3 = {
+  key: 0,
+  class: "iho-table__filterListItem"
+};
+const _hoisted_4 = {
+  class: "iho-table__filterListItem"
+};
+const _hoisted_5 = ["title"];
+const _hoisted_6 = ["title"];
+const _hoisted_7 = {
+  class: "iho-table__filterListItemContent"
+};
+const _hoisted_8 = {
+  class: "iho-table__filterFooter"
+};
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "filter",
+  props: {
+    payload: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const $table = inject("$xetable");
+    const tableConfig = inject(InjectionIhoTableConfig);
+    const lowCodeField = computed(() => getLowCodeFieldFromField(props.payload.column) || {});
+    const tableFullData = computed(() => {
+      var _a;
+      return ((_a = $table == null ? void 0 : $table.internalData) == null ? void 0 : _a.afterFullData) || [];
+    });
+    const multipleRef = computed(() => {
+      var _a;
+      return !!((_a = props.payload) == null ? void 0 : _a.column.filterMultiple);
+    });
+    const optionsRef = computed(() => {
+      var _a, _b, _c;
+      return (_c = (_b = (_a = props.payload) == null ? void 0 : _a.column) == null ? void 0 : _b.filters) != null ? _c : [];
+    });
+    const checkedRef = computed({
+      get() {
+        return optionsRef.value.reduce((res, item) => {
+          item.checked && res.push(item.value);
+          return res;
+        }, []);
+      },
+      async set(checkedList) {
+        var _a, _b, _c, _d;
+        if (!props.payload || !$table)
+          return;
+        const options = $table.reactData.filterStore.options || [];
+        if (multipleRef.value) {
+          options.forEach((option) => option._checked = checkedList.includes(option.value));
+          $table.checkFilterOptions();
+        } else {
+          options.forEach((item) => item._checked = item.value === checkedList[0]);
+        }
+        if (!isVariableHeightTable($table)) {
+          return confirmFilter();
+        }
+        const fullDataLength = (_b = (_a = $table.internalData.afterFullData) == null ? void 0 : _a.length) != null ? _b : 0;
+        const gt = (_d = (_c = tableConfig.value.scrollY) == null ? void 0 : _c.gt) != null ? _d : 100;
+        if (fullDataLength > gt) {
+          $table.reactData.scrollYLoad = true;
+        }
+        confirmFilter();
+        $table.reactData.scrollYLoad = false;
+        function confirmFilter() {
+          props.payload.$panel.confirmFilter(new CustomEvent("click"));
+        }
+      }
+    });
+    const checkedCacheRef = ref([...checkedRef.value]);
+    const searchFilterText = ref("");
+    async function close() {
+      if (!$table)
+        return;
+      $table.reactData.filterStore.visible = false;
+    }
+    onDeactivated(close);
+    const customFilterMethod = computed(() => {
+      var _a;
+      return (_a = props.payload.column.editRender.props) == null ? void 0 : _a.filterOptionsFilterMethod;
+    });
+    const filteredList = computed(() => {
+      return searchFilterText.value ? optionsRef.value.filter((option) => {
+        if (customFilterMethod.value) {
+          return customFilterMethod.value(searchFilterText.value, option);
+        }
+        if (`${option.label}`.includes(searchFilterText.value))
+          return true;
+        if (isString(option.data))
+          return keywordMatcher(searchFilterText.value, option.data);
+      }) : optionsRef.value;
+    });
+    const partCheckAll = computed({
+      get() {
+        return !!filteredList.value.length && filteredList.value.every((item) => {
+          return checkedCacheRef.value.includes(item.value);
+        });
+      },
+      set(isCheck) {
+        if (isCheck) {
+          checkedCacheRef.value = [.../* @__PURE__ */ new Set([...checkedCacheRef.value, ...filteredList.value.map((item) => item.value)])];
+          return;
+        }
+        checkedCacheRef.value = checkedCacheRef.value.filter((value) => filteredList.value.every((item) => item.value !== value));
+      }
+    });
+    const partIndeterminate = computed(() => {
+      return filteredList.value.some((item) => {
+        return checkedCacheRef.value.includes(item.value);
+      }) && !partCheckAll.value;
+    });
+    const checkAll = computed({
+      get() {
+        return checkedCacheRef.value.length === optionsRef.value.length && optionsRef.value.length !== 0;
+      },
+      set: (isCheck) => {
+        if (isCheck) {
+          checkedCacheRef.value = optionsRef.value.map((item) => item.value);
+          return;
+        }
+        checkedCacheRef.value = [];
+      }
+    });
+    const indeterminate = computed(() => !!checkedCacheRef.value.length && !checkAll.value);
+    const {
+      containerStyleWithHeight,
+      list,
+      containerProps,
+      wrapperProps
+    } = useFilter(props, filteredList);
+    function confirm() {
+      checkedRef.value = multipleRef.value ? checkedCacheRef.value : isEqual(checkedCacheRef.value[0], null) ? [] : [checkedCacheRef.value[0]];
+      close();
+    }
+    function reset() {
+      checkedCacheRef.value = multipleRef.value ? [] : [null];
+    }
+    const loading = ref(false);
+    onMounted(async () => {
+      var _a;
+      if (!$table)
+        return;
+      const onFilterShow = (_a = props.payload.column.editRender.props) == null ? void 0 : _a.onFilterShow;
+      if (!isFunction(onFilterShow))
+        return;
+      try {
+        loading.value = true;
+        await onFilterShow(props.payload);
+        const {
+          filterStore
+        } = $table.reactData;
+        if (toRaw(filterStore.options) !== toRaw(optionsRef.value)) {
+          filterStore.options = optionsRef.value;
+        }
+      } finally {
+        loading.value = false;
+      }
+    });
+    return (_ctx, _cache) => {
+      var _a, _b;
+      return openBlock(), createElementBlock("section", _hoisted_1, [unref(optionsRef).length > 5 ? (openBlock(), createBlock(unref(NInput), {
+        key: 0,
+        value: searchFilterText.value,
+        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => searchFilterText.value = $event)
+      }, null, 8, ["value"])) : createCommentVNode("v-if", true), unref(multipleRef) ? (openBlock(), createElementBlock("div", _hoisted_2, [unref(optionsRef).length > 5 ? (openBlock(), createElementBlock("div", _hoisted_3, [createVNode(unref(NCheckbox), {
+        checked: unref(partCheckAll),
+        "onUpdate:checked": _cache[1] || (_cache[1] = ($event) => isRef(partCheckAll) ? partCheckAll.value = $event : null),
+        indeterminate: unref(partIndeterminate)
+      }, {
+        default: withCtx(() => [createTextVNode("\u5168\u9009\u5F53\u524D")]),
+        _: 1
+      }, 8, ["checked", "indeterminate"])])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_4, [createVNode(unref(NCheckbox), {
+        checked: unref(checkAll),
+        "onUpdate:checked": _cache[2] || (_cache[2] = ($event) => isRef(checkAll) ? checkAll.value = $event : null),
+        indeterminate: unref(indeterminate)
+      }, {
+        default: withCtx(() => {
+          var _a2;
+          return [createTextVNode((((_a2 = window.getLanguageByCode) == null ? void 0 : _a2.call(window, "10010.1.577")) || "\u5168\u9009\u6240\u6709") + toDisplayString(unref(lowCodeField).showFilterFullNums ? `(${unref(tableFullData).length})` : ""), 1)];
+        }),
+        _: 1
+      }, 8, ["checked", "indeterminate"])])])) : createCommentVNode("v-if", true), createVNode(unref(NSpin), {
+        show: loading.value
+      }, {
+        default: withCtx(() => [unref(multipleRef) ? (openBlock(), createBlock(unref(NCheckboxGroup), {
+          key: 0,
+          value: checkedCacheRef.value,
+          "onUpdate:value": _cache[3] || (_cache[3] = ($event) => checkedCacheRef.value = $event)
+        }, {
+          default: withCtx(() => [createElementVNode("section", mergeProps(unref(containerProps), {
+            style: unref(containerStyleWithHeight),
+            class: "iho-table__filterListWrapper"
+          }), [createElementVNode("section", normalizeProps(guardReactiveProps(unref(wrapperProps))), [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(list), (option) => {
+            return openBlock(), createElementBlock("div", {
+              class: "iho-table__filterListItem",
+              key: option.data.value
+            }, [createVNode(unref(NCheckbox), {
+              value: option.data.value
+            }, {
+              default: withCtx(() => [createElementVNode("div", {
+                class: "iho-table__filterListItemContent",
+                title: option.data.label
+              }, [unref(lowCodeField).filterLabelRender ? (openBlock(), createBlock(unref(script), mergeProps({
+                key: 0,
+                renderer: unref(lowCodeField).filterLabelRender
+              }, __props.payload, {
+                option: option.data
+              }), null, 16, ["renderer", "option"])) : (openBlock(), createElementBlock(Fragment, {
+                key: 1
+              }, [createTextVNode(toDisplayString(option.data.label), 1)], 64))], 8, _hoisted_5)]),
+              _: 2
+            }, 1032, ["value"])]);
+          }), 128))], 16)], 16)]),
+          _: 1
+        }, 8, ["value"])) : (openBlock(), createBlock(unref(NRadioGroup), {
+          key: 1,
+          value: checkedCacheRef.value[0],
+          "onUpdate:value": _cache[5] || (_cache[5] = ($event) => checkedCacheRef.value[0] = $event)
+        }, {
+          default: withCtx(() => [createElementVNode("section", mergeProps(unref(containerProps), {
+            style: unref(containerStyleWithHeight),
+            class: "iho-table__filterListWrapper"
+          }), [createElementVNode("section", normalizeProps(guardReactiveProps(unref(wrapperProps))), [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(list), (option) => {
+            return openBlock(), createElementBlock("div", {
+              class: "iho-table__filterListItem",
+              key: option.data.value,
+              title: option.data.label
+            }, [createVNode(unref(script$1), {
+              value: option.data.value,
+              currentValue: checkedCacheRef.value[0],
+              cancelable: "",
+              onCancel: _cache[4] || (_cache[4] = ($event) => checkedCacheRef.value = [null])
+            }, {
+              default: withCtx(() => [createElementVNode("div", _hoisted_7, toDisplayString(option.data.label), 1)]),
+              _: 2
+            }, 1032, ["value", "currentValue"])], 8, _hoisted_6);
+          }), 128))], 16)], 16)]),
+          _: 1
+        }, 8, ["value"]))]),
+        _: 1
+      }, 8, ["show"]), createElementVNode("footer", _hoisted_8, [createElementVNode("section", null, [unref(multipleRef) ? (openBlock(), createElementBlock(Fragment, {
+        key: 0
+      }, [createTextVNode(((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.39")) || "\u5DF2\u9009\u62E9"), createElementVNode("span", {
+        style: normalizeStyle({
+          color: "var(--c-primary-color)"
+        })
+      }, toDisplayString(checkedCacheRef.value.length), 5), createTextVNode(((_b = window.getLanguageByCode) == null ? void 0 : _b.call(window, "10010.1.417")) || "\u9879")], 64)) : createCommentVNode("v-if", true)]), createVNode(unref(NButtonGroup), {
+        size: "small"
+      }, {
+        default: withCtx(() => [createVNode(unref(NButton), {
+          onClick: reset
+        }, {
+          default: withCtx(() => {
+            var _a2;
+            return [createTextVNode(((_a2 = window.getLanguageByCode) == null ? void 0 : _a2.call(window, "10010.1.509")) || "\u6E05\u7A7A")];
+          }),
+          _: 1
+        }), createVNode(unref(NButton), {
+          onClick: close
+        }, {
+          default: withCtx(() => {
+            var _a2;
+            return [createTextVNode(((_a2 = window.getLanguageByCode) == null ? void 0 : _a2.call(window, "10010.1.28")) || "\u53D6\u6D88")];
+          }),
+          _: 1
+        }), createVNode(unref(NButton), {
+          type: "primary",
+          onClick: confirm
+        }, {
+          default: withCtx(() => {
+            var _a2;
+            return [createTextVNode(((_a2 = window.getLanguageByCode) == null ? void 0 : _a2.call(window, "10010.1.27")) || "\u786E\u5B9A")];
+          }),
+          _: 1
+        })]),
+        _: 1
+      })])]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/iho-table/src/plugins/filterRenderPlugin/index.js

@@ -1 +1,189 @@
-import{createVNode as e,onBeforeUnmount as l}from"vue";import{jsonParse as t,arrayed as i}from"../../../../../shared/utils/index.js";import{isObject as r}from"@vue/shared";import{isArray as o,isString as n,first as u,findLastIndex as d}from"lodash-es";import"../../../index.js";import{useUUIDMap as a,IhoTableRenderHelper as s,isCompatibleColumn as f,createIhoTableFilterMethod as v}from"../../utils/index.js";import c from"./filter.vue.js";import{defineTablePlugin as p}from"../../hooks/useTablePlugin.js";function m(){const m="filterRenderPlugin";return p({name:m,vxe(l){l.renderer.mixin({[m]:{showFilterFooter:!1,renderFilter:(l,t)=>e(c,{payload:t,key:t.column.field},null)}})},apply(e){const{getItemFromUUID:c,setItemFromUUID:p,removeItemFromUUID:g}=a((()=>[]),!1);e.fieldHooks.field.tap(m,((e,l,i,{$table:d})=>{var a,c,p,h,g,b,k,F,x,y;const O=null==(a=e.editRender)?void 0:a.props;if(!r(O))return e;if(!s.hasOptionFilter(O))return e;e.editRender={...e.editRender,props:{...null==(c=e.editRender)?void 0:c.props,sortable:e.sortable}},e.filterRender={name:m};const R=null==(p=d.value)?void 0:p.getColumnByField(e.field),$={};let j;if(R&&o(R.filters)&&R.filters.forEach((e=>{e&&($[`${e.label}_${e.value}`]=e.checked)})),f(O))j=null!=(h=O.options)?h:[];else{const e=null==(b=null==(g=O.settingObj)?void 0:g.showSetting)?void 0:b.reduce(((e,l)=>{var t,i,r;return l&&l.change_text&&null!=(null==(i=null==(t=l.filter)?void 0:t[0])?void 0:i.value)&&e.push({label:l.change_text,value:l.filter[0].value,data:null!=(r=l.filter[0].keyword)?r:l.filter[0].value}),e}),[]);if(null==e?void 0:e.length)j=e;else{j=null!=(x=null==(F=null==(k=(r(O.fieldSetting)?O.fieldSetting:n(O.fieldSetting)?t(O.fieldSetting||""):{}).mapping)?void 0:k.mappingFiled)?void 0:F.reduce(((e,l)=>{var t;const i=u(l.value);return r(i)&&e.push({label:l.key||i.key,value:i.value,data:null!=(t=i.keyword)?t:i.value}),e}),[]))?x:[]}}if(e.filters=j.reduce(((e,l)=>(r(l)&&e.push({...l,checked:!!$[`${l.label}_${l.value}`]}),e)),[]),!e.filterMethod){const l=null==(y=i.treeConfig)?void 0:y.children;e.filterMethod=v(l)}return i.filterConfig={iconMatch:"iho-table--iconfont iho-table-icon-filter",iconNone:"iho-table--iconfont iho-table-icon-filter",...i.filterConfig},e})),e.fieldHooks.fieldList.tap(m,((e,l)=>l.uuid?(p(l.uuid,e),e):e)),e.dataHooks.dataEnd.tapPromise(m,(async({$xeTable:e,$table:l},t)=>{var i;if(!l.value||!t.uuid)return;const r=c(t.uuid);if(null==(i=t.sortConfig)?void 0:i.multiple){const e=r.reduce(((e,t)=>{var i;const r=null==(i=t.editRender)?void 0:i.props;if(!t.sortable)return e;if(r&&h(r.isOrder)){const i=l.value.getColumnByField(t.field);(null==i?void 0:i.order)!==r.isOrder&&e.push({field:t.field,order:(null==i?void 0:i.order)?i.order:r.isOrder})}return e}),[]);if(!e.length)return;await l.value.sort(e)}else d(r,(e=>{var t;const i=null==(t=e.editRender)?void 0:t.props;if(i&&h(i.isOrder))return e&&l.value.sort(e.field,i.isOrder),!0}))})),e.setupHooks.setup.tap(m,((e,t)=>{l((()=>{e.value.uuid&&g(e.value.uuid)}))})),e.exposeHooks.expose.tap(m,((e,l,{$table:t})=>(Object.assign(e,{setSort(e,l){t.value&&t.value.sort(e,l)},setFilter(e,l){if(!t.value)return;const r=t.value.getColumnByField(e);if(!r||!o(r.filters))return;const n=i(l);r.filters.forEach((e=>{e.checked=n.includes(e.value)})),t.value.updateData()}}),e)))}})}function h(e){return["asc","desc",null].includes(e)}export{m as filterRenderPlugin};
+import { createVNode, onBeforeUnmount } from 'vue';
+import { jsonParse, arrayed } from '../../../../../shared/utils/index.js';
+import { isObject } from '@vue/shared';
+import { isArray, isString, first, findLastIndex } from 'lodash-es';
+import '../../../index.js';
+import { useUUIDMap, IhoTableRenderHelper, isCompatibleColumn, createIhoTableFilterMethod } from '../../utils/index.js';
+import Filter from './filter.vue.js';
+import { defineTablePlugin } from '../../hooks/useTablePlugin.js';
+
+function filterRenderPlugin() {
+  const pluginName = "filterRenderPlugin";
+  return defineTablePlugin({
+    name: pluginName,
+    vxe(VxeTable) {
+      VxeTable.renderer.mixin({
+        [pluginName]: {
+          showFilterFooter: false,
+          renderFilter(filterRender, payload) {
+            return createVNode(Filter, {
+              "payload": payload,
+              "key": payload.column.field
+            }, null);
+          }
+        }
+      });
+    },
+    apply(hooks) {
+      const {
+        getItemFromUUID,
+        setItemFromUUID,
+        removeItemFromUUID
+      } = useUUIDMap(() => [], false);
+      hooks.fieldHooks.field.tap(pluginName, (fieldItem, context, config, {
+        $table
+      }) => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+        const lowCodeField = (_a = fieldItem.editRender) == null ? void 0 : _a.props;
+        if (!isObject(lowCodeField))
+          return fieldItem;
+        if (!IhoTableRenderHelper.hasOptionFilter(lowCodeField))
+          return fieldItem;
+        fieldItem.editRender = {
+          ...fieldItem.editRender,
+          props: {
+            ...(_b = fieldItem.editRender) == null ? void 0 : _b.props,
+            sortable: fieldItem.sortable
+          }
+        };
+        fieldItem.filterRender = {
+          name: pluginName
+        };
+        const oldFilterData = (_c = $table.value) == null ? void 0 : _c.getColumnByField(fieldItem.field);
+        const oldFilterMap = {};
+        if (oldFilterData && isArray(oldFilterData.filters)) {
+          oldFilterData.filters.forEach((filter) => {
+            filter && (oldFilterMap[`${filter.label}_${filter.value}`] = filter.checked);
+          });
+        }
+        let options;
+        if (isCompatibleColumn(lowCodeField)) {
+          options = (_d = lowCodeField.options) != null ? _d : [];
+        } else {
+          const showSettingOption = (_f = (_e = lowCodeField.settingObj) == null ? void 0 : _e.showSetting) == null ? void 0 : _f.reduce((res, item) => {
+            var _a2, _b2, _c2;
+            if (item && item.change_text && ((_b2 = (_a2 = item.filter) == null ? void 0 : _a2[0]) == null ? void 0 : _b2.value) != null) {
+              res.push({
+                label: item.change_text,
+                value: item.filter[0].value,
+                data: (_c2 = item.filter[0].keyword) != null ? _c2 : item.filter[0].value
+              });
+            }
+            return res;
+          }, []);
+          if (showSettingOption == null ? void 0 : showSettingOption.length) {
+            options = showSettingOption;
+          } else {
+            const fieldSetting = isObject(lowCodeField.fieldSetting) ? lowCodeField.fieldSetting : isString(lowCodeField.fieldSetting) ? jsonParse(lowCodeField.fieldSetting || "") : {};
+            options = (_i = (_h = (_g = fieldSetting.mapping) == null ? void 0 : _g.mappingFiled) == null ? void 0 : _h.reduce((res, item) => {
+              var _a2;
+              const option = first(item.value);
+              isObject(option) && res.push({
+                label: item.key || option.key,
+                value: option.value,
+                data: (_a2 = option.keyword) != null ? _a2 : option.value
+              });
+              return res;
+            }, [])) != null ? _i : [];
+          }
+        }
+        fieldItem.filters = options.reduce((res, option) => {
+          if (isObject(option)) {
+            res.push({
+              ...option,
+              checked: !!oldFilterMap[`${option.label}_${option.value}`]
+            });
+          }
+          return res;
+        }, []);
+        if (!fieldItem.filterMethod) {
+          const childField = (_j = config.treeConfig) == null ? void 0 : _j.children;
+          fieldItem.filterMethod = createIhoTableFilterMethod(childField);
+        }
+        config.filterConfig = {
+          iconMatch: "iho-table--iconfont iho-table-icon-filter",
+          iconNone: "iho-table--iconfont iho-table-icon-filter",
+          ...config.filterConfig
+        };
+        return fieldItem;
+      });
+      hooks.fieldHooks.fieldList.tap(pluginName, (fieldList, config) => {
+        if (!config.uuid)
+          return fieldList;
+        setItemFromUUID(config.uuid, fieldList);
+        return fieldList;
+      });
+      hooks.dataHooks.dataEnd.tapPromise(pluginName, async ({
+        $xeTable,
+        $table
+      }, config) => {
+        var _a;
+        if (!$table.value || !config.uuid)
+          return;
+        const _fieldList = getItemFromUUID(config.uuid);
+        if ((_a = config.sortConfig) == null ? void 0 : _a.multiple) {
+          const sortConfigs = _fieldList.reduce((res, fieldItem) => {
+            var _a2;
+            const lowCodeField = (_a2 = fieldItem.editRender) == null ? void 0 : _a2.props;
+            if (!fieldItem.sortable)
+              return res;
+            if (lowCodeField && isSortOrder(lowCodeField.isOrder)) {
+              const currentField = $table.value.getColumnByField(fieldItem.field);
+              (currentField == null ? void 0 : currentField.order) !== lowCodeField.isOrder && res.push({
+                field: fieldItem.field,
+                order: (currentField == null ? void 0 : currentField.order) ? currentField.order : lowCodeField.isOrder
+              });
+            }
+            return res;
+          }, []);
+          if (!sortConfigs.length)
+            return;
+          await $table.value.sort(sortConfigs);
+        } else {
+          findLastIndex(_fieldList, (fieldItem) => {
+            var _a2;
+            const lowCodeField = (_a2 = fieldItem.editRender) == null ? void 0 : _a2.props;
+            if (lowCodeField && isSortOrder(lowCodeField.isOrder)) {
+              !$table.value.isSort(lowCodeField.field) && $table.value.sort(fieldItem.field, lowCodeField.isOrder);
+              return true;
+            }
+          });
+        }
+      });
+      hooks.setupHooks.setup.tap(pluginName, (config, context) => {
+        onBeforeUnmount(() => {
+          config.value.uuid && removeItemFromUUID(config.value.uuid);
+        });
+      });
+      hooks.exposeHooks.expose.tap(pluginName, (config, context, {
+        $table
+      }) => {
+        Object.assign(config, {
+          setSort(field, value) {
+            if (!$table.value)
+              return;
+            $table.value.sort(field, value);
+          },
+          setFilter(field, value) {
+            if (!$table.value)
+              return;
+            const column = $table.value.getColumnByField(field);
+            if (!column || !isArray(column.filters))
+              return;
+            const targetValue = arrayed(value);
+            column.filters.forEach((filter) => {
+              filter.checked = targetValue.includes(filter.value);
+            });
+            $table.value.updateData();
+          }
+        });
+        return config;
+      });
+    }
+  });
+}
+function isSortOrder(value) {
+  return ["asc", "desc", null].includes(value);
+}
+
+export { filterRenderPlugin };

package/es/components/iho-table/src/plugins/filterTextPlugin/filter.vue.js

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