@whitesev/pops 3.0.0 → 3.0.2

package/src/components/panel/types/components-selectMultiple.ts

@@ -35,9 +35,10 @@ export interface PopsPanelSelectMultipleDataOption<T> {
 /**
  * pops.panel的 select
  */
-export interface PopsPanelSelectMultipleConfig<T = any> extends PopsPanelGeneralConfig<PopsPanelSelectMultipleConfig> {
+export interface PopsPanelSelectMultipleConfig<T = any>
+  extends PopsPanelGeneralConfig<PopsPanelSelectMultipleConfig<T>> {
   /**
-   * 类型
+   * 组件类型
    */
   type: "select-multiple";
   /**
@@ -60,30 +61,20 @@ export interface PopsPanelSelectMultipleConfig<T = any> extends PopsPanelGeneral
    * 获取该项的值的回调函数
    */
   getValue(): T[];
-  /**
-   * 弹出的下拉列表弹窗的配置
-   */
-  selectConfirmDialogConfig?: Partial<PopsAlertConfig>;
   /**
    * 选择器的值改变触发的回调函数
-   * @param event 事件
-   * @param isSelectedValue 当前选中的值，也就是元素属性上的__value__
-   * @param isSelectedText 当前选中的文本
+   * @param isSelectedInfo 当前已选中的信息
    */
-  callback?(
-    /** 当前已选中的信息 */
-    isSelectedInfo: PopsPanelSelectMultipleDataOption<any>[]
-  ): void;
+  callback?(isSelectedInfo: PopsPanelSelectMultipleDataOption<T>[]): void;
   /**
    * 点击某个项的元素触发该回调
    * @param event 点击事件
-   * @param selectElement 当前的选中的元素
    * @returns 如果返回boolean为false，则不会触发默认的点击事件
    */
   clickCallBack?(
     event: PointerEvent | MouseEvent,
     /** 当前已选中的信息 */
-    isSelectedInfo: PopsPanelSelectMultipleDataOption<any>[]
+    isSelectedInfo: PopsPanelSelectMultipleDataOption<T>[]
   ): void | boolean;
   /**
    * 点击标签tag的关闭图标触发该回调
@@ -103,7 +94,11 @@ export interface PopsPanelSelectMultipleConfig<T = any> extends PopsPanelGeneral
     }
   ) => void | boolean;
   /**
-   * 选择器内的数据组
+   * 选择列表内的数据
    */
   data: PopsPanelSelectMultipleDataOption<T>[];
+  /**
+   * 弹出的下拉列表弹窗的配置
+   */
+  selectConfirmDialogConfig?: Partial<PopsAlertConfig>;
 }

package/src/components/panel/types/components-slider.ts

@@ -5,8 +5,7 @@ import type { PopsPanelGeneralConfig } from "./components-common";
  */
 export interface PopsPanelSliderConfig extends PopsPanelGeneralConfig<PopsPanelSliderConfig> {
   /**
-   * 类型
-   * @default "slider"
+   * 组件类型
    */
   type: "slider";
   /**
@@ -39,7 +38,7 @@ export interface PopsPanelSliderConfig extends PopsPanelGeneralConfig<PopsPanelS
   /**
    * 获取tooltip的提示内容，可自定义，默认为slider的值
    */
-  getToolTipContent?: (value: number) => string;
+  getToolTipContent?(value: number): string;
   /**
    * 滑块的最小值
    */

package/src/components/panel/types/components-switch.ts

@@ -5,7 +5,7 @@ import type { PopsPanelGeneralConfig } from "./components-common";
  */
 export interface PopsPanelSwitchConfig extends PopsPanelGeneralConfig<PopsPanelSwitchConfig> {
   /**
-   * 类型
+   * 组件类型
    */
   type: "switch";
   /**

package/src/components/panel/types/components-textarea.ts

@@ -5,7 +5,7 @@ import type { PopsPanelGeneralConfig } from "./components-common";
  */
 export interface PopsPanelTextAreaConfig extends PopsPanelGeneralConfig<PopsPanelTextAreaConfig> {
   /**
-   * 类型
+   * 组件类型
    */
   type: "textarea";
   /**

package/src/components/rightClickMenu/index.css

@@ -93,8 +93,8 @@ i.pops-rightClickMenu-icon[is-loading="true"] {
   margin: 5px 5px;
   border-radius: var(--pops-right-context-menu-row-bd-radius);
   display: flex;
-  width: -webkit-fill-available;
   width: -moz-available;
+  width: -webkit-fill-available;
   text-align: left;
   align-items: center;
   -webkit-user-select: none;

package/src/components/searchSuggestion/index.ts

@@ -46,7 +46,13 @@ export const PopsSearchSuggestion = {
       });
       $shadowRoot.appendChild($css);
     }
-
+    /**
+     * 监听器的默认配置
+     */
+    const defaultListenerOption: AddEventListenerOptions = {
+      capture: true,
+      passive: true,
+    };
     const SearchSuggestion = {
       /**
        * 当前的环境，可以是document，可以是shadowroot，默认是document
@@ -416,31 +422,16 @@ export const PopsSearchSuggestion = {
       },
       /**
        * 设置搜索建议框每一项的选中事件
-       * @param liElement
+       * @param $li 每一项元素
        */
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
-      setSearchItemSelectEvent(liElement: HTMLLIElement) {
-        // popsDOMUtils.on(
-        // 	liElement,
-        // 	"keyup",
-        // 	void 0,
-        // 	(event) => {
-        // 		let value = liElement["data-value"];
-        // 		config.selectCallBack(event, liElement, value);
-        // 	},
-        // 	{
-        // 		capture: true,
-        // 	}
-        // );
+      setSearchItemSelectEvent($li: HTMLLIElement) {
+        //  TODO
       },
       /**
        * 监听输入框内容改变
        */
-      setInputChangeEvent(
-        option: AddEventListenerOptions = {
-          capture: true,
-        }
-      ) {
+      setInputChangeEvent(option: AddEventListenerOptions = defaultListenerOption) {
         // 必须是input或者textarea才有input事件
         if (!(config.$inputTarget instanceof HTMLInputElement || config.$inputTarget instanceof HTMLTextAreaElement)) {
           return;
@@ -451,8 +442,7 @@ export const PopsSearchSuggestion = {
         // 内容改变事件
         const listenerHandler = popsDOMUtils.onInput(
           config.$inputTarget,
-          // eslint-disable-next-line @typescript-eslint/no-unused-vars
-          async (_event) => {
+          async () => {
             const data = SearchSuggestion.getData();
             const queryDataResult = await config.inputTargetChangeRefreshShowDataCallback(
               config.$inputTarget.value,
@@ -469,12 +459,7 @@ export const PopsSearchSuggestion = {
       /**
        * 移除输入框内容改变的监听
        */
-      removeInputChangeEvent(
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        option: AddEventListenerOptions = {
-          capture: true,
-        }
-      ) {
+      removeInputChangeEvent() {
         for (let index = 0; index < SearchSuggestion.$evt.offInputChangeEvtHandler.length; index++) {
           const handler = SearchSuggestion.$evt.offInputChangeEvtHandler[index];
           handler();
@@ -500,12 +485,7 @@ export const PopsSearchSuggestion = {
       /**
        * 设置显示搜索建议框的事件
        */
-      setShowEvent(
-        option: AddEventListenerOptions = {
-          capture: true,
-          passive: true,
-        }
-      ) {
+      setShowEvent(option: AddEventListenerOptions = defaultListenerOption) {
         /* 焦点|点击事件*/
         if (config.followPosition === "target") {
           popsDOMUtils.on([config.$target], ["focus", "click"], void 0, SearchSuggestion.showEvent, option);
@@ -520,12 +500,7 @@ export const PopsSearchSuggestion = {
       /**
        * 移除显示搜索建议框的事件
        */
-      removeShowEvent(
-        option: AddEventListenerOptions = {
-          capture: true,
-          passive: true,
-        }
-      ) {
+      removeShowEvent(option: AddEventListenerOptions = defaultListenerOption) {
         /* 焦点|点击事件*/
         popsDOMUtils.off(
           [config.$target, config.$inputTarget],
@@ -561,12 +536,7 @@ export const PopsSearchSuggestion = {
       /**
        * 设置隐藏搜索建议框的事件
        */
-      setHideEvent(
-        option: AddEventListenerOptions = {
-          capture: true,
-          passive: true,
-        }
-      ) {
+      setHideEvent(option: AddEventListenerOptions = defaultListenerOption) {
         // 全局点击事件
         // 全局触摸屏点击事件
         if (Array.isArray(SearchSuggestion.selfDocument)) {
@@ -580,12 +550,7 @@ export const PopsSearchSuggestion = {
       /**
        * 移除隐藏搜索建议框的事件
        */
-      removeHideEvent(
-        option: AddEventListenerOptions = {
-          capture: true,
-          passive: true,
-        }
-      ) {
+      removeHideEvent(option: AddEventListenerOptions = defaultListenerOption) {
         if (Array.isArray(SearchSuggestion.selfDocument)) {
           SearchSuggestion.selfDocument.forEach(($checkParent) => {
             popsDOMUtils.off($checkParent, ["click", "touchstart"], void 0, SearchSuggestion.hideEvent, option);
@@ -603,12 +568,7 @@ export const PopsSearchSuggestion = {
       /**
        * 设置所有监听，包括（input值改变、全局点击判断显示/隐藏建议框）
        */
-      setAllEvent(
-        option: AddEventListenerOptions = {
-          capture: true,
-          passive: true,
-        }
-      ) {
+      setAllEvent(option: AddEventListenerOptions = defaultListenerOption) {
         SearchSuggestion.setInputChangeEvent(option);
         SearchSuggestion.setHideEvent(option);
         SearchSuggestion.setShowEvent(option);
@@ -616,13 +576,8 @@ export const PopsSearchSuggestion = {
       /**
        * 移除所有监听
        */
-      removeAllEvent(
-        option: AddEventListenerOptions = {
-          capture: true,
-          passive: true,
-        }
-      ) {
-        SearchSuggestion.removeInputChangeEvent(option);
+      removeAllEvent(option: AddEventListenerOptions = defaultListenerOption) {
+        SearchSuggestion.removeInputChangeEvent();
         SearchSuggestion.removeHideEvent(option);
         SearchSuggestion.removeShowEvent(option);
       },

package/src/css/common.css

@@ -34,21 +34,21 @@
 }
 .pops-width-fill {
   width: 100%;
-  width: -webkit-fill-available;
   width: -moz-available;
+  width: -webkit-fill-available;
 }
 .pops-height-fill {
   height: 100%;
-  height: -webkit-fill-available;
   height: -moz-available;
+  height: -webkit-fill-available;
 }
 .pops-text-is-disabled {
   --pops-text-is-disabled-color: #a8abb2;
-  color: var(--pops-text-is-disabled-color);
   --pops-panel-forms-container-item-left-desc-text-color: var(--pops-text-is-disabled-color);
+  color: var(--pops-text-is-disabled-color);
 }
 .pops-text-is-disabled-important {
   --pops-text-is-disabled-color: #a8abb2;
-  color: var(--pops-text-is-disabled-color) !important;
   --pops-panel-forms-container-item-left-desc-text-color: var(--pops-text-is-disabled-color) !important;
+  color: var(--pops-text-is-disabled-color) !important;
 }

package/src/types/global.d.ts

@@ -26,4 +26,6 @@ declare type DeepRequired<T> = T extends any[]
           }
       : T;
 
-declare type IPromise<T> = Promise<T> | T;
+declare type IPromise<T> = T | Promise<T>;
+
+declare type IFunction<T> = T | (() => T);