@whitesev/pops 3.2.0 → 3.2.2

package/src/PopsCSS.ts

@@ -1,54 +1,54 @@
-import indexCSS from "./css/index.css";
-import ninePalaceGridPositionCSS from "./css/ninePalaceGridPosition.css";
-import scrollbarCSS from "./css/scrollbar.css";
-import buttonCSS from "./css/button.css";
-import commonCSS from "./css/common.css";
-import animCSS from "./css/animation.css";
-import alertCSS from "./components/alert/index.css";
-import confirmCSS from "./components/confirm/index.css";
-import promptCSS from "./components/prompt/index.css";
-import loadingCSS from "./components/loading/index.css";
-import iframeCSS from "./components/iframe/index.css";
-import tooltipCSS from "./components/tooltip/index.css";
-import drawerCSS from "./components/drawer/index.css";
-import folderCSS from "./components/folder/index.css";
-import panelCSS from "./components/panel/index.css";
-import rightClickMenuCSS from "./components/rightClickMenu/index.css";
-import panelComponents_Select_CSS from "./components/panel/css/components-select.css";
-
-export const PopsCSS = {
-  /** 主CSS */
-  index: indexCSS,
-  /** 九宫格位置CSS */
-  ninePalaceGridPosition: ninePalaceGridPositionCSS,
-  /** 滚动条CSS */
-  scrollbar: scrollbarCSS,
-  /** 按钮CSS */
-  button: buttonCSS,
-  /** 通用的CSS */
-  common: commonCSS,
-  /** 动画 */
-  anim: animCSS,
-  /** pops.alert */
-  alertCSS: alertCSS,
-  /** pops.cponfirm */
-  confirmCSS: confirmCSS,
-  /** pops.prompt */
-  promptCSS: promptCSS,
-  /** pops.loading */
-  loadingCSS: loadingCSS,
-  /** pops.iframe */
-  iframeCSS: iframeCSS,
-  /** pops.tooltip */
-  tooltipCSS: tooltipCSS,
-  /** pops.drawer */
-  drawerCSS: drawerCSS,
-  /** pops.folder */
-  folderCSS: folderCSS,
-  /** pops.panel */
-  panelCSS: panelCSS,
-  /** pops.rightClickMenu */
-  rightClickMenu: rightClickMenuCSS,
-  /** pops.panel的select组件 */
-  panelComponents_Select: panelComponents_Select_CSS,
-};
+import indexCSS from "./css/index.css";
+import ninePalaceGridPositionCSS from "./css/ninePalaceGridPosition.css";
+import scrollbarCSS from "./css/scrollbar.css";
+import buttonCSS from "./css/button.css";
+import commonCSS from "./css/common.css";
+import animCSS from "./css/animation.css";
+import alertCSS from "./components/alert/index.css";
+import confirmCSS from "./components/confirm/index.css";
+import promptCSS from "./components/prompt/index.css";
+import loadingCSS from "./components/loading/index.css";
+import iframeCSS from "./components/iframe/index.css";
+import tooltipCSS from "./components/tooltip/index.css";
+import drawerCSS from "./components/drawer/index.css";
+import folderCSS from "./components/folder/index.css";
+import panelCSS from "./components/panel/index.css";
+import rightClickMenuCSS from "./components/rightClickMenu/index.css";
+import panelComponents_Select_CSS from "./components/panel/css/components-select.css";
+
+export const PopsCSS = {
+  /** 主CSS */
+  index: indexCSS,
+  /** 九宫格位置CSS */
+  ninePalaceGridPosition: ninePalaceGridPositionCSS,
+  /** 滚动条CSS */
+  scrollbar: scrollbarCSS,
+  /** 按钮CSS */
+  button: buttonCSS,
+  /** 通用的CSS */
+  common: commonCSS,
+  /** 动画 */
+  anim: animCSS,
+  /** pops.alert */
+  alertCSS: alertCSS,
+  /** pops.cponfirm */
+  confirmCSS: confirmCSS,
+  /** pops.prompt */
+  promptCSS: promptCSS,
+  /** pops.loading */
+  loadingCSS: loadingCSS,
+  /** pops.iframe */
+  iframeCSS: iframeCSS,
+  /** pops.tooltip */
+  tooltipCSS: tooltipCSS,
+  /** pops.drawer */
+  drawerCSS: drawerCSS,
+  /** pops.folder */
+  folderCSS: folderCSS,
+  /** pops.panel */
+  panelCSS: panelCSS,
+  /** pops.rightClickMenu */
+  rightClickMenu: rightClickMenuCSS,
+  /** pops.panel的select组件 */
+  panelComponents_Select: panelComponents_Select_CSS,
+};

