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

package/es/components/iho-table/src/plugins/dynamicFilterRenderPlugin/dynamicFilter.vue2.js

@@ -1 +1,324 @@
-import{defineComponent as e,inject as a,computed as l,ref as o,onDeactivated as t,onMounted as u,resolveComponent as n,openBlock as i,createElementBlock as r,createVNode as c,unref as s,withCtx as d,normalizeStyle as v,createBlock as p,createCommentVNode as f,createElementVNode as g,createTextVNode as m,toDisplayString as h}from"vue";import{keywordMatcher as y}from"../../../../../shared/utils/index.js";import{NInput as w,NSpin as k,NPagination as x,NButtonGroup as b,NButton as C}from"naive-ui";import{useDebounceFn as S}from"@vueuse/core";import"date-fns";import{property as _,difference as z,union as I,isNumber as L,omit as j,isString as D}from"lodash-es";import{useFormRequest as F}from"../../../../../shared/hooks/useFormRequest/index.js";import"@vueuse/shared";import"../../../../../shared/hooks/selectHooks/useSearchContent.js";import"@vicons/ionicons5";import"../../../../../shared/hooks/useScrollLoading.js";import{InjectionIhoTableConfig as R,InjectionTableAsyncQueue as B}from"../../constants/index.js";import{getLowCodeFieldFromField as K,isVariableHeightTable as H}from"../../utils/index.js";const q={class:"iho-table__filterWrapper",style:{width:"300px"}},T={class:"iho-table__filterFooter"};var U=e({__name:"dynamicFilter",props:{payload:{type:Object,required:!0}},setup(e){var U,V;const Y=e,N=a("$xetable"),O=a(R),$=l((()=>_("optionInfo.dynamicOptionInfo")(K(Y.payload.column)))),A=l((()=>_("optionInfo.list")(K(Y.payload.column)))),E=l((()=>{var e,a;return null!=(a=null==(e=$.value)?void 0:e.valueKey)?a:"value"})),W=l((()=>{var e,a;return null!=(a=null==(e=$.value)?void 0:e.showKeys)?a:[]})),G=o([]),J=o(null!=(V=null==(U=Y.payload.column.filters)?void 0:U.reduce(((e,a)=>(a.checked&&e.push(a.value),e)),[]))?V:[]),M=l({get:()=>J.value,async set(e){const a=z(G.value.map((e=>e[E.value])),e);J.value=I(z(J.value,a),e)}}),P=o();function Q(){P.value&&(M.value=P.value.getCheckboxRecords().map((e=>e[E.value])))}const X=o("");async function Z(){N&&(N.reactData.filterStore.visible=!1)}t(Z);const ee=o(24),ae=l((()=>{var e,a;if(!Y.payload||!Y.payload.column)return 10;const{filterCapacity:l}=null!=(a=null==(e=Y.payload.column.editRender)?void 0:e.props)?a:{};return L(l)&&l>0?l:10})),le=l((()=>ae.value*ee.value+40));function oe(){var e,a,l,o;if(!Y.payload||!N)return;if(N.reactData.filterStore.options,Y.payload.column.filters=J.value.map((e=>({label:e,value:e,data:e,_checked:!0}))),N.reactData.filterStore.options=Y.payload.column.filters,!H(N))return t();function t(){Y.payload.$panel.confirmFilter(new CustomEvent("click"))}(null!=(a=null==(e=N.internalData.afterFullData)?void 0:e.length)?a:0)>(null!=(o=null==(l=O.value.scrollY)?void 0:l.gt)?o:100)&&(N.reactData.scrollYLoad=!0),t(),N.reactData.scrollYLoad=!1,Z()}function te(){var e;J.value=[],null==(e=P.value)||e.clearCheckboxRow()}const ue=o({page:1,total:0,pageSize:20}),ne=o(!1),ie=a(B),{getSearchRequestInfo:re}=F();function ce(e){ue.value.page=e,pe()}function se(e){ue.value.pageSize=e,ue.value.page=1,pe()}const de=o([]),ve=S((()=>ce(1)),500);async function pe(){var e,a,l;const o=K(Y.payload.column);if(!o||!o.optionInfo)return;if(A.value){if(G.value=A.value.reduce(((e,a)=>(function(e){return!X.value||(null!=e.name?String(e.name).includes(X.value):null!=e.value?e.value===X.value:e.extraValue&&D(e.extraValue)?y(X.value,e.extraValue):void 0)}(a)&&e.push({...a,checked:J.value.includes(a[E.value])}),e)),[]),de.value.length)return;return void(de.value=[{field:"select",type:"checkbox",width:40},{field:"name",title:"选项"}])}if(!$.value||!ie)return;const t={...re(),params:{[null!=(a=null==(e=$.value.filterKeys)?void 0:e[0])?a:"keyword"]:X.value,wordbookId:$.value.dataSourceId,wordbookType:$.value.dataSourceType,fieldKeys:$.value.filterKeys,autograph:$.value.autograph,asyncCount:1,...j(ue.value,"total")},cache:!0,key:null==(l=Y.payload.column)?void 0:l.field};ne.value=!0;try{const e=await ie.addAsync(t);if(G.value=e.map((e=>(e.checked=J.value.includes(e[E.value]),e))),ue.value={page:e.page,total:e.total,pageSize:e.pageSize},de.value.length)return;de.value=[{field:"select",type:"checkbox",width:40},...W.value.reduce(((a,l)=>{var o;const t=null==(o=e.fieldList)?void 0:o.find((e=>e.columnName===l));return t&&a.push({title:t.alias||t.name||"",field:t.columnName}),a}),[])]}finally{ne.value=!1}}return u(pe),(e,a)=>{var l,o;const t=n("vxe-grid");return i(),r("section",q,[c(s(w),{value:X.value,"onUpdate:value":a[0]||(a[0]=e=>X.value=e),onInput:s(ve)},null,8,["value","onInput"]),c(s(k),{show:ne.value},{default:d((()=>[c(t,{class:"iho-table__filterTable",ref_key:"tableRef",ref:P,data:G.value,columns:de.value,size:"small",height:s(le),style:v({minHeight:s(le)+"px"}),"show-overflow":"title","row-config":{height:ee.value,isHover:!0},"checkbox-config":{trigger:"row",showHeader:!1,checkField:"checked",highlight:!0},"radio-config":{trigger:"row"},onCheckboxChange:Q},null,8,["data","columns","height","style","row-config"]),s($)?(i(),p(s(x),{key:0,style:{"margin-top":"8px"},page:ue.value.page,"onUpdate:page":ce,"page-sizes":[20,30,50],"page-size":ue.value.pageSize,"onUpdate:pageSize":se,"item-count":ue.value.total,"show-size-picker":"","page-slot":5,size:"small"},null,8,["page","page-size","item-count"])):f("v-if",!0)])),_:1},8,["show"]),g("footer",T,[g("section",null,[m((null==(l=window.getLanguageByCode)?void 0:l.call(window,"10010.1.39"))||"已选择"),g("span",{style:v({color:"var(--c-primary-color)"})},h(J.value.length),5),m((null==(o=window.getLanguageByCode)?void 0:o.call(window,"10010.1.417"))||"项")]),c(s(b),{size:"small"},{default:d((()=>[c(s(C),{onClick:te},{default:d((()=>{var e;return[m((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.509"))||"清空")]})),_:1}),c(s(C),{onClick:Z},{default:d((()=>{var e;return[m((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.28"))||"取消")]})),_:1}),c(s(C),{type:"primary",onClick:oe},{default:d((()=>{var e;return[m((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.27"))||"确定")]})),_:1})])),_:1})])])}}});export{U as default};
+import { defineComponent, inject, computed, ref, onDeactivated, onMounted, resolveComponent, openBlock, createElementBlock, createVNode, unref, withCtx, normalizeStyle, createBlock, createCommentVNode, createElementVNode, createTextVNode, toDisplayString } from 'vue';
+import { keywordMatcher } from '../../../../../shared/utils/index.js';
+import { NInput, NSpin, NPagination, NButtonGroup, NButton } from 'naive-ui';
+import { useDebounceFn } from '@vueuse/core';
+import 'date-fns';
+import { property, difference, union, isNumber, omit, isString } from 'lodash-es';
+import { useFormRequest } from '../../../../../shared/hooks/useFormRequest/index.js';
+import '@vueuse/shared';
+import '../../../../../shared/hooks/selectHooks/useSearchContent.js';
+import '@vicons/ionicons5';
+import '../../../../../shared/hooks/useScrollLoading.js';
+import { InjectionIhoTableConfig, InjectionTableAsyncQueue } from '../../constants/index.js';
+import { getLowCodeFieldFromField, isVariableHeightTable } from '../../utils/index.js';
+
+const _hoisted_1 = {
+  class: "iho-table__filterWrapper",
+  style: {
+    "width": "300px"
+  }
+};
+const _hoisted_2 = {
+  class: "iho-table__filterFooter"
+};
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "dynamicFilter",
+  props: {
+    payload: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(__props) {
+    var _a, _b;
+    const props = __props;
+    const $table = inject("$xetable");
+    const tableConfig = inject(InjectionIhoTableConfig);
+    const dynamicOptionInfo = computed(() => {
+      return property("optionInfo.dynamicOptionInfo")(getLowCodeFieldFromField(props.payload.column));
+    });
+    const staticList = computed(() => {
+      return property("optionInfo.list")(getLowCodeFieldFromField(props.payload.column));
+    });
+    const valueKey = computed(() => {
+      var _a2, _b2;
+      return (_b2 = (_a2 = dynamicOptionInfo.value) == null ? void 0 : _a2.valueKey) != null ? _b2 : "value";
+    });
+    const showKeys = computed(() => {
+      var _a2, _b2;
+      return (_b2 = (_a2 = dynamicOptionInfo.value) == null ? void 0 : _a2.showKeys) != null ? _b2 : [];
+    });
+    const optionsRef = ref([]);
+    const checkedCacheRef = ref((_b = (_a = props.payload.column.filters) == null ? void 0 : _a.reduce((res, item) => {
+      item.checked && res.push(item.value);
+      return res;
+    }, [])) != null ? _b : []);
+    const checkedRef = computed({
+      get() {
+        return checkedCacheRef.value;
+      },
+      async set(checkedList) {
+        const uncheckedList = difference(optionsRef.value.map((item) => item[valueKey.value]), checkedList);
+        checkedCacheRef.value = union(difference(checkedCacheRef.value, uncheckedList), checkedList);
+      }
+    });
+    const tableRef = ref();
+    function onCheckboxChange() {
+      if (!tableRef.value)
+        return;
+      checkedRef.value = tableRef.value.getCheckboxRecords().map((item) => item[valueKey.value]);
+    }
+    const searchFilterText = ref("");
+    async function close() {
+      if (!$table)
+        return;
+      $table.reactData.filterStore.visible = false;
+    }
+    onDeactivated(close);
+    const rowHeight = ref(24);
+    const viewCapacity = computed(() => {
+      var _a2, _b2;
+      if (!props.payload || !props.payload.column)
+        return 10;
+      const {
+        filterCapacity
+      } = (_b2 = (_a2 = props.payload.column.editRender) == null ? void 0 : _a2.props) != null ? _b2 : {};
+      return isNumber(filterCapacity) && filterCapacity > 0 ? filterCapacity : 10;
+    });
+    const tableHeight = computed(() => {
+      return viewCapacity.value * rowHeight.value + 40;
+    });
+    function confirm() {
+      var _a2, _b2, _c, _d;
+      if (!props.payload || !$table)
+        return;
+      $table.reactData.filterStore.options || [];
+      props.payload.column.filters = checkedCacheRef.value.map((value) => {
+        return {
+          label: value,
+          value,
+          data: value,
+          _checked: true
+        };
+      });
+      $table.reactData.filterStore.options = props.payload.column.filters;
+      if (!isVariableHeightTable($table)) {
+        return confirmFilter();
+      }
+      const fullDataLength = (_b2 = (_a2 = $table.internalData.afterFullData) == null ? void 0 : _a2.length) != null ? _b2 : 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"));
+      }
+      close();
+    }
+    function reset() {
+      var _a2;
+      checkedCacheRef.value = [];
+      (_a2 = tableRef.value) == null ? void 0 : _a2.clearCheckboxRow();
+    }
+    const pagination = ref({
+      page: 1,
+      total: 0,
+      pageSize: 20
+    });
+    const loading = ref(false);
+    const asyncQueue = inject(InjectionTableAsyncQueue);
+    const {
+      getSearchRequestInfo
+    } = useFormRequest();
+    function onUpdatePage(page) {
+      pagination.value.page = page;
+      fetchOption();
+    }
+    function onUpdatePageSize(pageSize) {
+      pagination.value.pageSize = pageSize;
+      pagination.value.page = 1;
+      fetchOption();
+    }
+    const columns = ref([]);
+    const onInput = useDebounceFn(() => onUpdatePage(1), 500);
+    function staticListFilter(item) {
+      if (!searchFilterText.value)
+        return true;
+      if (item.name != null)
+        return String(item.name).includes(searchFilterText.value);
+      if (item.value != null)
+        return item.value === searchFilterText.value;
+      if (item.extraValue && isString(item.extraValue))
+        return keywordMatcher(searchFilterText.value, item.extraValue);
+    }
+    async function fetchOption() {
+      var _a2, _b2, _c;
+      const lowCodeField = getLowCodeFieldFromField(props.payload.column);
+      if (!lowCodeField || !lowCodeField.optionInfo)
+        return;
+      if (staticList.value) {
+        optionsRef.value = staticList.value.reduce((res, item) => {
+          if (staticListFilter(item)) {
+            res.push({
+              ...item,
+              checked: checkedCacheRef.value.includes(item[valueKey.value])
+            });
+          }
+          return res;
+        }, []);
+        if (columns.value.length)
+          return;
+        columns.value = [{
+          field: "select",
+          type: "checkbox",
+          width: 40
+        }, {
+          field: "name",
+          title: "\u9009\u9879"
+        }];
+        return;
+      }
+      if (!dynamicOptionInfo.value || !asyncQueue)
+        return;
+      const payload = {
+        ...getSearchRequestInfo(),
+        params: {
+          [(_b2 = (_a2 = dynamicOptionInfo.value.filterKeys) == null ? void 0 : _a2[0]) != null ? _b2 : "keyword"]: searchFilterText.value,
+          wordbookId: dynamicOptionInfo.value.dataSourceId,
+          wordbookType: dynamicOptionInfo.value.dataSourceType,
+          fieldKeys: dynamicOptionInfo.value.filterKeys,
+          autograph: dynamicOptionInfo.value.autograph,
+          asyncCount: 1,
+          ...omit(pagination.value, "total")
+        },
+        cache: true,
+        key: (_c = props.payload.column) == null ? void 0 : _c.field
+      };
+      loading.value = true;
+      try {
+        const options = await asyncQueue.addAsync(payload);
+        optionsRef.value = options.map((item) => {
+          item.checked = checkedCacheRef.value.includes(item[valueKey.value]);
+          return item;
+        });
+        pagination.value = {
+          page: options.page,
+          total: options.total,
+          pageSize: options.pageSize
+        };
+        if (columns.value.length)
+          return;
+        columns.value = [{
+          field: "select",
+          type: "checkbox",
+          width: 40
+        }, ...showKeys.value.reduce((res, item) => {
+          var _a3;
+          const target = (_a3 = options.fieldList) == null ? void 0 : _a3.find((field) => field.columnName === item);
+          if (target) {
+            res.push({
+              title: target.alias || target.name || "",
+              field: target.columnName
+            });
+          }
+          return res;
+        }, [])];
+      } finally {
+        loading.value = false;
+      }
+    }
+    onMounted(fetchOption);
+    return (_ctx, _cache) => {
+      var _a2, _b2;
+      const _component_vxe_grid = resolveComponent("vxe-grid");
+      return openBlock(), createElementBlock("section", _hoisted_1, [createVNode(unref(NInput), {
+        value: searchFilterText.value,
+        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => searchFilterText.value = $event),
+        onInput: unref(onInput)
+      }, null, 8, ["value", "onInput"]), createVNode(unref(NSpin), {
+        show: loading.value
+      }, {
+        default: withCtx(() => [createVNode(_component_vxe_grid, {
+          class: "iho-table__filterTable",
+          ref_key: "tableRef",
+          ref: tableRef,
+          data: optionsRef.value,
+          columns: columns.value,
+          size: "small",
+          height: unref(tableHeight),
+          style: normalizeStyle({
+            minHeight: unref(tableHeight) + "px"
+          }),
+          "show-overflow": "title",
+          "row-config": {
+            height: rowHeight.value,
+            isHover: true
+          },
+          "checkbox-config": {
+            trigger: "row",
+            showHeader: false,
+            checkField: "checked",
+            highlight: true
+          },
+          "radio-config": {
+            trigger: "row"
+          },
+          onCheckboxChange
+        }, null, 8, ["data", "columns", "height", "style", "row-config"]), unref(dynamicOptionInfo) ? (openBlock(), createBlock(unref(NPagination), {
+          key: 0,
+          style: {
+            "margin-top": "8px"
+          },
+          page: pagination.value.page,
+          "onUpdate:page": onUpdatePage,
+          "page-sizes": [20, 30, 50],
+          "page-size": pagination.value.pageSize,
+          "onUpdate:pageSize": onUpdatePageSize,
+          "item-count": pagination.value.total,
+          "show-size-picker": "",
+          "page-slot": 5,
+          size: "small"
+        }, null, 8, ["page", "page-size", "item-count"])) : createCommentVNode("v-if", true)]),
+        _: 1
+      }, 8, ["show"]), createElementVNode("footer", _hoisted_2, [createElementVNode("section", null, [createTextVNode(((_a2 = window.getLanguageByCode) == null ? void 0 : _a2.call(window, "10010.1.39")) || "\u5DF2\u9009\u62E9"), createElementVNode("span", {
+        style: normalizeStyle({
+          color: "var(--c-primary-color)"
+        })
+      }, toDisplayString(checkedCacheRef.value.length), 5), createTextVNode(((_b2 = window.getLanguageByCode) == null ? void 0 : _b2.call(window, "10010.1.417")) || "\u9879")]), createVNode(unref(NButtonGroup), {
+        size: "small"
+      }, {
+        default: withCtx(() => [createVNode(unref(NButton), {
+          onClick: reset
+        }, {
+          default: withCtx(() => {
+            var _a3;
+            return [createTextVNode(((_a3 = window.getLanguageByCode) == null ? void 0 : _a3.call(window, "10010.1.509")) || "\u6E05\u7A7A")];
+          }),
+          _: 1
+        }), createVNode(unref(NButton), {
+          onClick: close
+        }, {
+          default: withCtx(() => {
+            var _a3;
+            return [createTextVNode(((_a3 = window.getLanguageByCode) == null ? void 0 : _a3.call(window, "10010.1.28")) || "\u53D6\u6D88")];
+          }),
+          _: 1
+        }), createVNode(unref(NButton), {
+          type: "primary",
+          onClick: confirm
+        }, {
+          default: withCtx(() => {
+            var _a3;
+            return [createTextVNode(((_a3 = window.getLanguageByCode) == null ? void 0 : _a3.call(window, "10010.1.27")) || "\u786E\u5B9A")];
+          }),
+          _: 1
+        })]),
+        _: 1
+      })])]);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

@@ -1 +1,60 @@
-import{createVNode as e}from"vue";import{isObject as i}from"@vue/shared";import"../../../index.js";import{getLowCodeFieldFromField as o,IhoTableRenderHelper as n,createIhoTableFilterMethod as r}from"../../utils/index.js";import l from"./dynamicFilter.vue.js";import t from"./treeFilter.vue.js";import{defineTablePlugin as f}from"../../hooks/useTablePlugin.js";function d(){const d="dynamicFilterRenderPlugin";return f({name:d,vxe(i){i.renderer.mixin({[d]:{showFilterFooter:!1,renderFilter(i,n){var r,f,d;const u=o(n.column);return(null==(d=null==(f=null==(r=null==u?void 0:u.optionInfo)?void 0:r.dynamicOptionInfo)?void 0:f.treeInfo)?void 0:d.enable)?e(t,{payload:n,key:n.column.field},null):e(l,{payload:n,key:n.column.field},null)}}})},apply(e){e.fieldHooks.field.tap(d,((e,o,l,{$table:t})=>{var f,u;const a=null==(f=e.editRender)?void 0:f.props;if(!i(a))return e;if(!n.hasDynamicFilter(a))return e;if(e.filterRender={name:d},e.filters=[],!e.filterMethod){const i=null==(u=l.treeConfig)?void 0:u.children;e.filterMethod=r(i)}return l.filterConfig={iconMatch:"iho-table--iconfont iho-table-icon-filter",iconNone:"iho-table--iconfont iho-table-icon-filter",...l.filterConfig},e}))}})}export{d as dynamicFilterRenderPlugin};
+import { createVNode } from 'vue';
+import { isObject } from '@vue/shared';
+import '../../../index.js';
+import { getLowCodeFieldFromField, IhoTableRenderHelper, createIhoTableFilterMethod } from '../../utils/index.js';
+import DynamicFilter from './dynamicFilter.vue.js';
+import TreeFilter from './treeFilter.vue.js';
+import { defineTablePlugin } from '../../hooks/useTablePlugin.js';
+
+function dynamicFilterRenderPlugin() {
+  const pluginName = "dynamicFilterRenderPlugin";
+  return defineTablePlugin({
+    name: pluginName,
+    vxe(VxeTable) {
+      VxeTable.renderer.mixin({
+        [pluginName]: {
+          showFilterFooter: false,
+          renderFilter(filterRender, payload) {
+            var _a, _b, _c;
+            const lowCodeField = getLowCodeFieldFromField(payload.column);
+            return ((_c = (_b = (_a = lowCodeField == null ? void 0 : lowCodeField.optionInfo) == null ? void 0 : _a.dynamicOptionInfo) == null ? void 0 : _b.treeInfo) == null ? void 0 : _c.enable) ? createVNode(TreeFilter, {
+              "payload": payload,
+              "key": payload.column.field
+            }, null) : createVNode(DynamicFilter, {
+              "payload": payload,
+              "key": payload.column.field
+            }, null);
+          }
+        }
+      });
+    },
+    apply(hooks) {
+      hooks.fieldHooks.field.tap(pluginName, (fieldItem, context, config, {
+        $table
+      }) => {
+        var _a, _b;
+        const lowCodeField = (_a = fieldItem.editRender) == null ? void 0 : _a.props;
+        if (!isObject(lowCodeField))
+          return fieldItem;
+        if (!IhoTableRenderHelper.hasDynamicFilter(lowCodeField))
+          return fieldItem;
+        fieldItem.filterRender = {
+          name: pluginName
+        };
+        fieldItem.filters = [];
+        if (!fieldItem.filterMethod) {
+          const childField = (_b = config.treeConfig) == null ? void 0 : _b.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;
+      });
+    }
+  });
+}
+
+export { dynamicFilterRenderPlugin };

package/es/components/iho-table/src/plugins/dynamicFilterRenderPlugin/treeFilter.vue.js

@@ -1 +1,10 @@
-import{openBlock as e,createElementBlock as r}from"vue";import t from"../../../../../_virtual/_plugin-vue_export-helper.js";var i=t({},[["render",function(t,i){return e(),r("section")}],["__file","treeFilter.vue"]]);export{i as default};
+import { openBlock, createElementBlock } from 'vue';
+import _export_sfc from '../../../../../_virtual/_plugin-vue_export-helper.js';
+
+const _sfc_main = {};
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("section");
+}
+var TreeFilter = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "treeFilter.vue"]]);
+
+export { TreeFilter as default };

package/es/components/iho-table/src/plugins/filterDaterangeRenderPlugin/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/filterDaterangeRenderPlugin/filter.vue2.js

@@ -1 +1,46 @@
-import{defineComponent as e,reactive as a,openBlock as t,createBlock as l,unref as o}from"vue";import n from"../../../../date-picker/index.js";import{subDays as r,subMonths as i}from"date-fns";var d=e({__name:"filter",props:{payload:{type:Object,required:!0}},setup(e){var d,p,u;const m=e,f=a((null==(u=null==(p=null==(d=m.payload)?void 0:d.column)?void 0:p.filters)?void 0:u[0])||{data:void 0}),v=a({"近一周":()=>[r(new Date,7).getTime(),(new Date).getTime()],"近一个月":()=>[i(new Date,1).getTime(),(new Date).getTime()]});function c(e,a){var t;f.value=a,(null==(t=m.payload)?void 0:t.$panel)&&(m.payload.$panel.changeOption(null,!!a,f),m.payload.$panel.confirmFilter(new CustomEvent("click")))}return(e,a)=>(t(),l(o(n),{type:"datetimerange",panel:"",clearable:"","default-time":["00:00:00","23:59:59"],"formatted-value":f.data,"onUpdate:formatted-value":a[0]||(a[0]=e=>f.data=e),shortcuts:v,onConfirm:c},null,8,["formatted-value","shortcuts"]))}});export{d as default};
+import { defineComponent, reactive, openBlock, createBlock, unref } from 'vue';
+import DatePicker from '../../../../date-picker/index.js';
+import { subDays, subMonths } from 'date-fns';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "filter",
+  props: {
+    payload: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(__props) {
+    var _a, _b, _c;
+    const props = __props;
+    const optionRef = reactive(((_c = (_b = (_a = props.payload) == null ? void 0 : _a.column) == null ? void 0 : _b.filters) == null ? void 0 : _c[0]) || {
+      data: void 0
+    });
+    const shortcuts = reactive({
+      \u8FD1\u4E00\u5468: () => [subDays(new Date(), 7).getTime(), new Date().getTime()],
+      \u8FD1\u4E00\u4E2A\u6708: () => [subMonths(new Date(), 1).getTime(), new Date().getTime()]
+    });
+    function onConfirm(value, formattedValue) {
+      var _a2;
+      optionRef.value = formattedValue;
+      if (!((_a2 = props.payload) == null ? void 0 : _a2.$panel))
+        return;
+      props.payload.$panel.changeOption(null, !!formattedValue, optionRef);
+      props.payload.$panel.confirmFilter(new CustomEvent("click"));
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DatePicker), {
+        type: "datetimerange",
+        panel: "",
+        clearable: "",
+        "default-time": ["00:00:00", "23:59:59"],
+        "formatted-value": optionRef.data,
+        "onUpdate:formatted-value": _cache[0] || (_cache[0] = ($event) => optionRef.data = $event),
+        shortcuts,
+        onConfirm
+      }, null, 8, ["formatted-value", "shortcuts"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

@@ -1 +1,75 @@
-import{createVNode as e}from"vue";import"../../../index.js";import{IhoTableRenderHelper as t}from"../../utils/index.js";import i from"./filter.vue.js";import{isValid as o,compareDesc as r}from"date-fns";import{isObject as n,isArray as l}from"@vue/shared";import{defineTablePlugin as f}from"../../hooks/useTablePlugin.js";function a(){const a="filterDaterangeRenderPlugin";return f({name:a,vxe(t){t.renderer.mixin({[a]:{showFilterFooter:!1,renderFilter:(t,o)=>e(i,{payload:o,key:o.column.field},null)}})},apply(e){e.fieldHooks.field.tap(a,((e,i,f,{$table:d})=>{var s,u,m;const c=null==(s=e.editRender)?void 0:s.props;if(!n(c))return e;if(!t.hasDateFilter(c))return e;e.filterRender={name:a};const p=null==(u=d.value)?void 0:u.getColumnByField(e.field),h={};return p&&l(p.filters)&&Object.assign(h,{...null==(m=p.filters)?void 0:m[0]}),e.filters=[{...h}],e.filterMethod||(e.filterMethod=function({option:e,row:t,column:i}){const{data:n}=e,l=t[i.field];return!!o(new Date(l))&&(r(new Date(l),new Date(n[0]))<=0&&r(new Date(l),new Date(n[1]))>=0)}),f.filterConfig={iconMatch:"iho-table--iconfont iho-table-icon-filter",iconNone:"iho-table--iconfont iho-table-icon-filter",...f.filterConfig},e}))}})}export{a as filterDaterangeRenderPlugin};
+import { createVNode } from 'vue';
+import '../../../index.js';
+import { IhoTableRenderHelper } from '../../utils/index.js';
+import Filter from './filter.vue.js';
+import { isValid, compareDesc } from 'date-fns';
+import { isObject, isArray } from '@vue/shared';
+import { defineTablePlugin } from '../../hooks/useTablePlugin.js';
+
+function filterDaterangeRenderPlugin() {
+  const pluginName = "filterDaterangeRenderPlugin";
+  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) {
+      hooks.fieldHooks.field.tap(pluginName, (fieldItem, context, config, {
+        $table
+      }) => {
+        var _a, _b, _c;
+        const lowCodeField = (_a = fieldItem.editRender) == null ? void 0 : _a.props;
+        if (!isObject(lowCodeField))
+          return fieldItem;
+        if (!IhoTableRenderHelper.hasDateFilter(lowCodeField))
+          return fieldItem;
+        fieldItem.filterRender = {
+          name: pluginName
+        };
+        const oldFilterData = (_b = $table.value) == null ? void 0 : _b.getColumnByField(fieldItem.field);
+        const oldOption = {};
+        if (oldFilterData && isArray(oldFilterData.filters)) {
+          Object.assign(oldOption, {
+            ...(_c = oldFilterData.filters) == null ? void 0 : _c[0]
+          });
+        }
+        fieldItem.filters = [{
+          ...oldOption
+        }];
+        if (!fieldItem.filterMethod) {
+          fieldItem.filterMethod = function({
+            option,
+            row,
+            column
+          }) {
+            const {
+              data
+            } = option;
+            const content = row[column.field];
+            if (!isValid(new Date(content)))
+              return false;
+            return compareDesc(new Date(content), new Date(data[0])) <= 0 && compareDesc(new Date(content), new Date(data[1])) >= 0;
+          };
+        }
+        config.filterConfig = {
+          iconMatch: "iho-table--iconfont iho-table-icon-filter",
+          iconNone: "iho-table--iconfont iho-table-icon-filter",
+          ...config.filterConfig
+        };
+        return fieldItem;
+      });
+    }
+  });
+}
+
+export { filterDaterangeRenderPlugin };

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

@@ -1 +1,49 @@
-import{createVNode as e}from"vue";import{isObject as o}from"@vue/shared";import"../../../index.js";import{IhoTableRenderHelper as i}from"../../utils/index.js";import r from"./remoteFilter.vue.js";import{defineTablePlugin as t}from"../../hooks/useTablePlugin.js";function n(){const n="filterRemoteSearchPlugin";return t({name:n,vxe(o){o.renderer.mixin({[n]:{showFilterFooter:!1,renderFilter:o=>e(r,{payload:o},null)}})},apply(e){e.fieldHooks.field.tap(n,((e,r,t,{$table:l})=>{var f;const a=null==(f=e.editRender)?void 0:f.props;return o(a)&&i.hasRemoteSearchFilter(a)?(e.filterRender={name:n},e.filters=[],t.filterConfig={iconMatch:"iho-table--iconfont iho-table-icon-filter",iconNone:"iho-table--iconfont iho-table-icon-filter",...t.filterConfig},e):e}))}})}export{n as filterRemoteSearchPlugin};
+import { createVNode } from 'vue';
+import { isObject } from '@vue/shared';
+import '../../../index.js';
+import { IhoTableRenderHelper } from '../../utils/index.js';
+import RemoteFilter from './remoteFilter.vue.js';
+import { defineTablePlugin } from '../../hooks/useTablePlugin.js';
+
+function filterRemoteSearchPlugin() {
+  const pluginName = "filterRemoteSearchPlugin";
+  return defineTablePlugin({
+    name: pluginName,
+    vxe(VxeTable) {
+      VxeTable.renderer.mixin({
+        [pluginName]: {
+          showFilterFooter: false,
+          renderFilter(payload) {
+            return createVNode(RemoteFilter, {
+              "payload": payload
+            }, null);
+          }
+        }
+      });
+    },
+    apply(hooks) {
+      hooks.fieldHooks.field.tap(pluginName, (fieldItem, context, config, {
+        $table
+      }) => {
+        var _a;
+        const lowCodeField = (_a = fieldItem.editRender) == null ? void 0 : _a.props;
+        if (!isObject(lowCodeField))
+          return fieldItem;
+        if (!IhoTableRenderHelper.hasRemoteSearchFilter(lowCodeField))
+          return fieldItem;
+        fieldItem.filterRender = {
+          name: pluginName
+        };
+        fieldItem.filters = [];
+        config.filterConfig = {
+          iconMatch: "iho-table--iconfont iho-table-icon-filter",
+          iconNone: "iho-table--iconfont iho-table-icon-filter",
+          ...config.filterConfig
+        };
+        return fieldItem;
+      });
+    }
+  });
+}
+
+export { filterRemoteSearchPlugin };

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

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