cnhis-design-vue 3.1.40-beta.12 → 3.1.40-beta.16

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

@@ -1,230 +1 @@
-import { defineComponent, inject, ref, onDeactivated, watch, computed, openBlock, createElementBlock, normalizeStyle, unref, createElementVNode, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString, normalizeClass, createCommentVNode, Fragment, renderList, createBlock, isRef } from 'vue';
-import { widthAppend } from '../../../../../shared/utils/index.js';
-import { FunnelSharp } from '@vicons/ionicons5';
-import { useVModel, useVirtualList } from '@vueuse/core';
-import { NEllipsis, NPopover, NIcon, NInput, NCheckbox, NCheckboxGroup, NButtonGroup, NButton } from 'naive-ui';
-import { InjectionIhoTableUUID, InjectionIhoTableConfig } from '../../constants/index.js';
-import { IhoTableRenderHelper } from '../../utils/index.js';
-import _export_sfc from '../../../../../_virtual/plugin-vue_export-helper.js';
-
-const _hoisted_1 = { class: "iho-table__filterWrapper" };
-const _hoisted_2 = { key: 0 };
-const _hoisted_3 = ["onClick"];
-const _hoisted_4 = { class: "iho-table__filterListItem" };
-const _hoisted_5 = { class: "iho-table__filterFooter" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "filter",
-  props: {
-    payload: {
-      type: Object,
-      required: true
-    },
-    sortable: { type: Boolean },
-    options: { type: Array, default: () => [] },
-    checked: { type: Array, required: true },
-    sortStatus: { type: String }
-  },
-  emits: ["update:checked", "update:sortStatus"],
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const uuid = inject(InjectionIhoTableUUID);
-    const configRef = inject(InjectionIhoTableConfig);
-    const checkedRef = useVModel(props, "checked", emits);
-    const sortStatusRef = useVModel(props, "sortStatus", emits);
-    const checkedCacheRef = ref([]);
-    const filterVisible = ref(false);
-    const searchFilterText = ref("");
-    function toggleFilterVisible() {
-      filterVisible.value = !filterVisible.value;
-    }
-    function close() {
-      filterVisible.value = false;
-    }
-    onDeactivated(close);
-    watch(filterVisible, (visible) => {
-      if (visible) {
-        checkedCacheRef.value = [...checkedRef.value];
-        searchFilterText.value = "";
-      }
-    });
-    const OPTION_ITEM_HEIGHT = 32;
-    const VIEW_CAPACITY = 10;
-    const { list, containerProps, wrapperProps } = useVirtualList(
-      computed(() => {
-        return searchFilterText.value ? props.options.filter((option) => option.key.includes(searchFilterText.value)) : props.options;
-      }),
-      {
-        itemHeight: OPTION_ITEM_HEIGHT,
-        overscan: 3
-      }
-    );
-    const indeterminate = computed(
-      () => !!checkedCacheRef.value.length && checkedCacheRef.value.length !== props.options.length
-    );
-    const checkAll = computed({
-      get() {
-        return checkedCacheRef.value.length === props.options.length;
-      },
-      set: (isCheck) => {
-        if (isCheck) {
-          checkedCacheRef.value = props.options.map((item) => item.value);
-          return;
-        }
-        checkedCacheRef.value = [];
-      }
-    });
-    const containerStyleWithHeight = computed(() => {
-      return {
-        ...containerProps.style,
-        height: widthAppend(OPTION_ITEM_HEIGHT * VIEW_CAPACITY)
-      };
-    });
-    function confirmFilter() {
-      close();
-      emits("update:checked", checkedCacheRef.value);
-    }
-    const sortStatusList = [
-      { status: "asc", text: "\u5347\u5E8F A to Z" },
-      { status: "desc", text: "\u964D\u5E8F Z to A" }
-    ];
-    function setSort(value) {
-      close();
-      emits("update:sortStatus", value);
-    }
-    const iconActive = computed(() => {
-      return checkedRef.value.length || sortStatusRef.value;
-    });
-    const editable = computed(() => {
-      var _a;
-      return IhoTableRenderHelper.isEditableColumn(configRef.value, (_a = props.payload) == null ? void 0 : _a.column);
-    });
-    const wrapperStyle = computed(() => {
-      return {
-        display: "inline-flex",
-        "align-items": "center",
-        justifyContent: "start",
-        width: `calc(100% - ${editable.value ? 19 : 0}px)`
-      };
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("section", {
-        style: normalizeStyle(unref(wrapperStyle))
-      }, [
-        createElementVNode("section", null, [
-          renderSlot(_ctx.$slots, "header", {}, () => [
-            createVNode(unref(NEllipsis), null, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(__props.payload.column.title), 1)
-              ]),
-              _: 1
-            })
-          ])
-        ]),
-        createVNode(unref(NPopover), {
-          to: `#${unref(uuid)}`,
-          show: filterVisible.value
-        }, {
-          trigger: withCtx(() => [
-            createVNode(unref(NIcon), {
-              class: normalizeClass(["iho-table__filterIcon", { "is-active": unref(iconActive) }]),
-              component: unref(FunnelSharp),
-              onClick: toggleFilterVisible
-            }, null, 8, ["class", "component"])
-          ]),
-          default: withCtx(() => [
-            createElementVNode("section", _hoisted_1, [
-              createCommentVNode(' \u5224\u65AD\u662F\u5426\u663E\u793A\u5347\u5E8F\u964D\u5E8F\u6A21\u5757\u7684\u7EC4\u4EF6 v-if="sortable"'),
-              __props.sortable ? (openBlock(), createElementBlock("div", _hoisted_2, [
-                (openBlock(), createElementBlock(Fragment, null, renderList(sortStatusList, (item) => {
-                  return createElementVNode("div", {
-                    key: item.status,
-                    class: normalizeClass(["iho-table__filterButton", { "iho-table__filterButton--active": unref(sortStatusRef) === item.status }]),
-                    onClick: ($event) => setSort(item.status)
-                  }, toDisplayString(item.text), 11, _hoisted_3);
-                }), 64))
-              ])) : createCommentVNode("v-if", true),
-              __props.options.length > 5 ? (openBlock(), createBlock(unref(NInput), {
-                key: 1,
-                value: searchFilterText.value,
-                "onUpdate:value": _cache[0] || (_cache[0] = ($event) => searchFilterText.value = $event)
-              }, null, 8, ["value"])) : createCommentVNode("v-if", true),
-              createElementVNode("div", _hoisted_4, [
-                createVNode(unref(NCheckbox), {
-                  label: "\u5168\u9009",
-                  checked: unref(checkAll),
-                  "onUpdate:checked": _cache[1] || (_cache[1] = ($event) => isRef(checkAll) ? checkAll.value = $event : null),
-                  indeterminate: unref(indeterminate)
-                }, null, 8, ["checked", "indeterminate"])
-              ]),
-              createVNode(unref(NCheckboxGroup), {
-                value: checkedCacheRef.value,
-                "onUpdate:value": _cache[3] || (_cache[3] = ($event) => checkedCacheRef.value = $event)
-              }, {
-                default: withCtx(() => [
-                  createElementVNode("section", {
-                    ref: unref(containerProps).ref,
-                    style: normalizeStyle(unref(containerStyleWithHeight)),
-                    onScroll: _cache[2] || (_cache[2] = (...args) => unref(containerProps).onScroll && unref(containerProps).onScroll(...args)),
-                    class: "iho-table__filterListWrapper"
-                  }, [
-                    createElementVNode("section", {
-                      style: normalizeStyle(unref(wrapperProps).style)
-                    }, [
-                      (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,
-                            label: option.data.key
-                          }, null, 8, ["value", "label"])
-                        ]);
-                      }), 128))
-                    ], 4)
-                  ], 36)
-                ]),
-                _: 1
-              }, 8, ["value"]),
-              createElementVNode("footer", _hoisted_5, [
-                createElementVNode("section", null, toDisplayString(`\u5DF2\u9009\u62E9${checkedCacheRef.value.length}\u9879`), 1),
-                createVNode(unref(NButtonGroup), { size: "tiny" }, {
-                  default: withCtx(() => [
-                    createVNode(unref(NButton), {
-                      onClick: _cache[4] || (_cache[4] = ($event) => checkedCacheRef.value = [])
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode("\u6E05\u7A7A")
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(unref(NButton), { onClick: close }, {
-                      default: withCtx(() => [
-                        createTextVNode("\u53D6\u6D88")
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(unref(NButton), {
-                      type: "primary",
-                      onClick: confirmFilter
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode("\u786E\u5B9A")
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                })
-              ])
-            ])
-          ]),
-          _: 1
-        }, 8, ["to", "show"])
-      ], 4);
-    };
-  }
-});
-var FilterComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "filter.vue"]]);
-
-export { FilterComponent as default };
+import{defineComponent as e,inject as t,ref as l,onDeactivated as a,watch as o,computed as i,openBlock as s,createElementBlock as n,normalizeStyle as u,unref as r,createElementVNode as c,renderSlot as v,createVNode as p,withCtx as d,createTextVNode as f,toDisplayString as h,normalizeClass as m,createCommentVNode as _,Fragment as y,renderList as k,createBlock as b,isRef as g}from"vue";import{widthAppend as x}from"../../../../../shared/utils/index.js";import{FunnelSharp as C}from"@vicons/ionicons5";import{useVModel as S,useVirtualList as j}from"@vueuse/core";import{NEllipsis as w,NPopover as A,NIcon as $,NInput as B,NCheckbox as I,NCheckboxGroup as L,NButtonGroup as U,NButton as q}from"naive-ui";import{InjectionIhoTableUUID as P,InjectionIhoTableConfig as W}from"../../constants/index.js";import{IhoTableRenderHelper as Z}from"../../utils/index.js";import z from"../../../../../_virtual/plugin-vue_export-helper.js";const E={class:"iho-table__filterWrapper"},F={key:0},H=["onClick"],O={class:"iho-table__filterListItem"},D={class:"iho-table__filterFooter"};var G=z(e({__name:"filter",props:{payload:{type:Object,required:!0},sortable:{type:Boolean},options:{type:Array,default:()=>[]},checked:{type:Array,required:!0},sortStatus:{type:String}},emits:["update:checked","update:sortStatus"],setup(e,{emit:z}){const G=e,J=t(P),K=t(W),M=S(G,"checked",z),N=S(G,"sortStatus",z),Q=l([]),R=l(!1),T=l("");function V(){R.value=!R.value}function X(){R.value=!1}a(X),o(R,(e=>{e&&(Q.value=[...M.value],T.value="")}));const{list:Y,containerProps:ee,wrapperProps:te}=j(i((()=>T.value?G.options.filter((e=>e.key.includes(T.value))):G.options)),{itemHeight:32,overscan:3}),le=i((()=>!!Q.value.length&&Q.value.length!==G.options.length)),ae=i({get:()=>Q.value.length===G.options.length,set:e=>{Q.value=e?G.options.map((e=>e.value)):[]}}),oe=i((()=>({...ee.style,height:x(320)})));function ie(){X(),z("update:checked",Q.value)}const se=[{status:"asc",text:"升序 A to Z"},{status:"desc",text:"降序 Z to A"}];const ne=i((()=>M.value.length||N.value)),ue=i((()=>{var e;return Z.isEditableColumn(K.value,null==(e=G.payload)?void 0:e.column)})),re=i((()=>({display:"inline-flex","align-items":"center",justifyContent:"start",width:`calc(100% - ${ue.value?19:0}px)`})));return(t,l)=>(s(),n("section",{style:u(r(re))},[c("section",null,[v(t.$slots,"header",{},(()=>[p(r(w),null,{default:d((()=>[f(h(e.payload.column.title),1)])),_:1})]))]),p(r(A),{to:`#${r(J)}`,show:R.value},{trigger:d((()=>[p(r($),{class:m(["iho-table__filterIcon",{"is-active":r(ne)}]),component:r(C),onClick:V},null,8,["class","component"])])),default:d((()=>[c("section",E,[_(' 判断是否显示升序降序模块的组件 v-if="sortable"'),e.sortable?(s(),n("div",F,[(s(),n(y,null,k(se,(e=>c("div",{key:e.status,class:m(["iho-table__filterButton",{"iho-table__filterButton--active":r(N)===e.status}]),onClick:t=>{return l=e.status,X(),void z("update:sortStatus",l);var l}},h(e.text),11,H))),64))])):_("v-if",!0),e.options.length>5?(s(),b(r(B),{key:1,value:T.value,"onUpdate:value":l[0]||(l[0]=e=>T.value=e)},null,8,["value"])):_("v-if",!0),c("div",O,[p(r(I),{label:"全选",checked:r(ae),"onUpdate:checked":l[1]||(l[1]=e=>g(ae)?ae.value=e:null),indeterminate:r(le)},null,8,["checked","indeterminate"])]),p(r(L),{value:Q.value,"onUpdate:value":l[3]||(l[3]=e=>Q.value=e)},{default:d((()=>[c("section",{ref:r(ee).ref,style:u(r(oe)),onScroll:l[2]||(l[2]=(...e)=>r(ee).onScroll&&r(ee).onScroll(...e)),class:"iho-table__filterListWrapper"},[c("section",{style:u(r(te).style)},[(s(!0),n(y,null,k(r(Y),(e=>(s(),n("div",{class:"iho-table__filterListItem",key:e.data.value},[p(r(I),{value:e.data.value,label:e.data.key},null,8,["value","label"])])))),128))],4)],36)])),_:1},8,["value"]),c("footer",D,[c("section",null,h(`已选择${Q.value.length}项`),1),p(r(U),{size:"tiny"},{default:d((()=>[p(r(q),{onClick:l[4]||(l[4]=e=>Q.value=[])},{default:d((()=>[f("清空")])),_:1}),p(r(q),{onClick:X},{default:d((()=>[f("取消")])),_:1}),p(r(q),{type:"primary",onClick:ie},{default:d((()=>[f("确定")])),_:1})])),_:1})])])])),_:1},8,["to","show"])],4))}}),[["__file","filter.vue"]]);export{G as default};

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

