@whitesev/pops 3.0.0 → 3.0.2

package/src/components/panel/defaultConfig.ts

@@ -24,7 +24,6 @@ export const PopsPanelDefaultConfig = (): DeepRequired<PopsPanelConfig> => {
             className: "forms-1",
             text: "区域设置",
             type: "container",
-            attributes: {},
             views: [
               {
                 className: "panel-switch",
@@ -32,11 +31,6 @@ export const PopsPanelDefaultConfig = (): DeepRequired<PopsPanelConfig> => {
                 type: "switch",
                 disabled: false,
                 description: "",
-                afterAddToUListCallBack() {
-                  // TODO
-                },
-                props: {},
-                attributes: {},
                 getValue() {
                   return true;
                 },
@@ -49,17 +43,12 @@ export const PopsPanelDefaultConfig = (): DeepRequired<PopsPanelConfig> => {
                 text: "slider",
                 type: "slider",
                 description: "",
-                afterAddToUListCallBack() {
-                  // TODO
-                },
                 disabled: false,
                 getToolTipContent(value) {
                   return String(value);
                 },
                 isShowHoverTip: true,
                 step: 1,
-                props: {},
-                attributes: {},
                 getValue() {
                   return 50;
                 },
@@ -76,11 +65,6 @@ export const PopsPanelDefaultConfig = (): DeepRequired<PopsPanelConfig> => {
                 description: "",
                 disable: false,
                 buttonIsRightIcon: false,
-                props: {},
-                afterAddToUListCallBack() {
-                  // TODO
-                },
-                attributes: {},
                 buttonIcon: "view",
                 buttonIconIsLoading: true,
                 buttonType: "default",
@@ -93,8 +77,6 @@ export const PopsPanelDefaultConfig = (): DeepRequired<PopsPanelConfig> => {
                 className: "panel-button",
                 text: "button",
                 type: "button",
-                props: {},
-                attributes: {},
                 buttonIcon: "eleme",
                 buttonIconIsLoading: true,
                 buttonType: "warning",
@@ -106,10 +88,7 @@ export const PopsPanelDefaultConfig = (): DeepRequired<PopsPanelConfig> => {
               {
                 className: "panel-button",
                 text: "button",
-                // @ts-ignore
-                props: {},
                 type: "button",
-                attributes: {},
                 buttonIcon: "chromeFilled",
                 buttonIconIsLoading: true,
                 buttonType: "danger",
@@ -122,9 +101,6 @@ export const PopsPanelDefaultConfig = (): DeepRequired<PopsPanelConfig> => {
                 className: "panel-button",
                 text: "button",
                 type: "button",
-                attributes: {},
-                // @ts-ignore
-                props: {},
                 buttonIcon: "upload",
                 buttonIconIsLoading: false,
                 buttonType: "info",
@@ -151,9 +127,6 @@ export const PopsPanelDefaultConfig = (): DeepRequired<PopsPanelConfig> => {
             className: "panel-input",
             text: "input",
             type: "input",
-            isNumber: false,
-            props: {},
-            attributes: {},
             getValue() {
               return "50";
             },
@@ -163,12 +136,32 @@ export const PopsPanelDefaultConfig = (): DeepRequired<PopsPanelConfig> => {
             },
             placeholder: "请输入内容",
           },
+          {
+            className: "panel-input-number",
+            text: "input-number",
+            type: "input",
+            inputType: "number",
+            getValue() {
+              return "50";
+            },
+            callback(event, value, valueAsNumber) {
+              popsDOMUtils.preventEvent(event);
+              console.log("输入框内容改变：", valueAsNumber);
+              if (valueAsNumber! > 60) {
+                return {
+                  valid: false,
+                  message: "输入值不能大于60，当前：" + value,
+                };
+              }
+            },
+            placeholder: "请输入内容",
+          },
           {
             className: "panel-input-password",
             text: "input-password",
             type: "input",
-            props: {},
-            attributes: {},
+            inputType: "password",
+            placeholder: "请输入密码",
             getValue() {
               return "123456";
             },
@@ -176,211 +169,504 @@ export const PopsPanelDefaultConfig = (): DeepRequired<PopsPanelConfig> => {
               popsDOMUtils.preventEvent(event);
               console.log("密码输入框内容改变：", value);
             },
-            isPassword: true,
-            placeholder: "请输入密码",
           },
           {
-            className: "panel-textarea",
-            text: "textarea",
-            type: "textarea",
-            props: {},
-            attributes: {},
+            className: "panel-input-file",
+            text: "input-file",
+            type: "input",
+            inputType: "file",
             getValue() {
-              return "50";
+              return "";
             },
             callback(event, value) {
               popsDOMUtils.preventEvent(event);
-              console.log("textarea输入框内容改变：", value);
+              console.log("内容改变：", value);
             },
+            placeholder: "请输入密码",
+          },
+          {
+            className: "panel-input-date",
+            text: "input-date",
+            type: "input",
+            inputType: "date",
             placeholder: "请输入内容",
+            getValue() {
+              const date = new Date();
+              let hour = date.getHours().toString();
+              let minutes = date.getMinutes().toString();
+              if (hour.length === 1) {
+                hour = `0${hour}`;
+              }
+              if (minutes.length === 1) {
+                minutes = `0${minutes}`;
+              }
+              return `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;
+            },
+            callback(event, value, valueAsNumber, valueAsDate) {
+              popsDOMUtils.preventEvent(event);
+              console.log("输入框内容改变：", value, valueAsNumber, valueAsDate);
+            },
           },
           {
-            className: "panel-select-disabled",
-            text: "select-disabled",
-            type: "select",
-            disabled: true,
-            props: {},
-            attributes: {},
+            className: "panel-input-datetime-local",
+            text: "input-datetime-local",
+            type: "input",
+            inputType: "datetime-local",
             getValue() {
-              return 50;
+              const date = new Date();
+              let hour = date.getHours().toString();
+              let minutes = date.getMinutes().toString();
+              if (hour.length === 1) {
+                hour = `0${hour}`;
+              }
+              if (minutes.length === 1) {
+                minutes = `0${minutes}`;
+              }
+              return `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}T${hour}:${minutes}`;
             },
-            callback(event, isSelectedValue, isSelectedText) {
-              console.log(`select当前选项：${isSelectedValue}，当前选项文本：${isSelectedText}`);
+            callback(event, value, valueAsNumber, valueAsDate) {
+              popsDOMUtils.preventEvent(event);
+              console.log("输入框内容改变：", value, valueAsNumber, valueAsDate);
             },
-            data: [
-              {
-                value: "all",
-                text: "所有",
-                disable() {
-                  return false;
-                },
-                views: [],
-              },
-              {
-                value: "text",
-                text: "文本",
-                disable() {
-                  return false;
-                },
-                views: [],
-              },
-              {
-                value: "html",
-                text: "超文本",
-                disable() {
-                  return false;
-                },
-                views: [],
-              },
-            ],
+            placeholder: "请输入内容",
           },
           {
-            className: "panel-select-multiple-disabled",
-            type: "select-multiple",
-            text: "select-multiple-disabled",
-            disabled: true,
-            props: {},
-
-            attributes: {},
-            placeholder: "请至少选择一个选项",
+            className: "panel-input-time",
+            text: "input-time",
+            type: "input",
+            inputType: "time",
             getValue() {
-              return ["select-1", "select-2"];
+              return "11:30";
             },
-            callback(selectInfo) {
-              console.log(`select值改变，多选信息`, selectInfo);
+            callback(event, value, valueAsNumber, valueAsDate) {
+              popsDOMUtils.preventEvent(event);
+              console.log("输入框内容改变：", value, valueAsNumber, valueAsDate);
             },
-            clickCallBack(event, isSelectedInfo) {
-              console.log("点击", event, isSelectedInfo);
+            placeholder: "请输入内容",
+          },
+          {
+            className: "panel-input-month",
+            text: "input-month",
+            type: "input",
+            inputType: "month",
+            getValue() {
+              const date = new Date();
+              return `${date.getFullYear()}-${date.getMonth() + 1}`;
             },
-            closeIconClickCallBack(event, data) {
-              console.log("点击关闭图标的事件", data);
+            callback(event, value, valueAsNumber, valueAsDate) {
+              popsDOMUtils.preventEvent(event);
+              console.log("输入框内容改变：", value, valueAsNumber, valueAsDate);
             },
-            data: [
-              {
-                value: "select-1",
-                text: "单选1",
-                isHTML: false,
-              },
-              {
-                value: "select-2",
-                text: "单选2",
-                isHTML: false,
-              },
-              {
-                value: "select-3",
-                text: "单选3",
-                isHTML: false,
-              },
-              {
-                value: "select-4",
-                text: "单选4",
-                isHTML: false,
-              },
-            ],
+            placeholder: "请输入内容",
           },
           {
-            className: "panel-select",
-            text: "select",
-            type: "select",
-            props: {},
-            attributes: {},
+            className: "panel-input-week",
+            text: "input-week",
+            type: "input",
+            inputType: "week",
             getValue() {
-              return 50;
+              const date = new Date();
+              return `${date.getFullYear()}-W01`;
             },
-            callback(event, isSelectedValue, isSelectedText) {
-              console.log(`select当前选项：${isSelectedValue}，当前选项文本：${isSelectedText}`);
+            callback(event, value, valueAsNumber, valueAsDate) {
+              popsDOMUtils.preventEvent(event);
+              console.log("输入框内容改变：", value, valueAsNumber, valueAsDate);
             },
-            data: [
-              {
-                value: "all",
-                text: "所有",
-                disable() {
-                  return false;
-                },
-                views: [],
-              },
-              {
-                value: "text",
-                text: "文本",
-                disable() {
-                  return false;
-                },
-                views: [],
-              },
-              {
-                value: "html",
-                text: "超文本",
-                disable() {
-                  return false;
-                },
-                views: [],
-              },
-            ],
+            placeholder: "请输入内容",
           },
           {
-            className: "panel-select-multiple",
-            type: "select-multiple",
-            text: "select-multiple",
-            props: {},
-
-            attributes: {},
-            placeholder: "请至少选择一个选项",
+            className: "panel-input-search",
+            text: "input-search",
+            type: "input",
+            inputType: "search",
             getValue() {
-              return ["select-1", "select-2"];
+              return "search test";
             },
-            callback(selectInfo) {
-              console.log(`select值改变，多选信息`, selectInfo);
+            callback(event, value) {
+              popsDOMUtils.preventEvent(event);
+              console.log("输入框内容改变：", value);
+            },
+            placeholder: "请输入内容",
+          },
+          {
+            className: "panel-input-color",
+            text: "input-color",
+            type: "input",
+            inputType: "color",
+            getValue() {
+              return "#ff0000";
+            },
+            callback(event, value) {
+              popsDOMUtils.preventEvent(event);
+              console.log("输入框内容改变：", value);
             },
-            clickCallBack(event, isSelectedInfo) {
-              console.log("点击", event, isSelectedInfo);
+            placeholder: "请输入内容",
+          },
+          {
+            className: "panel-input-email",
+            text: "input-email",
+            type: "input",
+            inputType: "email",
+            getValue() {
+              return "test@gmail.com";
             },
-            closeIconClickCallBack(event, data) {
-              console.log("点击关闭图标的事件", data);
+            callback(event, value) {
+              popsDOMUtils.preventEvent(event);
+              const $input = event.target as HTMLInputElement;
+              console.log("输入框内容改变：", value, $input.validity);
             },
-            data: [
+            placeholder: "请输入内容",
+          },
+          {
+            className: "panel-input-tel",
+            text: "input-tel",
+            type: "input",
+            inputType: "tel",
+            getValue() {
+              return "11111111111";
+            },
+            callback(event, value) {
+              popsDOMUtils.preventEvent(event);
+              const $input = event.target as HTMLInputElement;
+              console.log("输入框内容改变：", value, $input.validity);
+            },
+            placeholder: "请输入内容",
+          },
+          {
+            className: "panel-input-url",
+            text: "input-url",
+            type: "input",
+            inputType: "url",
+            getValue() {
+              return "https://github.com/";
+            },
+            callback(event, value) {
+              popsDOMUtils.preventEvent(event);
+              const $input = event.target as HTMLInputElement;
+              console.log("输入框内容改变：", value, $input.validity);
+            },
+            placeholder: "请输入内容",
+          },
+          {
+            className: "panel-textarea",
+            text: "textarea",
+            type: "textarea",
+            getValue() {
+              return "50";
+            },
+            callback(event, value) {
+              popsDOMUtils.preventEvent(event);
+              console.log("textarea输入框内容改变：", value);
+            },
+            placeholder: "请输入内容",
+          },
+          {
+            type: "container",
+            text: "",
+            views: [
+              {
+                className: "panel-select-disabled",
+                text: "select-disabled",
+                type: "select",
+                disabled: true,
+                getValue() {
+                  return "text";
+                },
+                callback(isSelectedInfo) {
+                  if (isSelectedInfo == null) return;
+                  console.log(`select当前选项：${isSelectedInfo.value}，当前选项文本：${isSelectedInfo.text}`);
+                },
+                data: [
+                  {
+                    value: "all",
+                    text: "所有",
+                    disable() {
+                      return false;
+                    },
+                  },
+                  {
+                    value: "text",
+                    text: "文本",
+                    disable() {
+                      return false;
+                    },
+                  },
+                  {
+                    value: "html",
+                    text: "超文本",
+                    disable() {
+                      return false;
+                    },
+                  },
+                ],
+              },
               {
-                value: "select-1",
-                text: "单选1",
-                isHTML: false,
-                disable(value, allSelectedInfo) {
-                  return allSelectedInfo.findIndex((it) => ["select-5"].includes(it.value)) !== -1;
+                className: "panel-select-multiple-disabled",
+                type: "select-multiple",
+                text: "select-multiple-disabled",
+                disabled: true,
+                placeholder: "请至少选择一个选项",
+                getValue() {
+                  return ["select-1", "select-2"];
+                },
+                callback(selectInfo) {
+                  console.log(`select值改变，多选信息`, selectInfo);
                 },
+                clickCallBack(event, isSelectedInfo) {
+                  console.log("点击", event, isSelectedInfo);
+                },
+                closeIconClickCallBack(event, data) {
+                  console.log("点击关闭图标的事件", data);
+                },
+                data: [
+                  {
+                    value: "select-1",
+                    text: "单选1",
+                    isHTML: false,
+                  },
+                  {
+                    value: "select-2",
+                    text: "单选2",
+                    isHTML: false,
+                  },
+                  {
+                    value: "select-3",
+                    text: "单选3",
+                    isHTML: false,
+                  },
+                  {
+                    value: "select-4",
+                    text: "单选4",
+                    isHTML: false,
+                  },
+                ],
               },
               {
-                value: "select-2",
-                text: "单选2",
-                isHTML: false,
-                disable(value, allSelectedInfo) {
-                  return allSelectedInfo.findIndex((it) => ["select-5"].includes(it.value)) !== -1;
+                className: "panel-select-native",
+                text: "select-native",
+                type: "select",
+                mode: "native",
+                getValue() {
+                  return "all";
+                },
+                callback(isSelectedInfo) {
+                  if (isSelectedInfo == null) return;
+                  console.log(`select当前选项：${isSelectedInfo.value}，当前选项文本：${isSelectedInfo.text}`);
                 },
+                data: [
+                  {
+                    value: "all",
+                    text: "所有",
+                    disable() {
+                      return false;
+                    },
+                  },
+                  {
+                    value: "text",
+                    text: "文本",
+                    disable() {
+                      return false;
+                    },
+                  },
+                  {
+                    value: "html",
+                    text: "超文本",
+                    disable() {
+                      return false;
+                    },
+                  },
+                ],
               },
               {
-                value: "select-3",
-                text: "单选3",
-                isHTML: false,
-                disable(value, allSelectedInfo) {
-                  return allSelectedInfo.findIndex((it) => ["select-2", "select-5"].includes(it.value)) !== -1;
+                className: "panel-select-dialog",
+                text: "select-dialog",
+                type: "select",
+                mode: "dialog",
+                getValue() {
+                  return window.localStorage.getItem("select-dialog-customInput") || "";
                 },
+                callback(isSelectedInfo) {
+                  if (isSelectedInfo == null) {
+                    console.warn(`select当前选项为空`);
+                    return;
+                  }
+                  if (isSelectedInfo.addCustomInput) {
+                    if (isSelectedInfo.value === "") {
+                      // 空值，不存储
+                      if (isSelectedInfo.customInputStoreKey) {
+                        console.log(`select删除自定义输入的值`);
+                        window.localStorage.removeItem(isSelectedInfo.customInputStoreKey);
+                      }
+                    } else {
+                      console.log(
+                        `select当前自定义输入框内容：${isSelectedInfo.value}，当前选项显示文本：${isSelectedInfo.text}`
+                      );
+                      if (isSelectedInfo.customInputStoreKey) {
+                        window.localStorage.setItem(isSelectedInfo.customInputStoreKey!, isSelectedInfo.value);
+                      }
+                    }
+                  } else {
+                    console.log(`select当前选项：${isSelectedInfo.value}，当前选项显示文本：${isSelectedInfo.text}`);
+                  }
+                },
+                data: [
+                  {
+                    value: "all",
+                    text: "所有",
+                    disable() {
+                      return false;
+                    },
+                  },
+                  {
+                    value: "text",
+                    text: "文本",
+                    disable(value, selectInfo) {
+                      if (selectInfo?.value === "all") return true;
+                      return false;
+                    },
+                  },
+                  {
+                    value: "html",
+                    text: "超文本",
+                    disable(value, selectInfo) {
+                      if (selectInfo?.value === "all") return true;
+                      return false;
+                    },
+                  },
+                  {
+                    value: "own",
+                    text: "自定义",
+                    disable(value, selectInfo) {
+                      if (selectInfo?.value === "all") return true;
+                      return false;
+                    },
+                  },
+                  {
+                    value: window.localStorage.getItem("select-dialog-customInput") || "",
+                    text: window.localStorage.getItem("select-dialog-customInput") || "",
+                    addCustomInput: true,
+                    customInputStoreKey: "select-dialog-customInput",
+                    onValid(dataOption) {
+                      if (dataOption.value === "123") {
+                        console.error("非规范值");
+                        return {
+                          valid: false,
+                          message: "非规范值",
+                        };
+                      }
+                      return {
+                        valid: true,
+                      };
+                    },
+                  },
+                ],
               },
               {
-                value: "select-4",
-                text: "单选4",
-                isHTML: false,
-                disable(value, allSelectedInfo) {
-                  return allSelectedInfo.findIndex((it) => ["select-3", "select-5"].includes(it.value)) !== -1;
+                className: "panel-select-horizontal",
+                text: "select-horizontal",
+                type: "select",
+                mode: "horizontal",
+                getValue() {
+                  return "text";
                 },
+                callback(isSelectedInfo) {
+                  if (isSelectedInfo == null) return;
+                  console.log(`select当前选项：${isSelectedInfo.value}，当前选项文本：${isSelectedInfo.text}`);
+                },
+                data: [
+                  {
+                    value: "all",
+                    text: "所有",
+                    disable() {
+                      return false;
+                    },
+                  },
+                  {
+                    value: "text",
+                    text: "文本",
+                    disable() {
+                      return false;
+                    },
+                  },
+                  {
+                    value: "html",
+                    text: "超文本",
+                    disable() {
+                      return false;
+                    },
+                  },
+                  {
+                    value: "own",
+                    text: "自定义",
+                    disable() {
+                      return true;
+                    },
+                  },
+                ],
               },
               {
-                value: "select-5",
-                text(value, allSelectedInfo) {
-                  return allSelectedInfo.findIndex((it) => ["select-4"].includes(it.value)) !== -1
-                    ? "单选5-禁用"
-                    : "单选5";
+                className: "panel-select-multiple",
+                type: "select-multiple",
+                text: "select-multiple",
+                placeholder: "请至少选择一个选项",
+                getValue() {
+                  return ["select-1", "select-2"];
                 },
-                isHTML: false,
-                disable(value, allSelectedInfo) {
-                  return allSelectedInfo.findIndex((it) => ["select-4"].includes(it.value)) !== -1;
+                callback(selectInfo) {
+                  console.log(`select值改变，多选信息`, selectInfo);
                 },
+                clickCallBack(event, isSelectedInfo) {
+                  console.log("点击", event, isSelectedInfo);
+                },
+                closeIconClickCallBack(event, data) {
+                  console.log("点击关闭图标的事件", data);
+                },
+                data: [
+                  {
+                    value: "select-1",
+                    text: "单选1",
+                    isHTML: false,
+                    disable(value, allSelectedInfo) {
+                      return allSelectedInfo.findIndex((it) => ["select-5"].includes(it.value)) !== -1;
+                    },
+                  },
+                  {
+                    value: "select-2",
+                    text: "单选2",
+                    isHTML: false,
+                    disable(value, allSelectedInfo) {
+                      return allSelectedInfo.findIndex((it) => ["select-5"].includes(it.value)) !== -1;
+                    },
+                  },
+                  {
+                    value: "select-3",
+                    text: "单选3",
+                    isHTML: false,
+                    disable(value, allSelectedInfo) {
+                      return allSelectedInfo.findIndex((it) => ["select-2", "select-5"].includes(it.value)) !== -1;
+                    },
+                  },
+                  {
+                    value: "select-4",
+                    text: "单选4",
+                    isHTML: false,
+                    disable(value, allSelectedInfo) {
+                      return allSelectedInfo.findIndex((it) => ["select-3", "select-5"].includes(it.value)) !== -1;
+                    },
+                  },
+                  {
+                    value: "select-5",
+                    text(value, allSelectedInfo) {
+                      return allSelectedInfo.findIndex((it) => ["select-4"].includes(it.value)) !== -1
+                        ? "单选5-禁用"
+                        : "单选5";
+                    },
+                    isHTML: false,
+                    disable(value, allSelectedInfo) {
+                      return allSelectedInfo.findIndex((it) => ["select-4"].includes(it.value)) !== -1;
+                    },
+                  },
+                ],
               },
             ],
           },
@@ -406,16 +692,11 @@ export const PopsPanelDefaultConfig = (): DeepRequired<PopsPanelConfig> => {
                     className: "forms-1",
                     text: "区域设置",
                     type: "container",
-                    attributes: {},
-                    props: {},
                     views: [
                       {
                         className: "panel-switch",
                         text: "switch",
                         type: "switch",
-                        // @ts-ignore
-                        props: {},
-                        attributes: {},
                         getValue() {
                           return true;
                         },
@@ -426,10 +707,7 @@ export const PopsPanelDefaultConfig = (): DeepRequired<PopsPanelConfig> => {
                       {
                         className: "panel-slider",
                         text: "slider",
-                        // @ts-ignore
-                        props: {},
                         type: "slider",
-                        attributes: {},
                         getValue() {
                           return 50;
                         },
@@ -442,10 +720,7 @@ export const PopsPanelDefaultConfig = (): DeepRequired<PopsPanelConfig> => {
                       {
                         className: "panel-button",
                         text: "button",
-                        // @ts-ignore
-                        props: {},
                         type: "button",
-                        attributes: {},
                         buttonIcon: "eleme",
                         buttonIconIsLoading: true,
                         buttonType: "warning",
@@ -458,9 +733,6 @@ export const PopsPanelDefaultConfig = (): DeepRequired<PopsPanelConfig> => {
                         className: "panel-button",
                         text: "button",
                         type: "button",
-                        // @ts-ignore
-                        props: {},
-                        attributes: {},
                         buttonIcon: "chromeFilled",
                         buttonIconIsLoading: true,
                         buttonType: "danger",
@@ -472,10 +744,7 @@ export const PopsPanelDefaultConfig = (): DeepRequired<PopsPanelConfig> => {
                       {
                         className: "panel-button",
                         text: "button",
-                        // @ts-ignore
-                        props: {},
                         type: "button",
-                        attributes: {},
                         buttonIcon: "upload",
                         buttonIconIsLoading: false,
                         buttonType: "info",
@@ -491,9 +760,7 @@ export const PopsPanelDefaultConfig = (): DeepRequired<PopsPanelConfig> => {
               {
                 type: "deepMenu",
                 className: "panel-deepMenu2",
-                attributes: {},
                 //@ts-ignore
-                props: {},
                 text: "deepMenu2",
                 description: "二级菜单",
                 rightText: "自定义配置",
@@ -519,10 +786,7 @@ export const PopsPanelDefaultConfig = (): DeepRequired<PopsPanelConfig> => {
               {
                 className: "panel-switch",
                 text: "switch",
-                // @ts-ignore
-                props: {},
                 type: "switch",
-                attributes: {},
                 getValue() {
                   return true;
                 },
@@ -545,8 +809,6 @@ export const PopsPanelDefaultConfig = (): DeepRequired<PopsPanelConfig> => {
           "data-value": "value",
           "data-value-2": "value2",
         },
-        // @ts-ignore
-        props: {},
         views: [],
         clickFirstCallback: function () {
           return false;
@@ -560,8 +822,6 @@ export const PopsPanelDefaultConfig = (): DeepRequired<PopsPanelConfig> => {
           "data-value": "value",
           "data-value-2": "value2",
         },
-        // @ts-ignore
-        props: {},
         views: [],
         clickFirstCallback: function () {
           return false;