package/src/PopsCore.ts

@@ -1,37 +1,37 @@
-const PopsCoreDefaultEnv = {
-  document: document,
-  window: window,
-  globalThis: globalThis,
-  self: self,
-};
-
-const PopsCoreEnv = Object.assign({}, PopsCoreDefaultEnv);
-
-const PopsCore = {
-  init(option?: typeof PopsCoreDefaultEnv) {
-    if (!option) {
-      option = Object.assign({}, PopsCoreDefaultEnv);
-    }
-    Object.assign(PopsCoreEnv, option);
-  },
-  get document() {
-    return PopsCoreEnv.document;
-  },
-  get window() {
-    return PopsCoreEnv.window;
-  },
-  get globalThis() {
-    return PopsCoreEnv.globalThis;
-  },
-  get self() {
-    return PopsCoreEnv.self;
-  },
-};
-
-const OriginPrototype = {
-  Object: {
-    defineProperty: Object.defineProperty,
-  },
-};
-
-export { PopsCore, OriginPrototype };
+const PopsCoreDefaultEnv = {
+  document: document,
+  window: window,
+  globalThis: globalThis,
+  self: self,
+};
+
+const PopsCoreEnv = Object.assign({}, PopsCoreDefaultEnv);
+
+const PopsCore = {
+  init(option?: typeof PopsCoreDefaultEnv) {
+    if (!option) {
+      option = Object.assign({}, PopsCoreDefaultEnv);
+    }
+    Object.assign(PopsCoreEnv, option);
+  },
+  get document() {
+    return PopsCoreEnv.document;
+  },
+  get window() {
+    return PopsCoreEnv.window;
+  },
+  get globalThis() {
+    return PopsCoreEnv.globalThis;
+  },
+  get self() {
+    return PopsCoreEnv.self;
+  },
+};
+
+const OriginPrototype = {
+  Object: {
+    defineProperty: Object.defineProperty,
+  },
+};
+
+export { PopsCore, OriginPrototype };

package/src/PopsIcon.ts