@@ -1,240 +1 @@
-import { computed, createVNode, onBeforeUnmount, reactive } from 'vue';
-import { jsonParse } from '../../../../../shared/utils/index.js';
-import { isObject, isFunction, isArray } from 'lodash-es';
-import '../../../index.js';
-import { IHO_TABLE_NUMBER_STATUS } from '../../constants/index.js';
-import { useUUIDMap, IhoTableRenderHelper, IhoTableUtils } from '../../utils/index.js';
-import FilterComponent from './filter.vue.js';
-import { defineTablePlugin } from '../../hooks/useTablePlugin.js';
-
-function filterPlugin() {
-  const pluginName = "filterPlugin";
-  const {
-    getItemFromUUID,
-    removeItemFromUUID
-  } = useUUIDMap(() => {
-    const stateMap = reactive(/* @__PURE__ */ new Map());
-    const filterSet = reactive(/* @__PURE__ */ new Set());
-    function setSort({
-      value,
-      field,
-      $table,
-      emits
-    }) {
-      const state = stateMap.get(field);
-      if (!state)
-        return;
-      const column = $table.getColumnByField(field);
-      if (!column)
-        return;
-      if (!state.sortStatus && !value)
-        return;
-      state.sortStatus = value === state.sortStatus ? null : value;
-      stateMap.forEach((state2, field2) => {
-        if (field2 === column.field)
-          return;
-        state2.sortStatus = null;
-      });
-      const payload = {
-        column,
-        field: column.field,
-        order: value,
-        property: column.field,
-        sortTime: Date.now()
-      };
-      emits("sortChange", {
-        $table,
-        $event: new PointerEvent("click"),
-        ...payload,
-        sortList: [payload]
-      });
-    }
-    function setChecked({
-      value,
-      field,
-      $table,
-      emits
-    }) {
-      const state = stateMap.get(field);
-      if (!state)
-        return;
-      const column = $table.getColumnByField(field);
-      if (!column)
-        return;
-      if (value.length) {
-        filterSet.add(column.field);
-      } else {
-        filterSet.delete(column.field);
-      }
-      state.checked = value;
-      emits("filterChange", {
-        $event: new PointerEvent("click"),
-        $table,
-        ...createFilterPayload(column.field, stateMap),
-        filterList: [...filterSet.values()].map((field2) => createFilterPayload(field2, stateMap))
-      });
-      function createFilterPayload(field2, stateMap2) {
-        var _a, _b;
-        const column2 = $table.getColumnByField(field2);
-        return {
-          column: column2,
-          field: column2.field,
-          datas: [],
-          property: column2.field,
-          values: [...(_b = (_a = stateMap2.get(field2)) == null ? void 0 : _a.checked) != null ? _b : []]
-        };
-      }
-    }
-    return {
-      stateMap,
-      filterSet,
-      setChecked,
-      setSort
-    };
-  });
-  function initFilterState(uuid, field, initValue = {}) {
-    const {
-      stateMap,
-      setChecked,
-      setSort
-    } = getItemFromUUID(uuid);
-    return {
-      filterState: stateMap.set(field, stateMap.get(field) || {
-        options: [],
-        checked: initValue.checked || [],
-        sortStatus: initValue.sortStatus || null
-      }).get(field),
-      setChecked,
-      setSort
-    };
-  }
-  return defineTablePlugin({
-    name: pluginName,
-    apply(hooks) {
-      hooks.fieldHooks.fieldList.tap(pluginName, (fieldList, {
-        uuid
-      }, {
-        $table,
-        emits
-      }) => {
-        fieldList.forEach((fieldItem) => {
-          var _a, _b, _c, _d, _e, _f, _g;
-          const lowCodeField = (_a = fieldItem.editRender) == null ? void 0 : _a.props;
-          if (!isObject(lowCodeField))
-            return;
-          const fieldSetting = jsonParse(lowCodeField.fieldSetting || "");
-          if (!IhoTableRenderHelper.hasFilter(fieldSetting))
-            return;
-          const sortable = fieldItem.sortable;
-          fieldItem.sortable = false;
-          let options = (_d = (_c = (_b = fieldSetting.mapping) == null ? void 0 : _b.mappingFiled) == null ? void 0 : _c.map((item) => item.value[0])) != null ? _d : [];
-          if (isCompatibleColumn(lowCodeField)) {
-            options = (_f = (_e = lowCodeField.options) == null ? void 0 : _e.map((option) => ({
-              ...option,
-              key: option.label
-            }))) != null ? _f : [];
-          }
-          const {
-            filterState,
-            setChecked,
-            setSort
-          } = initFilterState(uuid, fieldItem.field, lowCodeField.filterDefaultValue);
-          filterState.options = options;
-          const oldHeader = (_g = fieldItem.slots) == null ? void 0 : _g.header;
-          const sortStatusRef = computed({
-            get: () => {
-              return filterState.sortStatus;
-            },
-            set: (value) => setSort({
-              field: fieldItem.field,
-              value,
-              $table: $table.value,
-              emits
-            })
-          });
-          const checkedRef = computed({
-            get: () => filterState.checked,
-            set: (value) => setChecked({
-              field: fieldItem.field,
-              value,
-              $table: $table.value,
-              emits
-            })
-          });
-          const optionsRef = computed(() => filterState.options);
-          fieldItem.slots = {
-            ...fieldItem.slots,
-            header(payload) {
-              return createVNode(FilterComponent, {
-                "payload": payload,
-                "options": optionsRef.value,
-                "sortable": sortable,
-                "checked": checkedRef.value,
-                "onUpdate:checked": ($event) => checkedRef.value = $event,
-                "sortStatus": sortStatusRef.value,
-                "onUpdate:sortStatus": ($event) => sortStatusRef.value = $event
-              }, {
-                header: () => isFunction(oldHeader) ? oldHeader(payload) : oldHeader
-              });
-            }
-          };
-        });
-        return fieldList;
-      });
-      hooks.setupHooks.setup.tap(pluginName, (config) => {
-        onBeforeUnmount(() => config.value.uuid && removeItemFromUUID(config.value.uuid));
-      });
-      hooks.exposeHooks.expose.tap(pluginName, (expose, configRef, {
-        $table,
-        emits
-      }) => {
-        return {
-          ...expose,
-          getFilterState(field) {
-            if (!configRef.value.uuid)
-              return;
-            const {
-              stateMap
-            } = getItemFromUUID(configRef.value.uuid);
-            const state = stateMap.get(field);
-            return state && {
-              checked: [...state.checked],
-              sortStatus: state.sortStatus
-            };
-          },
-          setFilterState(field, value) {
-            if (!configRef.value.uuid)
-              return;
-            const {
-              setChecked,
-              setSort
-            } = getItemFromUUID(configRef.value.uuid);
-            if (Reflect.has(value, "sortStatus")) {
-              setSort({
-                field,
-                value: value.sortStatus,
-                $table: $table.value,
-                emits
-              });
-            }
-            if (isArray(value.checked)) {
-              setChecked({
-                field,
-                value: value.checked,
-                $table: $table.value,
-                emits
-              });
-            }
-          }
-        };
-      });
-      function isCompatibleColumn(field) {
-        const filterTypes = ["SEARCH", "SELECT", "RADIO", "CHECKBOX"];
-        const notParticipatingSearch = field.notParticipatingSearch || "";
-        return notParticipatingSearch !== IHO_TABLE_NUMBER_STATUS.POSITIVE && filterTypes.includes(IhoTableUtils.getCellType(field)) && isArray(field.options) && field.options.length;
-      }
-    }
-  });
-}
-
-export { filterPlugin };
+import{computed as e,createVNode as t,onBeforeUnmount as l,reactive as o}from"vue";import{jsonParse as s}from"../../../../../shared/utils/index.js";import{isObject as i,isFunction as r,isArray as a}from"lodash-es";import"../../../index.js";import{IHO_TABLE_NUMBER_STATUS as n}from"../../constants/index.js";import{useUUIDMap as u,IhoTableRenderHelper as d,IhoTableUtils as c}from"../../utils/index.js";import f from"./filter.vue.js";import{defineTablePlugin as p}from"../../hooks/useTablePlugin.js";function m(){const m="filterPlugin",{getItemFromUUID:v,removeItemFromUUID:h}=u((()=>{const e=o(new Map),t=o(new Set);return{stateMap:e,filterSet:t,setChecked:function({value:l,field:o,$table:s,emits:i}){const r=e.get(o);if(!r)return;const a=s.getColumnByField(o);function n(e,t){var l,o;const i=s.getColumnByField(e);return{column:i,field:i.field,datas:[],property:i.field,values:[...null!=(o=null==(l=t.get(e))?void 0:l.checked)?o:[]]}}a&&(l.length?t.add(a.field):t.delete(a.field),r.checked=l,i("filterChange",{$event:new PointerEvent("click"),$table:s,...n(a.field,e),filterList:[...t.values()].map((t=>n(t,e)))}))},setSort:function({value:t,field:l,$table:o,emits:s}){const i=e.get(l);if(!i)return;const r=o.getColumnByField(l);if(!r)return;if(!i.sortStatus&&!t)return;i.sortStatus=t===i.sortStatus?null:t,e.forEach(((e,t)=>{t!==r.field&&(e.sortStatus=null)}));const a={column:r,field:r.field,order:t,property:r.field,sortTime:Date.now()};s("sortChange",{$table:o,$event:new PointerEvent("click"),...a,sortList:[a]})}}}));return p({name:m,apply(o){o.fieldHooks.fieldList.tap(m,((l,{uuid:o},{$table:u,emits:p})=>(l.forEach((l=>{var m,h,S,g,k,b,C;const $=null==(m=l.editRender)?void 0:m.props;if(!i($))return;const y=s($.fieldSetting||"");if(!d.hasFilter(y))return;const E=l.sortable;l.sortable=!1;let F=null!=(g=null==(S=null==(h=y.mapping)?void 0:h.mappingFiled)?void 0:S.map((e=>e.value[0])))?g:[];(function(e){const t=["SEARCH","SELECT","RADIO","CHECKBOX"];return(e.notParticipatingSearch||"")!==n.POSITIVE&&t.includes(c.getCellType(e))&&a(e.options)&&e.options.length})($)&&(F=null!=(b=null==(k=$.options)?void 0:k.map((e=>({...e,key:e.label}))))?b:[]);const{filterState:x,setChecked:I,setSort:j}=function(e,t,l={}){const{stateMap:o,setChecked:s,setSort:i}=v(e);return{filterState:o.set(t,o.get(t)||{options:[],checked:l.checked||[],sortStatus:l.sortStatus||null}).get(t),setChecked:s,setSort:i}}(o,l.field,$.filterDefaultValue);x.options=F;const P=null==(C=l.slots)?void 0:C.header,U=e({get:()=>x.sortStatus,set:e=>j({field:l.field,value:e,$table:u.value,emits:p})}),w=e({get:()=>x.checked,set:e=>I({field:l.field,value:e,$table:u.value,emits:p})}),D=e((()=>x.options));l.slots={...l.slots,header:e=>t(f,{payload:e,options:D.value,sortable:E,checked:w.value,"onUpdate:checked":e=>w.value=e,sortStatus:U.value,"onUpdate:sortStatus":e=>U.value=e},{header:()=>r(P)?P(e):P})}})),l))),o.setupHooks.setup.tap(m,(e=>{l((()=>e.value.uuid&&h(e.value.uuid)))})),o.exposeHooks.expose.tap(m,((e,t,{$table:l,emits:o})=>({...e,getFilterState(e){if(!t.value.uuid)return;const{stateMap:l}=v(t.value.uuid),o=l.get(e);return o&&{checked:[...o.checked],sortStatus:o.sortStatus}},setFilterState(e,s){if(!t.value.uuid)return;const{setChecked:i,setSort:r}=v(t.value.uuid);Reflect.has(s,"sortStatus")&&r({field:e,value:s.sortStatus,$table:l.value,emits:o}),a(s.checked)&&i({field:e,value:s.checked,$table:l.value,emits:o})}})))}})}export{m as filterPlugin};

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

