plain-design 1.0.0-beta.1 → 1.0.0-beta.100

package/src/packages/components/usePopup/popup-item.scss

@@ -12,7 +12,10 @@
 
 @include comp(popup-item) {
 
-  --#{componentName('popup-item-background')}: #{plv(background-lite)};
+  --#{componentName('background-color')}: #{plv(bg-4)};
+  --#{componentName('table-head-background')}: #{plv(bg-4)};
+
+  --#{componentName('popup-item-background')}: #{plv(bg-4)};
 
   position: fixed;
   filter: drop-shadow(0 0 2px #c8c8c8);
@@ -97,21 +100,26 @@
 
   &.popup-item-is-dark {
     --#{componentName('popup-item-background')}: rgba(0, 0, 0, 0.88);
-    color: white;
+    color: plv(pbfc);
     filter: none;
   }
 
   &.popup-item-dark-app {
-    filter: drop-shadow(0 0 0.5px plv(secondary-6));
+    filter: drop-shadow(0 0 16px var(--custom-bg-1));
   }
 
   &.popup-item-no-background {
     --#{componentName('popup-item-background')}: transparent !important;
+    filter: none !important;
   }
 
   &.popup-item-no-border {
     filter: none !important;
   }
+
+  &.popup-item-no-interactive {
+    pointer-events: none;
+  }
   /*---------------------------------------animation-------------------------------------------*/
 
   &.popup-item-animation-fade {
@@ -218,4 +226,27 @@
     @include whenShow {.popup-item-body{transform: initial}}
     /*@formatter:on*/
   }
+
+  &.popup-item-animation-clip {
+    /*@formatter:off*/
+    &,& .popup-item-content {transition: all ease 200ms;}
+    &[data-direction=top] {
+      @include whenShow { opacity: 1; .popup-item-content { clip-path: polygon(-0% 0,100% 0,100% 100%,-0% 100%); } }
+      @include whenNotShow { opacity: 0; .popup-item-content { clip-path: polygon(-0% 100%,100% 100%,100% 100%,-0% 100%); } }
+    }
+    &[data-direction=bottom] {
+      @include whenShow { opacity: 1; .popup-item-content { clip-path: polygon(-0% 0,100% 0,100% 100%,-0% 100%); } }
+      @include whenNotShow { opacity: 0; .popup-item-content { clip-path: polygon(-0% 0,100% 0,100% 0,-0% 0); } }
+    }
+    &[data-direction=left] {
+      @include whenShow { opacity: 1; .popup-item-content { clip-path: polygon(100% 0,100% 100%,-0% 100%,-0% 0%); } }
+      @include whenNotShow { opacity: 0; .popup-item-content { clip-path: polygon(100% 0%,100% 100%,100% 100%,100% 0%); } }
+    }
+    &[data-direction=right] {
+      @include whenShow { opacity: 1; .popup-item-content { clip-path: polygon(0% 0,0% 100%,100% 100%,100% 0%); } }
+      @include whenNotShow { opacity: 0; .popup-item-content { clip-path: polygon(0% 0%,0% 100%,0% 100%,0% 0%); } }
+    }
+    /*@formatter:on*/
+  }
 }
+

package/src/packages/components/usePopup/refresh/MaxMinTopLeft.ts

@@ -0,0 +1,38 @@
+import {iPopupRefreshBuildParams} from "../utils/popup.utils";
+
+export function MaxMinTopLeft(
+  {
+    top,
+    left,
+    buildParams,
+    option,
+  }: {
+    top: number,
+    left: number,
+    buildParams: iPopupRefreshBuildParams,
+    option: {
+      maxTop?: number | ((buildParams: iPopupRefreshBuildParams) => number),
+      minTop?: number | ((buildParams: iPopupRefreshBuildParams) => number),
+      maxLeft?: number | ((buildParams: iPopupRefreshBuildParams) => number),
+      minLeft?: number | ((buildParams: iPopupRefreshBuildParams) => number),
+    }
+  }
+): { top: number, left: number } {
+  if (option.maxTop != null) {
+    const maxTop = typeof option.maxTop === "function" ? option.maxTop(buildParams) : option.maxTop;
+    if (top > maxTop) {top = maxTop;}
+  }
+  if (option.minTop != null) {
+    const minTop = typeof option.minTop === "function" ? option.minTop(buildParams) : option.minTop;
+    if (top < minTop) {top = minTop;}
+  }
+  if (option.maxLeft != null) {
+    const maxLeft = typeof option.maxLeft === "function" ? option.maxLeft(buildParams) : option.maxLeft;
+    if (left > maxLeft) {left = maxLeft;}
+  }
+  if (option.minLeft != null) {
+    const minLeft = typeof option.minLeft === "function" ? option.minLeft(buildParams) : option.minLeft;
+    if (left < minLeft) {left = minLeft;}
+  }
+  return { top, left };
+}

package/src/packages/components/usePopup/refresh/calcPosition.ts

@@ -1,5 +1,6 @@
 import {iPopupRefreshBuildParams} from "../utils/popup.utils";
 import {handleDirection} from "../utils/handleDirection";
+import {MaxMinTopLeft} from "./MaxMinTopLeft";
 
 /**
  * 计算popup根节点定位信息
@@ -7,13 +8,15 @@ import {handleDirection} from "../utils/handleDirection";
  * @date    2023/5/16 16:16
  */
 export function calcPosition(
-  {
+  buildParams: iPopupRefreshBuildParams
+): { top: number, left: number } {
+
+  const {
     direction,
     align,
     rects,
     option
-  }: iPopupRefreshBuildParams
-) {
+  } = buildParams;
 
   let top: number | null = null;
   let left: number | null = null;
@@ -81,5 +84,5 @@ export function calcPosition(
     if (left > maxLeft) {left = maxLeft;}
   }
 
-  return { top: top!, left: left! };
+  return MaxMinTopLeft({ top: top!, left: left!, buildParams, option, });
 }

package/src/packages/components/usePopup/refresh/refreshPopup.ts

@@ -5,6 +5,7 @@ import {calcPosition} from "./calcPosition";
 import {applyPosition} from "./applyPosition";
 import {refreshArrow} from "./refreshArrow";
 import {getRects} from "../utils/getRects";
+import {MaxMinTopLeft} from "./MaxMinTopLeft";
 
 /**
  * 刷新popup定位
@@ -64,7 +65,8 @@ export function refreshPopup(params: iPopupRefreshParams) {
     buildParams.rects = getRects(refs);
     refreshArrow(buildParams);
   } else {
-    const { top, left, height, width } = rects.alignReference;
+    const { top: _top, left: _left, height, width } = rects.alignReference;
+    const { top, left } = MaxMinTopLeft({ top: _top!, left: _left!, buildParams, option, });
     Object.assign(refs.popupEl.style, {
       ...params.transformLocation ? { transform: `translate3d(${left}px,${top}px,0)` } : { top: `${top}px`, left: `${left}px`, },
       height: `${height}px`,

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

@@ -36,9 +36,9 @@ export function useManagerTriggerClickOutside({ hooks }: iPopupManager) {
     { trailing: false }
   );
   onMounted(() => {
-    window.addEventListener('click', onClick, true);
+    window.addEventListener('mouseup', onClick, true);
   });
   onBeforeUnmount(() => {
-    window.removeEventListener('click', onClick, true);
+    window.removeEventListener('mouseup', onClick, true);
   });
 }

package/src/packages/components/usePopup/usePopup.tsx

@@ -1,6 +1,7 @@
 import {PopupManager} from "./usePopupManager";
 import {iPopupManager, iPopupUseOption, nextPopupId} from "./utils/popup.utils";
 import {onBeforeUnmount, SimpleFunction} from "plain-design-composition";
+import {toArray} from "plain-utils/utils/toArray";
 
 export function usePopup() {
   const popupId = nextPopupId();
@@ -20,8 +21,21 @@ export function createPopup(onBeforeUnmount?: (handler: SimpleFunction) => void)
 
 export function _createPopup(popupManager: iPopupManager) {
 
+  /*记录操作过的popup id，在销毁的时候将这些popup option在manager中全部注销*/
   const idMap = {} as Record<string, boolean>;
 
+  const hide: typeof popupManager.methods.hide = (ids) => {
+    toArray(ids).forEach(id => idMap[id] = true);
+    return popupManager.methods.hide(ids);
+  };
+  const update: typeof popupManager.methods.update = (option) => {
+    idMap[option.id] = true;
+    return popupManager.methods.update(option);
+  };
+  const refresh: typeof popupManager.methods.refresh = (option) => {
+    idMap[option.id] = true;
+    return popupManager.methods.refresh(option);
+  };
   const show: typeof popupManager.methods.show = (useOption) => {
     const data = popupManager.methods.show(useOption);
     idMap[data.option.id] = true;
@@ -29,23 +43,25 @@ export function _createPopup(popupManager: iPopupManager) {
   };
   const toggle = (option: iPopupUseOption) => {
     if (popupManager.methods.isShow(option)) {
-      $popup.hide(option.id);
+      hide(option.id);
     } else {
       show(option);
     }
   };
-  const absolute: typeof popupManager.methods.absolute = (absluteOption) => {
-    const data = popupManager.methods.absolute(absluteOption);
+  const absolute: typeof popupManager.methods.absolute = (absoluteOption) => {
+    const data = popupManager.methods.absolute(absoluteOption);
     idMap[data.option.id] = true;
     return data;
   };
-  const dispose = () => {Object.keys(idMap).forEach(id => {popupManager.methods.remove(id);});};
+  const dispose = () => {
+    Object.keys(idMap).forEach(id => {popupManager.methods.remove(id);});
+  };
 
   const $popup = {
     manager: popupManager,
-    hide: popupManager.methods.hide,
-    update: popupManager.methods.update,
-    refresh: popupManager.methods.refresh,
+    hide,
+    update,
+    refresh,
     show,
     toggle,
     dispose,

package/src/packages/components/usePopup/usePopupManager.tsx

@@ -62,7 +62,8 @@ export function usePopupManager({ getSize }: { getSize: () => typeof ThemeSize.T
         trigger: ePopupTrigger.hover,
         animation: ePopupAnimation.fade,
         destroyOnClose: true,
-        to: 'body',
+        appendToBody: true,
+        transformRefreshOnScroll: true,
         offset: 0,
         offsetAlign: 0,
         autoSwitchDirection: true,

package/src/packages/components/usePopup/utils/popup.utils.ts

@@ -43,7 +43,7 @@ export type iPopupTrigger = typeof ePopupTrigger.TYPE
  * @author  韦胜健
  * @date    2023.5.13 22:11
  */
-export const ePopupAnimation = createEnum(['fade', 'drop', 'scale', 'scale-y', 'slide'] as const);
+export const ePopupAnimation = createEnum(['fade', 'drop', 'scale', 'scale-y', 'slide', 'clip'] as const);
 export type iPopupAnimation = typeof ePopupAnimation.TYPE
 
 /*---------------------------------------popup utils-------------------------------------------*/
@@ -62,7 +62,8 @@ export interface iPopupDefaultOption {
   trigger: iPopupTrigger,                     // 触发类型
   animation: iPopupAnimation,                 // 动画类型
   destroyOnClose: boolean,                    // 关闭的时候销毁popup
-  to: string,                                 // 挂载到某个dom节点下
+  appendToBody: boolean,                      // 挂载到某个dom节点下
+  transformRefreshOnScroll: boolean,          // scroll的时候refresh使用transform来优化
   offset: number,                             // 在direction方向上的距离
   offsetAlign: number,                        // 在align方向上的偏移距离
   autoSwitchDirection: boolean,               // 当空间不够时，是否自动切换direction
@@ -96,6 +97,10 @@ export interface iPopupCustomOption {
   minHeight?: string | number,                // 最小高度
   width?: string | number,                    // 固定宽度
   height?: string | number,                   // 固定高度
+  maxTop?: number | ((param: iPopupRefreshBuildParams) => number),// 最大top值
+  minTop?: number | ((param: iPopupRefreshBuildParams) => number),// 最小top值
+  maxLeft?: number | ((param: iPopupRefreshBuildParams) => number),// 最大left值
+  minLeft?: number | ((param: iPopupRefreshBuildParams) => number),// 最小left值
   noBackground?: boolean,                     // 禁用背景色
   noTransition?: boolean,                     // 禁用过度动画
   cover?: boolean,                            // 覆盖reference

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

@@ -0,0 +1,5 @@
+import {usePopupManager} from "../usePopup/usePopupManager";
+
+export default usePopupManager;
+
+export {usePopupManager};

package/src/packages/components/usePopupTrigger/index.tsx

@@ -0,0 +1,5 @@
+import {usePopupTrigger} from '../usePopup/trigger/usePopupTrigger';
+
+export default usePopupTrigger;
+
+export {usePopupTrigger};

package/src/packages/components/useReferenceTrigger/index.tsx

@@ -0,0 +1,5 @@
+import {useReferenceTrigger} from '../usePopup/trigger/useReferenceTrigger';
+
+export default useReferenceTrigger;
+
+export {useReferenceTrigger};

package/src/packages/components/useTooltip/index.tsx

@@ -2,6 +2,7 @@ import {createEffects} from 'plain-utils/utils/createEffects';
 import {getComponentCls, nextTick, onBeforeUnmount, reactive, watch} from "plain-design-composition";
 import {iPopupService, usePopup} from "../usePopup/usePopup";
 import {iPopupUseOption} from "../usePopup/utils/popup.utils";
+import {delay} from "plain-utils/utils/delay";
 
 /**
  * 提供两种用法，第一种实时地创建tooltip
@@ -46,6 +47,8 @@ export function createTooltip(option: iTooltipServiceOption, popup: iPopupServic
         if (option.overflow) {
           if (staticState.reference!.scrollWidth > staticState.reference!.offsetWidth) {
             state.isOverflow = true;
+          } else {
+            state.isOverflow = false;
           }
         }
       },
@@ -125,6 +128,9 @@ export function createTooltip(option: iTooltipServiceOption, popup: iPopupServic
           if (reference == null || message == null || (typeof message === "string" && !message.trim().length)) {
             return false;
           }
+          if (option.alwaysShow) {
+            return true;
+          }
           if (!state.isEnter) {
             return false;
           }
@@ -142,12 +148,15 @@ export function createTooltip(option: iTooltipServiceOption, popup: iPopupServic
         },
       )
     );
-    const close = () => popup.$popup.hide(popup.popupId);
+    const close = () => {delay(23).then(() => {popup.$popup.hide(popup.popupId);});};
     effects.push(close);
     return { close };
   })();
 
-  const clear = () => {effects.clear();};
+  const clear = () => {
+    effects.clear();
+    popup.dispose();
+  };
 
   return { referenceEnterHandler, tooltipHandler, clear };
 }
@@ -162,11 +171,15 @@ export function createTooltip(option: iTooltipServiceOption, popup: iPopupServic
 export function useTooltip(option: iTooltipServiceOption) {
   const popup = usePopup();
   const val = createTooltip(option, popup);
-  onBeforeUnmount(() => {val.clear();});
+  onBeforeUnmount(() => {
+    val.clear();
+    popup.dispose();
+  });
   return val;
 }
 
 export interface iTooltipServiceOption {
+  alwaysShow?: boolean,
   /*传递给tooltip的水星*/
   tooltip: () => Omit<iPopupUseOption, 'id' | 'reference' | 'render'> & { reference: HTMLElement | null | undefined, message: any },
   /*是否在文本溢出时才会显示消息*/

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

@@ -0,0 +1,5 @@
+import {useWatchAutoClear} from "../../utils/watchEffectAutoClear";
+
+export {useWatchAutoClear};
+
+export default useWatchAutoClear;

package/src/packages/directives/ResizeDetector/index.tsx

@@ -13,7 +13,7 @@ export interface ResizeDetectFuncParam {
 
 export interface ResizeDetectFunc {(option: ResizeDetectFuncParam): void;}
 
-function createResizeDetector(el: HTMLElement, callback: ResizeDetectFunc) {
+function createResizeDetector(el: HTMLElement, callback: ResizeDetectFunc, mutateOption?: MutationObserverInit) {
 
   const state = {
     observer: undefined as undefined | MutationObserver,
@@ -44,6 +44,7 @@ function createResizeDetector(el: HTMLElement, callback: ResizeDetectFunc) {
       ret.oldHeight = state.height;
       state.height = height;
     }
+
     runCallback(ret);
   };
 
@@ -57,7 +58,11 @@ function createResizeDetector(el: HTMLElement, callback: ResizeDetectFunc) {
   const init = () => {
     if (!el) {return console.error(`el is ${typeof el}`);}
     state.observer = new MutationObserver(detect);
-    state.observer.observe(el, { childList: true, subtree: true });
+    state.observer.observe(el, {
+      childList: true,
+      subtree: true,
+      ...mutateOption,
+    });
     // const {width, height} = el.getBoundingClientRect()
     const { scrollHeight, scrollWidth } = el;
     state.width = scrollWidth;
@@ -79,9 +84,11 @@ export function useResizeDetector(
   {
     elGetter,
     onResize,
+    mutateOption,
   }: {
     elGetter: () => HTMLElement | undefined | null,
     onResize: ResizeDetectFunc,
+    mutateOption?: MutationObserverInit,
   }) {
 
   const state = { resizeDetector: null as null | ResizeDetector, };
@@ -90,7 +97,7 @@ export function useResizeDetector(
     await delay(0);
     if (!!state.resizeDetector) {state.resizeDetector.destroy();}
     state.resizeDetector = null;
-    !!el && (state.resizeDetector = createResizeDetector(el, onResize));
+    !!el && (state.resizeDetector = createResizeDetector(el, onResize, mutateOption));
   }, { immediate: true });
 
   !!state.resizeDetector && state.resizeDetector.detect();

package/src/packages/entry.tsx

@@ -1,4 +1,5 @@
 import {setComponentPrefix} from "plain-design-composition";
+import packageJson from '../../package.json';
 
 export {Application} from "./components/Application";
 export type {iApplicationConfiguration} from './components/Application/utils/application.utils';
@@ -27,13 +28,14 @@ export {RadioGroup} from "./components/RadioGroup";
 export {DropdownOption} from "./components/DropdownOption";
 export {Dropdown} from "./components/Dropdown";
 export {DropdownGroup} from "./components/DropdownGroup";
+export {DropdownSeparator} from "./components/DropdownSeparator";
 export {VirtualList} from "./components/VirtualList";
 export {Segment} from "./components/Segment";
 export {SegmentGroup} from "./components/SegmentGroup";
 export {InputGroup} from "./components/InputGroup";
 export {Card} from "./components/Card";
+export {CarouselItem} from "./components/CarouselItem";
 export {Carousel} from "./components/Carousel";
-export {CarouselGroup} from "./components/CarouselGroup";
 export {CollapseGroup} from "./components/CollapseGroup";
 export {Collapse} from "./components/Collapse";
 export {ProgressBar} from "./components/ProgressBar";
@@ -54,11 +56,13 @@ export {TabGroup} from './components/TabGroup';
 export {Tab} from './components/Tab';
 export {Tag} from './components/Tag';
 export {Tree} from './components/Tree';
+export {TreeNodeWithMenu} from './components/TreeNodeWithMenu';
 export {ColorPicker} from './components/ColorPicker';
 export {TimePicker} from './components/TimePicker';
 export {DatePicker} from './components/DatePicker';
 export {Select} from './components/Select';
 export {SelectOption} from './components/SelectOption';
+export {SelectGroup} from './components/SelectGroup';
 export {Form} from './components/Form';
 export {FormItem} from './components/FormItem';
 export {Cascade} from './components/Cascade';
@@ -70,6 +74,7 @@ export {ImageUploader} from './components/ImageUploader';
 export {Upload} from './components/Upload';
 export {$file} from './components/$file';
 export {$image} from './components/$image';
+export {$loading} from './components/$loading';
 export {useTooltip} from './components/useTooltip';
 export {i18n} from './components/i18n';
 export {KeepAlive} from './components/KeepAlive';
@@ -84,10 +89,44 @@ export type {FileServiceChooseFileConfig, FileServiceSingleFile, FileServiceUplo
 export {CascadePanel} from './components/CascadePanel';
 export {usePopup} from './components/usePopup';
 export {Popup} from './components/Popup';
+export {ConfirmPopup} from './components/ConfirmPopup';
 export {createPopup} from './components/createPopup';
+export type {
+  iPopupAlign,
+  iPopupAnimation,
+  iPopupBoundary,
+  iPopupCustomOption,
+  iPopupDefaultOption,
+  iPopupDirection,
+  iPopupManager,
+  iPopupOption,
+  iPopupPlacement,
+  iPopupRects,
+  iPopupRefreshBuildParams,
+  iPopupRefreshParams,
+  iPopupRefs,
+  iPopupTrigger,
+  iPopupUseOption,
+} from './components/usePopup/utils/popup.utils';
 export {createScrollUtils} from './components/createScrollUtils';
 export {useAutoScrollUtils} from './components/useAutoScrollUtils';
 export {ClientZoom} from './components/ClientZoom';
+export {Layout} from './components/Layout';
+export {LayoutSection} from './components/LayoutSection';
+export {$previewer} from './components/$previewer';
+export {StackCard} from './components/StackCard';
+export {StackCardItem} from './components/StackCardItem';
+export {SortList} from './components/SortList';
+export {Space} from './components/Space';
+export {Box} from './components/Box';
+export {PageCard} from './components/PageCard';
+export {PageCardTitle} from './components/PageCardTitle';
+export {PageCardContent} from './components/PageCardContent';
+export {RollingNumber} from './components/RollingNumber';
+export {Paragraph} from './components/Paragraph';
+export {ParagraphItem} from './components/ParagraphItem';
+export {ImagePreviewer} from './components/ImagePreviewer/ImagePreviewer';
+export {Corner} from './components/Corner';
 
 export {VirtualTable} from './components/VirtualTable';
 export {Table} from './components/Table';
@@ -123,16 +162,60 @@ export {PlcObject} from './components/PlcObject';
 export {Ov} from './components/Ov';
 export {PlcOv} from './components/PlcOv';
 export type {iOvMeta} from './components/$ov/ov.utils';
+export type {
+  tPlc,
+  tPlcType,
+  tPlcGroup,
+  tPlcPublicAttrsType,
+  iPlcEventType,
+  iPlcGroupPropsType,
+  iPlcPropsSourceType,
+  iPlcPropsProxyConfig,
+  iPlcPropsType
+} from './components/Table/plc/utils/plc.utils';
+export type {iTreeNode} from './components/TreeCore/createTreeNode';
+export type {
+  iTableOperation,
+  iTableInnerOperation,
+  iTableInnerOperationConfig,
+  iTableOperationPermitMetaConfig,
+  iTableOperationPermitData,
+  iTableOperationPermitMeta,
+  iTableOuterOperation,
+  iTableOuterOperationConfig,
+  iTableOperationPermitConfig
+} from './components/Table/standard/PlcOperation/PlcOperation.utils';
+export type {iTreeProps, iTreeState, iTreeKey2CheckStatus, iTreeKeyOrNode, iTreeNodeComputedData} from './components/TreeCore/TreeCore.type';
 
 export {$configuration} from './components/$configuration';
 export {createAddressService} from './components/createAddressService';
 export {createHttp} from './components/createHttp';
+export type {
+  iHttpRequestConfig,
+  iPlainResponseDataType,
+  iHttpResponseDataType
+} from './components/createHttp/http.utils';
+export type {
+  iSearchServiceCustomConfig,
+  iSearchServiceConfig,
+  iSearchServiceDefaultConfig,
+  iSearchDataMeta,
+  iSearchDataRender,
+} from './components/$search/search.utils';
+export {$search} from './components/$search';
 
 export {Address} from './components/Address';
 export {AddressCascade} from './components/AddressCascade';
 export {eAddressTypeEnum} from './components/$address/address.utils';
 export type {iAddressSyncMeta, iAddressLazyMeta} from './components/$address/address.utils';
 export type {iPlainAddressData} from './components/createPlainAddressService';
+export {Empty} from './components/Empty';
+export {ThemeColor} from './components/ThemeColor';
+export {ThemeColorSelector} from './components/ThemeColorSelector';
+export {ThemeLocaleSelector} from './components/ThemeLocaleSelector';
+export {ThemeDarkSelector} from './components/ThemeDarkSelector';
+export {ThemeSizeSelector} from './components/ThemeSizeSelector';
+export {ThemeShapeSelector} from './components/ThemeShapeSelector';
 
 export {FormInput} from './components/FormInput';
 export {FormSelect} from './components/FormSelect';
@@ -152,6 +235,19 @@ export {FormToggle} from './components/FormToggle';
 export {FilterFormSingle} from './components/FilterFormSingle';
 export {FilterFormMultiple} from './components/FilterFormMultiple';
 export {FilterService} from './components/FilterService';
+export type {
+  iValidateRule,
+  iValidateState,
+  iAnotherRule,
+  iFormItemValidatePropsType,
+  iFormValidatePropsType,
+  iRegistrationValidator,
+  iValidateResult,
+  iValidateValueGetter,
+  iValidationDisabledFields,
+  iValidationReadonlyFields,
+  iValidatorParam,
+} from './components/Form/validate/validate.utils';
 
 export {TableOptionUtils} from './components/TableOptionUtils';
 export {TableOptionSpace} from './components/TableOptionSpace';
@@ -162,5 +258,30 @@ export type {
   iTableOptionCacheRegistryConfig,
   iTableOptionGetCacheParam
 } from './components/AutoTable/use/useTableOption.cache.utils';
+export {PageThemeUtils, getPrimaryColor} from './components/PageThemeUtils';
+export {BaseColors, BaseGrayColors} from './components/Application/theme/theme';
+export {ThemePrimaryColors} from './components/ThemePrimaryColors';
+export {ThemeEditor} from './components/ThemeEditor';
+export {useReferenceTrigger} from './components/useReferenceTrigger';
+export {usePopupTrigger} from './components/usePopupTrigger';
+export {useWatchAutoClear} from './components/useWatchAutoClear';
+export {nextPopupId} from './components/nextPopupId';
+export {createProvider} from './components/createProvider';
+export {usePopupManager} from './components/usePopupManager';
+export {useEdit, EditProps, EDIT_PROVIDER} from './uses/useEdit';
+export type {tEditComputed, tEditControl, EditProvideData} from './uses/useEdit';
+export {useStyle, StyleProps, ThemeShape, ThemeSize, ThemeStatus, InputMode} from './uses/useStyle';
+export type {tStyleComputed, UseStyleProvideData} from './uses/useStyle';
+export {AutoLoadingObserver} from './components/AutoLoadingObserver';
+export {lighter, darken} from './utils/color.utils';
+export {createRequestInterceptor} from './components/createRequestInterceptor';
+export type{iRequestInterceptor} from './components/createRequestInterceptor';
+export {createVirtualDraggier} from './components/createVirtualDraggier';
+export {createWebDraggier} from './components/createWebDraggier';
+export {createScrollDraggier} from './components/createScrollDraggier';
+export {loadFile} from './components/loadFile';
 
+// @ts-ignore
 setComponentPrefix(globalComponentPrefix);
+
+export const version = packageJson.version;