@whitesev/pops 2.4.6 → 2.5.0

package/src/config/CommonCSSClassName.ts

@@ -0,0 +1,17 @@
+/**
+ * 通用的CSS类名
+ */
+export const PopsCommonCSSClassName = {
+  flexCenter: "pops-flex-items-center",
+  flexYCenter: "pops-flex-y-center",
+  flexXCenter: "pops-flex-x-center",
+  hide: "pops-hide",
+  hideImportant: "pops-hide-important",
+  noBorder: "pops-no-border",
+  noBorderImportant: "pops-no-border-important",
+  userSelectNone: "pops-user-select-none",
+  lineHeightCenter: "pops-line-height-center",
+  widthFill: "pops-width-fill",
+  textIsDisabled: "pops-text-is-disabled",
+  textIsDisabledImportant: "pops-text-is-disabled-important",
+};

package/src/config/GlobalConfig.ts

@@ -0,0 +1,63 @@
+import type { PopsCommonConfig, PopsDragConfig } from "../types/components";
+
+type EnterReturnType<T> = null | T | (() => T);
+
+type GlobalConfigOption = {
+  style?: EnterReturnType<string>;
+  zIndex?: EnterReturnType<number> | EnterReturnType<string>;
+} & Partial<PopsCommonConfig> &
+  Partial<PopsDragConfig>;
+
+type ResultGlobalConfigOption<T> = T extends null | undefined ? never : T extends (...args: any) => infer R ? R : T;
+
+export const GlobalConfig = {
+  config: {} as GlobalConfigOption,
+  /**
+   * 为所有弹窗设置全局属性
+   */
+  setGlobalConfig(config: GlobalConfigOption) {
+    Reflect.ownKeys(config).forEach((keyName) => {
+      Reflect.set(GlobalConfig.config, keyName, Reflect.get(config, keyName));
+    });
+  },
+  /**
+   * 获取全局配置
+   */
+  getGlobalConfig() {
+    const result: {
+      [P in keyof GlobalConfigOption]: ResultGlobalConfigOption<GlobalConfigOption[P]>;
+    } = {};
+    Object.keys(GlobalConfig.config).forEach((keyName) => {
+      const configValue = Reflect.get(GlobalConfig.config, keyName);
+      if (keyName === "style") {
+        // 设置style属性
+        const style = configValue == null ? "" : typeof configValue === "function" ? configValue() : configValue;
+
+        if (typeof style === "string") {
+          result.style = style;
+        }
+      } else if (keyName === "zIndex") {
+        // 设置zIndex属性
+        let zIndex = configValue == null ? "" : typeof configValue === "function" ? configValue() : configValue;
+        if (typeof zIndex === "string") {
+          const newIndex = (zIndex = Number(zIndex));
+          if (!isNaN(newIndex)) {
+            result.zIndex = newIndex;
+          }
+        } else {
+          if (!isNaN(zIndex)) {
+            result.zIndex = zIndex;
+          }
+        }
+      } else if (keyName === "mask") {
+        const mask = GlobalConfig.config.mask == null ? {} : GlobalConfig.config.mask;
+        if (typeof mask === "object" && mask != null) {
+          result.mask = mask;
+        }
+      } else {
+        Reflect.set(result, keyName, configValue);
+      }
+    });
+    return result;
+  },
+};