@@ -1,47 +1 @@
-import * as index from './anchorPlugin/index.js';
-import * as index$1 from './defaultConfigPlugin/index.js';
-import * as index$2 from './filterPlugin/index.js';
-import * as index$3 from './keyboardEventPlugin/index.js';
-import * as index$4 from './lowCodeFieldAdaptorPlugin/index.js';
-import * as index$5 from './rendererPlugins/editableWidgets/dateRendererPlugin/index.js';
-import * as inputRendererPlugin from './rendererPlugins/editableWidgets/inputRendererPlugin.js';
-import * as numberRendererPlugin from './rendererPlugins/editableWidgets/numberRendererPlugin.js';
-import * as index$6 from './rendererPlugins/editableWidgets/selectRendererPlugin/index.js';
-import * as index$7 from './rendererPlugins/editableWidgets/separateRendererPlugin/index.js';
-import * as timeRendererPlugin from './rendererPlugins/editableWidgets/timeRendererPlugin.js';
-import * as checkRendererPlugin from './rendererPlugins/widgets/checkRendererPlugin.js';
-import * as colorRendererPlugin from './rendererPlugins/widgets/colorRendererPlugin.js';
-import * as defaultRendererPlugin from './rendererPlugins/widgets/defaultRendererPlugin.js';
-import * as labelRendererPlugin from './rendererPlugins/widgets/labelRendererPlugin.js';
-import * as pictureRendererPlugin from './rendererPlugins/widgets/pictureRendererPlugin.js';
-import * as seqRendererPlugin from './rendererPlugins/widgets/seqRendererPlugin.js';
-import * as index$8 from './rowClickPlugin/index.js';
-import * as index$9 from './rowGroupSettingPlugin/index.js';
-import * as index$a from './virtualTreePlugin/index.js';
-import { separateMetaModule } from '../../../../shared/utils/index.js';
-
-const modules = Object.assign({
-  "./anchorPlugin/index.tsx": index,
-  "./defaultConfigPlugin/index.ts": index$1,
-  "./filterPlugin/index.tsx": index$2,
-  "./keyboardEventPlugin/index.ts": index$3,
-  "./lowCodeFieldAdaptorPlugin/index.tsx": index$4,
-  "./rendererPlugins/editableWidgets/dateRendererPlugin/index.tsx": index$5,
-  "./rendererPlugins/editableWidgets/inputRendererPlugin.tsx": inputRendererPlugin,
-  "./rendererPlugins/editableWidgets/numberRendererPlugin.tsx": numberRendererPlugin,
-  "./rendererPlugins/editableWidgets/selectRendererPlugin/index.tsx": index$6,
-  "./rendererPlugins/editableWidgets/separateRendererPlugin/index.tsx": index$7,
-  "./rendererPlugins/editableWidgets/timeRendererPlugin.tsx": timeRendererPlugin,
-  "./rendererPlugins/widgets/checkRendererPlugin.tsx": checkRendererPlugin,
-  "./rendererPlugins/widgets/colorRendererPlugin.tsx": colorRendererPlugin,
-  "./rendererPlugins/widgets/defaultRendererPlugin.tsx": defaultRendererPlugin,
-  "./rendererPlugins/widgets/labelRendererPlugin.tsx": labelRendererPlugin,
-  "./rendererPlugins/widgets/pictureRendererPlugin.tsx": pictureRendererPlugin,
-  "./rendererPlugins/widgets/seqRendererPlugin.tsx": seqRendererPlugin,
-  "./rowClickPlugin/index.ts": index$8,
-  "./rowGroupSettingPlugin/index.ts": index$9,
-  "./virtualTreePlugin/index.ts": index$a
-});
-var PluginPresets = separateMetaModule(modules);
-
-export { PluginPresets as default };
+import*as e from"./anchorPlugin/index.js";import*as r from"./defaultConfigPlugin/index.js";import*as i from"./filterPlugin/index.js";import*as n from"./keyboardEventPlugin/index.js";import*as d from"./lowCodeFieldAdaptorPlugin/index.js";import*as s from"./rendererPlugins/editableWidgets/dateRendererPlugin/index.js";import*as t from"./rendererPlugins/editableWidgets/inputRendererPlugin.js";import*as l from"./rendererPlugins/editableWidgets/numberRendererPlugin.js";import*as g from"./rendererPlugins/editableWidgets/selectRendererPlugin/index.js";import*as u from"./rendererPlugins/editableWidgets/separateRendererPlugin/index.js";import*as o from"./rendererPlugins/editableWidgets/timeRendererPlugin.js";import*as P from"./rendererPlugins/widgets/checkRendererPlugin.js";import*as a from"./rendererPlugins/widgets/colorRendererPlugin.js";import*as m from"./rendererPlugins/widgets/defaultRendererPlugin.js";import*as x from"./rendererPlugins/widgets/labelRendererPlugin.js";import*as p from"./rendererPlugins/widgets/pictureRendererPlugin.js";import*as f from"./rendererPlugins/widgets/seqRendererPlugin.js";import*as R from"./rowClickPlugin/index.js";import*as j from"./rowGroupSettingPlugin/index.js";import*as b from"./virtualTreePlugin/index.js";import{separateMetaModule as w}from"../../../../shared/utils/index.js";var c=w(Object.assign({"./anchorPlugin/index.tsx":e,"./defaultConfigPlugin/index.ts":r,"./filterPlugin/index.tsx":i,"./keyboardEventPlugin/index.ts":n,"./lowCodeFieldAdaptorPlugin/index.tsx":d,"./rendererPlugins/editableWidgets/dateRendererPlugin/index.tsx":s,"./rendererPlugins/editableWidgets/inputRendererPlugin.tsx":t,"./rendererPlugins/editableWidgets/numberRendererPlugin.tsx":l,"./rendererPlugins/editableWidgets/selectRendererPlugin/index.tsx":g,"./rendererPlugins/editableWidgets/separateRendererPlugin/index.tsx":u,"./rendererPlugins/editableWidgets/timeRendererPlugin.tsx":o,"./rendererPlugins/widgets/checkRendererPlugin.tsx":P,"./rendererPlugins/widgets/colorRendererPlugin.tsx":a,"./rendererPlugins/widgets/defaultRendererPlugin.tsx":m,"./rendererPlugins/widgets/labelRendererPlugin.tsx":x,"./rendererPlugins/widgets/pictureRendererPlugin.tsx":p,"./rendererPlugins/widgets/seqRendererPlugin.tsx":f,"./rowClickPlugin/index.ts":R,"./rowGroupSettingPlugin/index.ts":j,"./virtualTreePlugin/index.ts":b}));export{c as default};

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