@@ -1,95 +1,95 @@
-import type { PopsIconType } from "./types/icon";
-import SVG_min from "./svg/min.svg";
-import SVG_mise from "./svg/mise.svg";
-import SVG_max from "./svg/max.svg";
-import SVG_close from "./svg/close.svg";
-import SVG_edit from "./svg/edit.svg";
-import SVG_share from "./svg/share.svg";
-import SVG_delete from "./svg/delete.svg";
-import SVG_search from "./svg/search.svg";
-import SVG_upload from "./svg/upload.svg";
-import SVG_loading from "./svg/loading.svg";
-import SVG_next from "./svg/next.svg";
-import SVG_prev from "./svg/prev.svg";
-import SVG_eleme from "./svg/eleme.svg";
-import SVG_elemePlus from "./svg/elemePlus.svg";
-import SVG_chromeFilled from "./svg/chromeFilled.svg";
-import SVG_cpu from "./svg/cpu.svg";
-import SVG_videoPlay from "./svg/videoPlay.svg";
-import SVG_videoPause from "./svg/videoPause.svg";
-import SVG_headset from "./svg/headset.svg";
-import SVG_monitor from "./svg/monitor.svg";
-import SVG_documentCopy from "./svg/documentCopy.svg";
-import SVG_picture from "./svg/picture.svg";
-import SVG_circleClose from "./svg/circleClose.svg";
-import SVG_view from "./svg/view.svg";
-import SVG_hide from "./svg/hide.svg";
-import SVG_keyboard from "./svg/keyboard.svg";
-import SVG_arrowRight from "./svg/arrowRight.svg";
-import SVG_arrowLeft from "./svg/arrowLeft.svg";
-
-const PopsIconData: {
-  [key in PopsIconType]: string;
-} = {
-  min: SVG_min,
-  mise: SVG_mise,
-  max: SVG_max,
-  close: SVG_close,
-  edit: SVG_edit,
-  share: SVG_share,
-  delete: SVG_delete,
-  search: SVG_search,
-  upload: SVG_upload,
-  loading: SVG_loading,
-  next: SVG_next,
-  prev: SVG_prev,
-  eleme: SVG_eleme,
-  elemePlus: SVG_elemePlus,
-  chromeFilled: SVG_chromeFilled,
-  cpu: SVG_cpu,
-  videoPlay: SVG_videoPlay,
-  videoPause: SVG_videoPause,
-  headset: SVG_headset,
-  monitor: SVG_monitor,
-  documentCopy: SVG_documentCopy,
-  picture: SVG_picture,
-  circleClose: SVG_circleClose,
-  view: SVG_view,
-  hide: SVG_hide,
-  keyboard: SVG_keyboard,
-  arrowRight: SVG_arrowRight,
-  arrowLeft: SVG_arrowLeft,
-};
-
-export const PopsIcon = {
-  $data: PopsIconData,
-  /**
-   * 判断是否存在某个icon
-   * @param iconName 图标名
-   */
-  hasIcon(iconName: string) {
-    return Object.keys(PopsIcon.$data).includes(iconName);
-  },
-  /**
-   * 获取icon
-   * @param iconName 图标名
-   */
-  getIcon(iconName: string): string | null {
-    return PopsIcon.$data[iconName as keyof typeof this.$data];
-  },
-  /**
-   * 删除图标
-   * @param iconName 图标名
-   */
-  deleteIcon(iconName: string) {
-    return Reflect.deleteProperty(PopsIcon.$data, iconName);
-  },
-  /**
-   * 设置图标
-   * @param iconName 图标名
-   * @param iconHTML 图标html
-   */
-  setIcon(iconName: string, iconHTML: string) {
-    Reflect.set(PopsIcon.$data, iconName, iconHTML);
-  },
-};
+import type { PopsIconType } from "./types/icon";
+import SVG_min from "./svg/min.svg";
+import SVG_mise from "./svg/mise.svg";
+import SVG_max from "./svg/max.svg";
+import SVG_close from "./svg/close.svg";
+import SVG_edit from "./svg/edit.svg";
+import SVG_share from "./svg/share.svg";
+import SVG_delete from "./svg/delete.svg";
+import SVG_search from "./svg/search.svg";
+import SVG_upload from "./svg/upload.svg";
+import SVG_loading from "./svg/loading.svg";
+import SVG_next from "./svg/next.svg";
+import SVG_prev from "./svg/prev.svg";
+import SVG_eleme from "./svg/eleme.svg";
+import SVG_elemePlus from "./svg/elemePlus.svg";
+import SVG_chromeFilled from "./svg/chromeFilled.svg";
+import SVG_cpu from "./svg/cpu.svg";
+import SVG_videoPlay from "./svg/videoPlay.svg";
+import SVG_videoPause from "./svg/videoPause.svg";
+import SVG_headset from "./svg/headset.svg";
+import SVG_monitor from "./svg/monitor.svg";
+import SVG_documentCopy from "./svg/documentCopy.svg";
+import SVG_picture from "./svg/picture.svg";
+import SVG_circleClose from "./svg/circleClose.svg";
+import SVG_view from "./svg/view.svg";
+import SVG_hide from "./svg/hide.svg";
+import SVG_keyboard from "./svg/keyboard.svg";
+import SVG_arrowRight from "./svg/arrowRight.svg";
+import SVG_arrowLeft from "./svg/arrowLeft.svg";
+
+const PopsIconData: {
+  [key in PopsIconType]: string;
+} = {
+  min: SVG_min,
+  mise: SVG_mise,
+  max: SVG_max,
+  close: SVG_close,
+  edit: SVG_edit,
+  share: SVG_share,
+  delete: SVG_delete,
+  search: SVG_search,
+  upload: SVG_upload,
+  loading: SVG_loading,
+  next: SVG_next,
+  prev: SVG_prev,
+  eleme: SVG_eleme,
+  elemePlus: SVG_elemePlus,
+  chromeFilled: SVG_chromeFilled,
+  cpu: SVG_cpu,
+  videoPlay: SVG_videoPlay,
+  videoPause: SVG_videoPause,
+  headset: SVG_headset,
+  monitor: SVG_monitor,
+  documentCopy: SVG_documentCopy,
+  picture: SVG_picture,
+  circleClose: SVG_circleClose,
+  view: SVG_view,
+  hide: SVG_hide,
+  keyboard: SVG_keyboard,
+  arrowRight: SVG_arrowRight,
+  arrowLeft: SVG_arrowLeft,
+};
+
+export const PopsIcon = {
+  $data: PopsIconData,
+  /**
+   * 判断是否存在某个icon
+   * @param iconName 图标名
+   */
+  hasIcon(iconName: string) {
+    return Object.keys(PopsIcon.$data).includes(iconName);
+  },
+  /**
+   * 获取icon
+   * @param iconName 图标名
+   */
+  getIcon(iconName: string): string | null {
+    return PopsIcon.$data[iconName as keyof typeof this.$data];
+  },
+  /**
+   * 删除图标
+   * @param iconName 图标名
+   */
+  deleteIcon(iconName: string) {
+    return Reflect.deleteProperty(PopsIcon.$data, iconName);
+  },
+  /**
+   * 设置图标
+   * @param iconName 图标名
+   * @param iconHTML 图标html
+   */
+  setIcon(iconName: string, iconHTML: string) {
+    Reflect.set(PopsIcon.$data, iconName, iconHTML);
+  },
+};

