plain-design 1.0.0-beta.98 → 3.0.0

package/src/packages/utils/OpenController.ts

@@ -1,4 +1,4 @@
-import {inject, provide} from "plain-design-composition";
+import {inject, provide} from "@peryl/react-compose";
 
 export const OpenController = (() => {
 

package/src/packages/utils/constant.tsx

@@ -1,4 +1,4 @@
-import {createEnum} from "plain-utils/utils/createEnum";
+import {createEnum} from "@peryl/utils/createEnum";
 
 export const CheckboxStatus = createEnum(['uncheck', 'check', 'minus'] as const);
 

package/src/packages/utils/createDraggier.ts

@@ -1,11 +1,11 @@
-import {iMouseEvent, iTouchEvent} from "plain-design-composition";
+import {iMouseEvent, iTouchEvent} from "@peryl/react-compose";
 import {MouseEvent, TouchEvent} from "react";
-import {deepcopy} from "plain-utils/object/deepcopy";
-import {doNothing} from "plain-utils/utils/doNothing";
-import {createEffects, iEffects} from "plain-utils/utils/createEffects";
-import {addWindowListener} from "plain-utils/dom/addWindowListener";
-import {disabledUserSelect} from "plain-utils/dom/disabledUserSelect";
-import {enableUserSelect} from "plain-utils/dom/enableUserSelect";
+import {deepcopy} from "@peryl/utils/deepcopy";
+import {doNothing} from "@peryl/utils/doNothing";
+import {createEffects, iEffects} from "@peryl/utils/createEffects";
+import {addWindowListener} from "@peryl/utils/addWindowListener";
+import {disabledUserSelect} from "@peryl/utils/disabledUserSelect";
+import {enableUserSelect} from "@peryl/utils/enableUserSelect";
 
 /**
  * 拖拽时调用回调函数的数据类型

package/src/packages/utils/createFlagManager.ts

@@ -3,7 +3,7 @@
  * @author  韦胜健
  * @date    2020/11/27 11:38
  */
-import {reactive, UnwrapRef} from "plain-design-composition";
+import {reactive, UnwrapRef} from "@peryl/react-compose";
 
 export function createFlagManager<T = boolean>() {
   return {

package/src/packages/utils/findReactElement.tsx

@@ -1,6 +1,6 @@
 import {ReactNode} from "react";
 import {isElement, isFragment} from 'react-is';
-import {RenderNode} from "plain-design-composition";
+import {RenderNode} from "@peryl/react-compose";
 
 type FindRenderNode = Exclude<ReactNode, string | number | null | undefined | void | boolean>
 

package/src/packages/utils/getDeviceInfo.ts

@@ -1,4 +1,4 @@
-import {createEnum} from "plain-utils/utils/createEnum";
+import {createEnum} from "@peryl/utils/createEnum";
 import {isSSR} from "./isSSR";
 
 export const eDeviceType = createEnum(['mobile', 'tablet', 'desktop'] as const);

package/src/packages/utils/getRowEl.ts

@@ -3,8 +3,8 @@
  * @author  韦胜健
  * @date    2020/8/19 23:55
  */
-import {hasClass} from "plain-utils/dom/hasClass";
-import {iMouseEvent} from "plain-design-composition";
+import {hasClass} from "@peryl/utils/hasClass";
+import {iMouseEvent} from "@peryl/react-compose";
 
 /**
  * 节点位置信息

package/src/packages/utils/incrementalMerge.ts

@@ -1,4 +1,4 @@
-import {PlainObject} from "plain-utils/utils/event";
+import {PlainObject} from "@peryl/utils/event";
 
 export function incrementalMerge(sourceObject: PlainObject, newObject: PlainObject) {
   return Object.keys({ ...sourceObject, ...newObject }).reduce((prev, key) => {

package/src/packages/utils/inheritSlots.ts

@@ -1,4 +1,4 @@
-import {RenderNode} from "plain-design-composition";
+import {RenderNode} from "@peryl/react-compose";
 
 export function inheritSlots<
   Slots extends Record<string, (() => RenderNode) & { isExist: () => boolean }>,
@@ -24,5 +24,7 @@ export function inheritSlots<
   !!slots && Object.keys(slots).forEach((k: keyof Slots) => {if (slots[k].isExist()) {ret[k] = () => slots[k]();}});
   !!scopeSlots && Object.keys(scopeSlots).forEach((k: keyof ScopeSlots) => {if (scopeSlots[k].isExist()) {ret[k] = (...args: any[]) => scopeSlots[k](...args);}});
 
+  if (!Object.keys(ret).length) {return undefined;}
+
   return ret;
 }

package/src/packages/utils/installAllIcons.ts

@@ -1,19 +1,20 @@
-// @ts-ignore
-import allIcons from 'plain-icons/dist/icons.js';
-// @ts-ignore
-import {Icon} from 'plain-design';
-
-/**
- * 一次性加载所有的图标
- * @author  韦胜健
- * @date    2023.2.25 13:25
- */
-export function installAllIcon() {
-  Icon.PlainIcon.options.props.getIcon.default = (icon: string) => {
-    const iconMeta = (allIcons as any)[icon];
-    if (!iconMeta) {
-      throw new Error(`getIcon: can't find icon match ${icon}`);
-    }
-    return iconMeta;
-  };
-}
+// @ts-ignore
+import allIcons from '@peryl/icon/dist/icons.js';
+// @ts-ignore
+import {Icon} from 'plain-design';
+
+/**
+ * 一次性加载所有的图标
+ * @author  韦胜健
+ * @date    2023.2.25 13:25
+ */
+export function installAllIcon() {
+  Icon.PlainIcon.options.props.getIcon.default = (icon: string) => {
+    const iconMeta = (allIcons as any)[icon];
+    if (!iconMeta) {
+      console.warn(`getIcon: can't find icon match ${icon}`);
+      return document.createElement('div');
+    }
+    return iconMeta;
+  };
+}

package/src/packages/utils/installAllLazyIcons.ts

@@ -8,7 +8,7 @@ import {Icon} from 'plain-design';
  */
 export function installAllLazyIcons() {
   Icon.PlainIcon.props.getIcon.default = async (icon: string) => {
-    const iconMeta = (await import('plain-icons/dist/es/' + icon + '.js')).default;
+    const iconMeta = (await import('@peryl/icon/dist/es/' + icon + '.js')).default;
     if (!iconMeta) {
       throw new Error(`getIcon: can't find icon match ${icon}`);
     }

package/src/packages/utils/isObjectCommonMatch.ts

@@ -1,4 +1,4 @@
-import {PropType} from 'plain-design-composition';
+import {PropType} from '@peryl/react-compose';
 
 export type iIsMatchParam = { option: any; value: any };
 export type iIsMatch = (param: iIsMatchParam) => boolean;

package/src/packages/utils/onParentElementsScroll.tsx

@@ -1,5 +1,5 @@
-import {SimpleFunction} from "plain-design-composition";
-import {doNothing} from "plain-utils/utils/doNothing";
+import {SimpleFunction} from "@peryl/react-compose";
+import {doNothing} from "@peryl/utils/doNothing";
 
 /**
  * 监听某个父节点滚动动作

package/src/packages/utils/plainDate.ts

@@ -4,7 +4,7 @@ import WeekYear from 'dayjs/plugin/weekYear';
 import WeekOfYear from 'dayjs/plugin/weekOfYear';
 import AdvanceFormat from 'dayjs/plugin/advancedFormat';
 import 'dayjs/locale/de';
-import {zeroize} from "plain-utils/string/zeroize";
+import {zeroize} from "@peryl/utils/zeroize";
 
 DayJs.locale('de');
 DayJs.extend(Format);

package/src/packages/utils/useMove.tsx

@@ -1,6 +1,6 @@
-import {createEffects} from "plain-utils/utils/createEffects";
-import {watch} from "plain-design-composition";
-import {removeUnit} from "plain-utils/string/removeUnit";
+import {createEffects} from "@peryl/utils/createEffects";
+import {watch} from "@peryl/react-compose";
+import {removeUnit} from "@peryl/utils/removeUnit";
 import {ClientZoom} from "../components/ClientZoom";
 
 export function useMove(

package/src/packages/utils/watchEffectAutoClear.ts

@@ -1,5 +1,5 @@
-import {onBeforeUnmount, watch} from "plain-design-composition";
-import {createEffects} from "plain-utils/utils/createEffects";
+import {onBeforeUnmount, watch} from "@peryl/react-compose";
+import {createEffects} from "@peryl/utils/createEffects";
 
 /**
  * watch函数封装，支持清理副作用

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

@@ -1,214 +0,0 @@
-import {iKeyboardEvent} from "plain-design-composition";
-
-export enum KEY {
-  'shift' = 'shift',
-  'ctrl' = 'ctrl',
-  'alt' = 'alt',
-  'backspace' = 'backspace',
-  'tab' = 'tab',
-  'enter' = 'enter',
-  'esc' = 'esc',
-  'space' = 'space',
-  'del' = 'del',
-  'left' = 'left',
-  'up' = 'up',
-  'right' = 'right',
-  'down' = 'down',
-  'minus' = 'minus',
-  'equal' = 'equal',
-  'num_0' = 'num_0',
-  'num_1' = 'num_1',
-  'num_2' = 'num_2',
-  'num_3' = 'num_3',
-  'num_4' = 'num_4',
-  'num_5' = 'num_5',
-  'num_6' = 'num_6',
-  'num_7' = 'num_7',
-  'num_8' = 'num_8',
-  'num_9' = 'num_9',
-  'a' = 'a',
-  'b' = 'b',
-  'c' = 'c',
-  'd' = 'd',
-  'e' = 'e',
-  'f' = 'f',
-  'g' = 'g',
-  'h' = 'h',
-  'i' = 'i',
-  'j' = 'j',
-  'k' = 'k',
-  'l' = 'l',
-  'm' = 'm',
-  'n' = 'n',
-  'o' = 'o',
-  'p' = 'p',
-  'q' = 'q',
-  'r' = 'r',
-  's' = 's',
-  't' = 't',
-  'u' = 'u',
-  'v' = 'v',
-  'w' = 'w',
-  'x' = 'x',
-  'y' = 'y',
-  'z' = 'z',
-  'F1' = 'F1',
-  'F2' = 'F2',
-  'F3' = 'F3',
-  'F4' = 'F4',
-  'F5' = 'F5',
-  'F6' = 'F6',
-  'F7' = 'F7',
-  'F8' = 'F8',
-  'F9' = 'F9',
-  'F10' = 'F10',
-  'F11' = 'F11',
-  'F12' = 'F12',
-}
-
-export const KeyBoardMap = {
-  16: 'shift',
-  17: 'ctrl',
-  18: 'alt',
-
-  8: 'backspace',
-  9: 'tab',
-  13: 'enter',
-  27: 'esc',
-  32: 'space',
-  46: 'del',
-
-  37: 'left',
-  38: 'up',
-  39: 'right',
-  40: 'down',
-
-  189: 'minus',
-  187: 'equal',
-
-  48: 'num_0',
-  49: 'num_1',
-  50: 'num_2',
-  51: 'num_3',
-  52: 'num_4',
-  53: 'num_5',
-  54: 'num_6',
-  55: 'num_7',
-  56: 'num_8',
-  57: 'num_9',
-
-  65: 'a',
-  66: 'b',
-  67: 'c',
-  68: 'd',
-  69: 'e',
-  70: 'f',
-  71: 'g',
-  72: 'h',
-  73: 'i',
-  74: 'j',
-  75: 'k',
-
-  76: 'l',
-  77: 'm',
-  78: 'n',
-  79: 'o',
-  80: 'p',
-  81: 'q',
-  82: 'r',
-  83: 's',
-  84: 't',
-  85: 'u',
-  86: 'v',
-  87: 'w',
-  88: 'x',
-  89: 'y',
-  90: 'z',
-
-  112: 'F1',
-  113: 'F2',
-  114: 'F3',
-  115: 'F4',
-  116: 'F5',
-  117: 'F6',
-  118: 'F7',
-  119: 'F8',
-  120: 'F9',
-  121: 'F10',
-  122: 'F11',
-  123: 'F12',
-};
-
-export function getKey(e: KeyboardEvent | iKeyboardEvent): KEY | null {
-  // @ts-ignore
-  let key = KeyBoardMap[e.keyCode] as KEY;
-  if (!!KEY[key]) {
-    return KEY[key];
-  } else {
-    /*if (e.keyCode !== 229) {
-        console.warn(`Can't recognise key`, e)
-    }*/
-    return null;
-  }
-}
-
-export class KeyboardServiceOption {
-  [key: string]: (e?: KeyboardEvent) => (void | undefined | boolean)
-}
-
-export const KeyboardService = {
-  options: [] as KeyboardServiceOption[],
-  /*订阅点击事件*/
-  listen(option: KeyboardServiceOption) {
-    if (!option) return () => {};
-    this.options.push(option);
-    return () => void KeyboardService.unbindListener(option);
-  },
-  /*取消订阅事件*/
-  unbindListener(option: KeyboardServiceOption) {
-    let index = this.options.indexOf(option);
-    if (index > -1) {
-      this.options.splice(index, 1);
-    }
-  },
-  /*取消当前激活的元素*/
-  cancelActiveElement() {
-    const activeElement = document.activeElement as HTMLElement;
-    if (!!activeElement) activeElement.blur();
-    return activeElement;
-  },
-  /*处理window的点击事件*/
-  _onkeydown(e: KeyboardEvent) {
-    if (e.currentTarget !== e.target) return;
-    const names = [] as string[];
-    (e.metaKey || e.ctrlKey) && names.push('ctrl');
-    e.shiftKey && names.push('shift');
-    e.altKey && names.push('alt');
-    // @ts-ignore
-    names.push(KeyBoardMap[e.keyCode]);
-    const compositionKeyName = names.join('+');
-
-    const option = this.options[this.options.length - 1];
-    if (!!option && !!option[compositionKeyName]) {
-      const flag = option[compositionKeyName](e);
-      /*默认阻止事件冒泡*/
-      if (flag !== false) {
-        e.stopPropagation();
-        e.preventDefault();
-      }
-    }
-  },
-};
-
-export function handleKeyboard(option: { [key in KEY]?: (e: KeyboardEvent) => any }) {
-  return (e: KeyboardEvent | iKeyboardEvent) => {
-    const key = getKey(e);
-    if (!!key && !!option[key]) {
-      return option[key]!(e as any);
-    }
-  };
-}
-
-document.body.addEventListener('keydown', e => KeyboardService._onkeydown(e));
-
-export default KeyboardService;

package/src/packages/components/ThemeDarkSelector/theme-dark-selector.scss

@@ -1,5 +0,0 @@
-@include comp(theme-dark-selector) {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}

package/src/packages/components/ThemeLocaleSelector/theme-locale-selector.scss

@@ -1,5 +0,0 @@
-@include comp(theme-locale-selector) {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}

package/src/packages/components/ThemeShapeSelector/theme-shape-selector.scss

@@ -1,5 +0,0 @@
-@include comp(theme-shape-selector) {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}

package/src/packages/components/ThemeSizeSelector/theme-size-selector.scss

@@ -1,5 +0,0 @@
-@include comp(theme-size-selector) {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}

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

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

package/src/packages/utils/createProvider.tsx

@@ -1,35 +0,0 @@
-import {designComponent, inject, PropType, provide} from "plain-design-composition";
-
-interface iInjection<T> {
-  (): T,
-
-  <D>(data: D): T | D,
-}
-
-export function createProvider<T>(provideKey: string) {
-
-  const Provider = designComponent({
-    props: {
-      value: { type: Object as PropType<T>, required: true }
-    },
-    slots: ['default'],
-    setup({ props, slots }) {
-      // @ts-ignore
-      !!props.value && provide(provideKey, props.value);
-      return () => slots.default();
-    },
-  });
-
-  return {
-    provideKey,
-    Provider,
-    provide: (context: T) => {
-      provide(provideKey, context);
-    },
-    inject: ((defaultData?: any) => inject(provideKey, defaultData)) as iInjection<T>,
-  };
-}
-
-// const AppProvider = createProvider<HTMLDivElement>('@@APP_PROVIDER');
-// const a = AppProvider.inject();           // HTMLDivElement，注入不到东西会报错
-// const b = AppProvider.inject(null);       // HTMLDivElement|null，注入不到东西会返回默认值