plain-design 1.0.0-beta.130 → 1.0.0-beta.132

package/src/packages/components/usePopup/trigger/useManagerTrigger.clickOutside.tsx

@@ -1,6 +1,5 @@
 import {iPopupManager} from "../utils/popup.utils";
 import {onBeforeUnmount, onMounted} from "@peryl/react-compose";
-import {throttle} from "@peryl/utils/throttle";
 
 /**
  * 处理点击页面任何元素的时候检查是否触发了某个popup的click outside动作
@@ -13,28 +12,24 @@ export function useManagerTriggerClickOutside({ hooks }: iPopupManager) {
    * @author  韦胜健
    * @date    2023/5/16 16:23
    */
-  const onClick = throttle(
-    (e: MouseEvent) => {
-      const el = e.target as HTMLElement;
-      const list = hooks.onGetPopupElements.exec([]);
-      list.forEach(i => {
-        const { option, popupEl } = i();
-        const { reference } = option;
-        if (!popupEl) {return;}
-        if (reference.contains(el)) {
-          /*点击了reference*/
-          return;
-        }
-        if (popupEl.contains(el)) {
-          /*点击了popup*/
-          return;
-        }
-        hooks.onTriggerOutsideClick.exec({ e, option });
-      });
-    },
-    100,
-    { trailing: false }
-  );
+  const onClick = (e: MouseEvent) => {
+    const el = e.target as HTMLElement;
+    const list = hooks.onGetPopupElements.exec([]);
+    list.forEach(i => {
+      const { option, popupEl } = i();
+      const { reference } = option;
+      if (!popupEl) {return;}
+      if (reference.contains(el)) {
+        /*点击了reference*/
+        return;
+      }
+      if (popupEl.contains(el)) {
+        /*点击了popup*/
+        return;
+      }
+      hooks.onTriggerOutsideClick.exec({ e, option });
+    });
+  }
   onMounted(() => {
     window.addEventListener('mouseup', onClick, true);
   });

package/src/packages/components/useTableFilter/index.ts

@@ -0,0 +1,73 @@
+import {TableOptionSpace} from "../AutoTable/utils/TableOption.space";
+import {computed, reactive, RenderNode} from "@peryl/react-compose";
+import {iFilterQueryParam} from "../FilterService/utils/filter.service.utils";
+
+export function useTableFilter<T>(
+  {
+    modelValue,
+    option,
+    defaultValue,
+    display,
+    handleClickTip,
+    handleClear,
+    getQueryParam,
+    noClear,
+  }: {
+    option: TableOptionSpace.iTableOption,
+    display: (val: T) => RenderNode,
+    getQueryParam: (val: T) => iFilterQueryParam,
+    modelValue?: { set: (newVal: T | null) => void, get: () => T | null },
+    defaultValue?: T,
+    handleClickTip?: (val: T) => void,
+    handleClear?: (val: T) => void,
+    noClear?: boolean,
+  }) {
+
+  const model = (() => {
+    const _modelValue = modelValue || (() => {
+      const state = reactive({ value: defaultValue });
+      return { get: (): T | null => state.value as any, set: (newVal: T | null) => {state.value = newVal as any;} };
+    })();
+    return {
+      get: () => _modelValue.get(),
+      set: (newVal: T | null) => {_modelValue.set(newVal);}
+    };
+  })();
+
+  const clear = (val: T) => {
+    if (noClear) {return;}
+    !!handleClear ? handleClear(val) : model.set(null);
+  };
+
+  const tips = computed((): TableOptionSpace.iTableOptionTipMeta | null => {
+    const val = model.get();
+    if (val == null) {return null;}
+    return {
+      noClear,
+      display: () => display(val),
+      onClear: () => {
+        clear(val);
+        reload();
+      },
+      onClick: () => {handleClickTip?.(val);},
+    };
+  });
+
+  option.hooks.onClearFilter.use(() => {
+    const val = model.get();
+    if (val == null) {return;}
+    clear(val);
+  });
+
+  option.hooks.onTips.use((list) => {!!tips.value && list.unshift(tips.value);});
+
+  option.hooks.onQueryParam.use(async () => {
+    const val = model.get();
+    if (val == null) {return;}
+    return getQueryParam(val);
+  });
+
+  const reload = () => option.methods.pageMethods.reload();
+
+  return { model, reload };
+}

package/src/packages/entry.tsx

@@ -16,6 +16,8 @@ export {useDialog} from "./components/useDialog";
 export {$dialog} from "./components/$dialog";
 export {List} from "./components/List";
 // export {Item} from "./components/Item";
+export {ListPanel} from './components/ListPanel';
+export {ListOption} from './components/ListOption';
 export {useMessage} from "./components/useMessage";
 export {$message} from "./components/$message";
 export {useNotice} from "./components/useNotice";
@@ -131,6 +133,8 @@ export {Paragraph} from './components/Paragraph';
 export {ParagraphItem} from './components/ParagraphItem';
 export {ImagePreviewer} from './components/ImagePreviewer/ImagePreviewer';
 export {Corner} from './components/Corner';
+export {useContextmenuOptions} from './components/useContextmenuOptions';
+export type {iContextmenuOption} from './components/useContextmenuOptions';
 
 export {VirtualTable} from './components/VirtualTable';
 export {Table} from './components/Table';
@@ -284,6 +288,8 @@ export {createWebDraggier} from './components/createWebDraggier';
 export {createScrollDraggier} from './components/createScrollDraggier';
 export {loadFile} from './components/loadFile';
 export {getDeviceInfo, clearDeviceInfo, eDeviceType} from './utils/getDeviceInfo';
+export {useTableFilter} from './components/useTableFilter';
+export {createSimpleDate} from './components/createSimpleDate';
 
 // @ts-ignore
 setComponentPrefix(globalComponentPrefix);