package/src/PopsInst.ts

@@ -1,21 +1,21 @@
-import type { PopsInstGeneralConfig } from "./types/inst";
-import type { PopsInstStoreType } from "./types/main";
-
-/**
- * 弹窗实例数据
- */
-export const PopsInstData: {
-  [key in PopsInstStoreType]: PopsInstGeneralConfig[];
-} = {
-  alert: [],
-  confirm: [],
-  drawer: [],
-  folder: [],
-  iframe: [],
-  loading: [],
-  panel: [],
-  prompt: [],
-  rightClickMenu: [],
-  // 没有 searchSuggestion
-  tooltip: [],
-};
+import type { PopsInstGeneralConfig } from "./types/inst";
+import type { PopsInstStoreType } from "./types/main";
+
+/**
+ * 弹窗实例数据
+ */
+export const PopsInstData: {
+  [key in PopsInstStoreType]: PopsInstGeneralConfig[];
+} = {
+  alert: [],
+  confirm: [],
+  drawer: [],
+  folder: [],
+  iframe: [],
+  loading: [],
+  panel: [],
+  prompt: [],
+  rightClickMenu: [],
+  // 没有 searchSuggestion
+  tooltip: [],
+};

package/src/components/alert/defaultConfig.ts

@@ -1,62 +1,62 @@
-import type { PopsAlertConfig } from "./types";
-
-export const PopsAlertDefaultConfig = (): DeepRequired<PopsAlertConfig> => {
-  return {
-    title: {
-      text: "默认标题",
-      position: "left",
-      html: false,
-      style: "",
-    },
-    content: {
-      text: "默认内容",
-      html: false,
-      style: "",
-    },
-    btn: {
-      position: "flex-end",
-      ok: {
-        size: void 0 as any,
-        enable: true,
-        icon: void 0 as any,
-        rightIcon: false,
-        iconIsLoading: false,
-        text: "确定",
-        type: "primary",
-        callback: function (eventConfig) {
-          eventConfig.close();
-        },
-      },
-      close: {
-        enable: true,
-        callback: function (eventConfig) {
-          eventConfig.close();
-        },
-      },
-    },
-    useShadowRoot: true,
-    class: "",
-    only: false,
-    width: window.innerWidth < 550 ? "88vw" : "350px",
-    height: window.innerHeight < 450 ? "70vh" : "200px",
-    position: "center",
-    animation: "pops-anim-fadein-zoom",
-    zIndex: 10000,
-    mask: {
-      enable: false,
-      clickEvent: {
-        toClose: false,
-        toHide: false,
-      },
-      clickCallBack: null,
-    },
-    drag: false,
-    dragLimit: true,
-    dragExtraDistance: 3,
-    dragMoveCallBack() {},
-    dragEndCallBack() {},
-    forbiddenScroll: false,
-    style: null,
-    beforeAppendToPageCallBack() {},
-  } as DeepRequired<PopsAlertConfig>;
-};
+import type { PopsAlertConfig } from "./types";
+
+export const PopsAlertDefaultConfig = (): DeepRequired<PopsAlertConfig> => {
+  return {
+    title: {
+      text: "默认标题",
+      position: "left",
+      html: false,
+      style: "",
+    },
+    content: {
+      text: "默认内容",
+      html: false,
+      style: "",
+    },
+    btn: {
+      position: "flex-end",
+      ok: {
+        size: void 0 as any,
+        enable: true,
+        icon: void 0 as any,
+        rightIcon: false,
+        iconIsLoading: false,
+        text: "确定",
+        type: "primary",
+        callback: function (eventConfig) {
+          eventConfig.close();
+        },
+      },
+      close: {
+        enable: true,
+        callback: function (eventConfig) {
+          eventConfig.close();
+        },
+      },
+    },
+    useShadowRoot: true,
+    class: "",
+    only: false,
+    width: window.innerWidth < 550 ? "88vw" : "350px",
+    height: window.innerHeight < 450 ? "70vh" : "200px",
+    position: "center",
+    animation: "pops-anim-fadein-zoom",
+    zIndex: 10000,
+    mask: {
+      enable: false,
+      clickEvent: {
+        toClose: false,
+        toHide: false,
+      },
+      clickCallBack: null,
+    },
+    drag: false,
+    dragLimit: true,
+    dragExtraDistance: 3,
+    dragMoveCallBack() {},
+    dragEndCallBack() {},
+    forbiddenScroll: false,
+    style: null,
+    beforeAppendToPageCallBack() {},
+  } as DeepRequired<PopsAlertConfig>;
+};