@@ -1,30 +1 @@
-import { targetStringIncludes } from '../../../../../shared/utils/index.js';
-import { promiseTimeout } from '@vueuse/shared';
-import '../../../index.js';
-import { defineTablePlugin } from '../../hooks/useTablePlugin.js';
-
-function keyboardEventPlugin() {
-  const pluginName = "keyboardEventPlugin";
-  return defineTablePlugin({
-    name: pluginName,
-    apply(hooks) {
-      hooks.eventHooks.onKeydown.tap(pluginName, async ({ $event, $table }, _, { emits }) => {
-        await promiseTimeout(0);
-        const { row, column } = $table.getSelectedCell() || $table.getEditRecord() || {};
-        if (!row || !column)
-          return;
-        const key = $event.key;
-        !targetStringIncludes(["Arrow", "Escape", "Control", "Shift", "Alt", "Meta"], key) && await $table.setEditCell(row, column);
-        emits("keyboard", {
-          key,
-          index: $table.getRowIndex(row),
-          value: row[column.field],
-          row,
-          column
-        });
-      });
-    }
-  });
-}
-
-export { keyboardEventPlugin };
+import{targetStringIncludes as e}from"../../../../../shared/utils/index.js";import{promiseTimeout as t}from"@vueuse/shared";import"../../../index.js";import{defineTablePlugin as o}from"../../hooks/useTablePlugin.js";function n(){const n="keyboardEventPlugin";return o({name:n,apply(o){o.eventHooks.onKeydown.tap(n,(async({$event:o,$table:n},r,{emits:i})=>{await t(0);const{row:a,column:l}=n.getSelectedCell()||n.getEditRecord()||{};if(!a||!l)return;const s=o.key;!e(["Arrow","Escape","Control","Shift","Alt","Meta"],s)&&await n.setEditCell(a,l),i("keyboard",{key:s,index:n.getRowIndex(a),value:a[l.field],row:a,column:l})}))}})}export{n as keyboardEventPlugin};