hy-dispatch-ui-v3 0.1.0 → 0.1.2

package/lib/components/appTable/cpns/columnSelectItem.vue2.js

@@ -0,0 +1,171 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var iconsVue = require('@element-plus/icons-vue');
+var index = require('../../appTooltip/index.js');
+var useLocale = require('../../../hooks/useLocale.js');
+
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "columnSelectItem",
+  props: {
+    column: {
+      type: Object,
+      default: () => ({})
+    },
+    checkMap: {
+      type: Map,
+      default: () => /* @__PURE__ */ new Map()
+    },
+    columnsLength: {
+      type: Number,
+      ddefault: 0
+    }
+  },
+  emits: ["checked"],
+  setup(__props, { emit: __emit }) {
+    const emits = __emit;
+    const { t } = useLocale.useLocale();
+    function onClickHandler(column) {
+      if (column.editable.lock) return;
+      emits("checked", column);
+    }
+    return (_ctx, _cache) => {
+      var _a;
+      return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElPopover), {
+        trigger: "hover",
+        placement: "right-end",
+        "popper-class": "!bg-background !p-0 border !border-border",
+        effect: "dark",
+        width: "268",
+        "show-arrow": false,
+        disabled: !__props.column.editable.desc && !((_a = __props.column.editable.examples) == null ? void 0 : _a.length)
+      }, {
+        reference: vue.withCtx(() => {
+          var _a2;
+          return [
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(["h-[36px] text-sm flex items-center pl-3 pr-2.5 bg-background-2 hover:bg-background-3", [((_a2 = __props.column.editable) == null ? void 0 : _a2.lock) ? "cursor-default" : "cursor-pointer"]]),
+              onClick: ($event) => onClickHandler(__props.column)
+            }, [
+              __props.column.editable.lock ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElIcon), {
+                key: 0,
+                size: "14",
+                color: "rgb(var(--hy-info))",
+                class: "mr-2"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(iconsVue.Lock))
+                ]),
+                _: 1
+                /* STABLE */
+              })) : (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElCheckbox), {
+                key: 1,
+                value: __props.column.prop,
+                onClick: vue.withModifiers(() => {
+                }, ["stop"])
+              }, null, 8, ["value", "onClick"])),
+              vue.createElementVNode("div", { class: "w-0 flex-1" }, [
+                vue.createVNode(vue.unref(index.AppTooltip), {
+                  "over-line": 1,
+                  content: __props.column.label
+                }, null, 8, ["content"])
+              ]),
+              !__props.column.editable.lock ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 2,
+                class: "h-full flex items-center text-auxiliary select-none ml-1"
+              }, [
+                __props.checkMap.has(__props.column.prop) ? (vue.openBlock(), vue.createElementBlock(
+                  "span",
+                  { key: 0 },
+                  vue.toDisplayString(vue.unref(t)("table.show")),
+                  1
+                  /* TEXT */
+                )) : (vue.openBlock(), vue.createElementBlock(
+                  "span",
+                  {
+                    key: 1,
+                    class: "text-info"
+                  },
+                  vue.toDisplayString(vue.unref(t)("table.notShown")),
+                  1
+                  /* TEXT */
+                )),
+                __props.columnsLength > 1 ? (vue.openBlock(), vue.createElementBlock("div", {
+                  key: 2,
+                  class: "w-5 h-full flex items-center justify-center handle cursor-grab ml-3",
+                  onClick: vue.withModifiers(() => {
+                  }, ["stop"])
+                }, [
+                  vue.createVNode(vue.unref(elementPlus.ElIcon), null, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(vue.unref(iconsVue.DCaret))
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  })
+                ], 8, ["onClick"])) : vue.createCommentVNode("v-if", true)
+              ])) : vue.createCommentVNode("v-if", true)
+            ], 10, ["onClick"])
+          ];
+        }),
+        default: vue.withCtx(() => {
+          var _a2;
+          return [
+            vue.createElementVNode(
+              "div",
+              { class: "h-[45px] px-[14px] flex items-center text-main text-sm font-bold border-b border-border" },
+              vue.toDisplayString(__props.column.label),
+              1
+              /* TEXT */
+            ),
+            vue.createElementVNode("div", { class: "flex flex-col gap-3 px-4 pt-2.5 pb-4 text-main text-xs" }, [
+              __props.column.editable.desc ? (vue.openBlock(), vue.createElementBlock(
+                "div",
+                { key: 0 },
+                vue.toDisplayString(__props.column.editable.desc),
+                1
+                /* TEXT */
+              )) : vue.createCommentVNode("v-if", true),
+              ((_a2 = __props.column.editable.examples) == null ? void 0 : _a2.length) ? (vue.openBlock(), vue.createElementBlock("div", { key: 1 }, [
+                vue.createElementVNode(
+                  "div",
+                  { class: "text-auxiliary mb-1.5" },
+                  vue.toDisplayString(vue.unref(t)("table.example")),
+                  1
+                  /* TEXT */
+                ),
+                vue.createElementVNode("div", { class: "flex flex-wrap gap-2" }, [
+                  (vue.openBlock(true), vue.createElementBlock(
+                    vue.Fragment,
+                    null,
+                    vue.renderList(__props.column.editable.examples, (item, index) => {
+                      return vue.openBlock(), vue.createElementBlock(
+                        "div",
+                        {
+                          key: index,
+                          class: "leading-5 bg-background-2 px-1.5 rounded-[2px]"
+                        },
+                        vue.toDisplayString(item),
+                        1
+                        /* TEXT */
+                      );
+                    }),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ])
+              ])) : vue.createCommentVNode("v-if", true)
+            ])
+          ];
+        }),
+        _: 1
+        /* STABLE */
+      }, 8, ["disabled"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/components/appTable/index.js

@@ -11,4 +11,3 @@ const AppTable = handler.withInstall(appTable.default);
 exports.useAppTable = useAppTable.useAppTable;
 exports.AppTable = AppTable;
 exports.default = AppTable;
-//# sourceMappingURL=index.js.map

package/lib/components/appTable/js/index.js

@@ -54,14 +54,16 @@ function tableColumnsEditableleHandler(columns, columnsEditablele, searchArr) {
     }
   );
 }
-function tableColumnHandler(cacheKey, columns, searchArr) {
-  const cacheColumnsValue = JSON.parse(sessionStorage.getItem(cacheKey) || "{}");
+function tableColumnHandler(columns, cacheKey, searchArr) {
+  const cacheColumnsValue = cacheKey ? JSON.parse(sessionStorage.getItem(cacheKey) || "{}") : {};
   const cacheColumnsEditablele = columns.reduce((obj, column) => {
     obj[column.prop] = {
       ...column.editable,
       ...cacheColumnsValue[column.prop],
       lock: column.editable.lock,
-      edit: column.editable.edit
+      edit: column.editable.edit,
+      desc: column.editable.desc,
+      examples: column.editable.examples
     };
     return obj;
   }, {});
@@ -114,7 +116,7 @@ function operatorFilterHandler(column, scope, type = "all") {
 function operatorClickHandler(command, column, scope, type = "all") {
   const operator = operatorFilterHandler(column, scope, type);
   const target = operator[command];
-  (target == null ? void 0 : target.onClick) && target.onClick(scope);
+  (target == null ? void 0 : target.handler) && target.handler(scope);
 }
 const useAppTableWrapper = (hy) => {
   const {
@@ -126,7 +128,7 @@ const useAppTableWrapper = (hy) => {
     operatorDropdownRef
   } = hy;
   const { t } = useLocale.useLocale();
-  const CACHE_COLUMNS_KEY = "CACHE_COLUMNS_KEY";
+  const CACHE_COLUMNS_KEY = props.controller || props.url || "CACHE_COLUMNS_KEY";
   const loading = vue.ref(true);
   const tableDataSource = vue.ref([]);
   const tableColumns = vue.ref([]);
@@ -270,8 +272,8 @@ const useAppTableWrapper = (hy) => {
   }
   vue.watchEffect(() => {
     const { columnsList, columnsEditablele, searchText } = tableColumnHandler(
-      CACHE_COLUMNS_KEY,
       props.tableColumns,
+      CACHE_COLUMNS_KEY,
       props.searchArr
     );
     tableColumns.value = columnsList;
@@ -306,6 +308,6 @@ exports.operatorClickHandler = operatorClickHandler;
 exports.operatorDisableTextdHandler = operatorDisableTextdHandler;
 exports.operatorDisabledHandler = operatorDisabledHandler;
 exports.operatorFilterHandler = operatorFilterHandler;
+exports.tableColumnHandler = tableColumnHandler;
 exports.tableColumnShowHandler = tableColumnShowHandler;
 exports.useAppTableWrapper = useAppTableWrapper;
-//# sourceMappingURL=index.js.map

package/lib/components/appTable/js/search.js

@@ -37,14 +37,15 @@ function useAppTableSearch(hy) {
         }
       }
       const params = getParametersFn();
+      const options = { baseURL: props.baseURL, isJSON: props.isJsonData };
       if (props.controller) {
-        api.page(props.controller, params).then(successFun).finally(() => {
+        vue.unref(api).post(`${props.controller}/page`, params, options).then(successFun).finally(() => {
           resolve();
           closeAppTableLoading();
           clearSelection();
         });
       } else if (props.url) {
-        api.post(props.url, params).then(successFun).finally(() => {
+        vue.unref(api).post(props.url, params, options).then(successFun).finally(() => {
           resolve();
           closeAppTableLoading();
           clearSelection();
@@ -60,6 +61,7 @@ function useAppTableSearch(hy) {
         getData(1);
         return;
       }
+      console.log("res", res);
       const data = res.data.content ? res.data.content : res.data || [];
       if (props.beforeDataHandler) {
         tableDataSource.value = props.beforeDataHandler(data);
@@ -82,7 +84,6 @@ function useAppTableSearch(hy) {
         ...vue.unref(formModel),
         page: vue.unref(formModel).page - 1
       },
-      { isJSON: props.isJsonData },
       vue.unref(props.requestParams)
     );
   }
@@ -116,11 +117,11 @@ function useAppTableSearch(hy) {
     totalElements,
     showFilter,
     getData,
+    setData,
     resetFn,
     switchShowFilter,
-    getTableDataSource,
     getTotalElements,
-    setData,
+    getTableDataSource,
     onSizeChangeHandler,
     onCurrentChangeHandler,
     onSearchQueryHandler
@@ -128,4 +129,3 @@ function useAppTableSearch(hy) {
 }
 
 exports.useAppTableSearch = useAppTableSearch;
-//# sourceMappingURL=search.js.map

package/lib/components/appTable/js/useAppTable.js

@@ -23,7 +23,9 @@ function getColumnsEditable(column, index) {
       index,
       lock: false,
       edit: !type || type === "default",
-      checked: !!editable
+      checked: !!editable,
+      desc: void 0,
+      examples: []
     };
   }
   return {
@@ -31,6 +33,8 @@ function getColumnsEditable(column, index) {
     lock: false,
     edit: !type || type === "default",
     checked: !type || type !== "default" || prop === "operator",
+    desc: void 0,
+    examples: [],
     ...editable || {}
   };
 }
@@ -44,7 +48,7 @@ const useAppTable = (config = {}) => {
         throw Error("\u3010column.prop\u3011\u4E0D\u80FD\u4E3A\u7A7A");
       }
       tableColumns.push({
-        prop: column.type !== "default" ? `${column.type}_prop` : column.prop,
+        prop: column.prop || column.type !== "default" ? `${column.type}_prop` : column.prop,
         ...column,
         type: column.type || "default",
         width: getColumnDefaultWidth(column),
@@ -62,4 +66,3 @@ const useAppTable = (config = {}) => {
 };
 
 exports.useAppTable = useAppTable;
-//# sourceMappingURL=useAppTable.js.map

package/lib/components/appTable/style/appTable.scss

@@ -1,15 +1,24 @@
-.el-table {
-  &.hideSelect {
-    /* 禁用全选 */
-    .el-table__header-wrapper .el-checkbox {
-      display: none !important;
+.app-table {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  color: rgb(var(--hy-main));
+  font-size: 14px;
+  background-color: rgb(var(--hy-background));
+  .el-table {
+    &.hideSelect {
+      /* 禁用全选 */
+      .el-table__header-wrapper .el-checkbox {
+        display: none !important;
+      }
     }
-  }
-  .el-table__cell .cell {
-    display: flex;
-    align-items: center;
-    .el-table__expand-icon {
-      flex-shrink: 0;
+    .el-table__cell .cell {
+      display: flex;
+      align-items: center;
+      .el-table__expand-icon {
+        flex-shrink: 0;
+      }
     }
   }
 }

package/lib/components/appTooltip/appTooltip.vue.js

@@ -95,4 +95,3 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
 });
 
 exports.default = _sfc_main;
-//# sourceMappingURL=appTooltip.vue.js.map

package/lib/components/appTooltip/index.js

@@ -9,4 +9,3 @@ const AppTooltip = handler.withInstall(appTooltip.default);
 
 exports.AppTooltip = AppTooltip;
 exports.default = AppTooltip;
-//# sourceMappingURL=index.js.map

package/lib/components/appUserAvatar/appUserAvatar.vue.js

@@ -0,0 +1,140 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var index = require('../appIcon/index.js');
+var useUserAvatarMap = require('../../hooks/useUserAvatarMap.js');
+var adaptive = require('../../utils/adaptive.js');
+var useLocale = require('../../hooks/useLocale.js');
+
+import "./style/appUserAvatar.scss";
+
+const __default__ = vue.defineComponent({
+  name: "AppUserAvatar"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    initSelectSvgName: {
+      type: String,
+      default: () => {
+        return "user_online-2";
+      }
+    },
+    initSvgName: {
+      type: String,
+      default: () => {
+        return "user_offline-2";
+      }
+    },
+    device: Object,
+    // 设备信息
+    audioContextType: {
+      type: Boolean,
+      default: () => {
+        return false;
+      }
+    },
+    iconType: {
+      type: Boolean,
+      default: () => {
+        return true;
+      }
+    },
+    width: {
+      type: String,
+      default: () => {
+        return "54px";
+      }
+    },
+    height: {
+      type: String,
+      default: () => {
+        return "54px";
+      }
+    }
+  },
+  emits: [],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const { t } = useLocale.useLocale();
+    const { userAvatarMap } = useUserAvatarMap.useUserAvatarMap();
+    const headImg = vue.computed(() => {
+      var _a;
+      return props.device && ((_a = vue.unref(userAvatarMap)) == null ? void 0 : _a.get(props.device.deviceId));
+    });
+    function parseRem(res) {
+      let px = res;
+      if (px) {
+        px = parseInt(px, 10);
+        if (isNaN(px)) {
+          return "";
+        }
+        return adaptive.pxTorem(px);
+      }
+      return "";
+    }
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d, _e, _f;
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          style: vue.normalizeStyle({
+            width: `${parseRem(__props.width)}rem`,
+            height: `${parseRem(__props.height)}rem`,
+            "border-color": ((_a = __props.device) == null ? void 0 : _a.onlineState) === 1 ? __props.audioContextType ? "rgb(var(--hy-theme))" : ((_b = __props.device) == null ? void 0 : _b.gbDevice) === 1 ? "#FDE777" : "rgb(var(--hy-auxiliary))" : "rgb(var(--hy-info))"
+          }),
+          class: "app-user-avatar"
+        },
+        [
+          ((_c = __props.device) == null ? void 0 : _c.gbDevice) === 1 ? (vue.openBlock(), vue.createElementBlock(
+            "div",
+            {
+              key: 0,
+              style: vue.normalizeStyle(
+                ((_d = __props.device) == null ? void 0 : _d.onlineState) === 1 ? "background:linear-gradient(180deg, #5A2120 0%, #C81F12 100%); color:#FDE777;" : "background: rgb(var(--hy-background-2)); color: rgb(var(--hy-auxiliary));"
+              ),
+              class: "user-avatar font-[600] text-base"
+            },
+            " GB ",
+            4
+            /* STYLE */
+          )) : (vue.openBlock(), vue.createElementBlock("div", {
+            key: 1,
+            class: "user-avatar"
+          }, [
+            headImg.value ? (vue.openBlock(), vue.createElementBlock("img", {
+              key: 0,
+              src: headImg.value,
+              alt: vue.unref(t)("userAvatar.userAvatar")
+            }, null, 8, ["src", "alt"])) : ((_e = __props.device) == null ? void 0 : _e.onlineState) === 1 ? (vue.openBlock(), vue.createBlock(vue.unref(index.AppIcon), {
+              key: 1,
+              "svg-name": __props.initSelectSvgName,
+              className: "svgBox"
+            }, null, 8, ["svg-name"])) : (vue.openBlock(), vue.createBlock(vue.unref(index.AppIcon), {
+              key: 2,
+              "svg-name": __props.initSvgName,
+              className: "svgBox"
+            }, null, 8, ["svg-name"]))
+          ])),
+          __props.iconType ? (vue.openBlock(), vue.createElementBlock(
+            "span",
+            {
+              key: 2,
+              class: vue.normalizeClass(
+                ((_f = __props.device) == null ? void 0 : _f.onlineState) === 1 ? "bg-success shadow-[0_0_4px_0] shadow-success" : "bg-info"
+              )
+            },
+            null,
+            2
+            /* CLASS */
+          )) : vue.createCommentVNode("v-if", true)
+        ],
+        4
+        /* STYLE */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/components/appUserAvatar/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var appUserAvatar = require('./appUserAvatar.vue.js');
+var handler = require('../../utils/handler.js');
+
+const AppUserAvatar = handler.withInstall(appUserAvatar.default);
+
+exports.AppUserAvatar = AppUserAvatar;
+exports.default = AppUserAvatar;

package/lib/components/appUserAvatar/style/appUserAvatar.scss

@@ -0,0 +1,33 @@
+.app-user-avatar {
+  background: rgb(var(--hy-background-2));
+  position: relative;
+  border: 1px solid rgb(var(--hy-main));
+  box-sizing: border-box;
+  flex-shrink: 0;
+  border-radius: 50%;
+  .user-avatar {
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    img {
+      height: 100%;
+    }
+    .svgBox {
+      width: 90%;
+      height: 90%;
+      color: rgb(var(--hy-main));
+    }
+  }
+  span {
+    width: 32%;
+    height: 32%;
+    border-radius: 50%;
+    position: absolute;
+    bottom: -4%;
+    right: -2%;
+  }
+}

package/lib/components/index.js

@@ -1,29 +1,35 @@
 'use strict';
 
-var index$3 = require('./appOrgCascader/index.js');
-var index = require('./appConfirmDialog/index.js');
-var index$1 = require('./appDatePicker/index.js');
-var index$2 = require('./appForm/index.js');
-var index$7 = require('./svgIcon/index.js');
-var index$4 = require('./appSearch/index.js');
-var index$5 = require('./appTable/index.js');
-var index$6 = require('./appTooltip/index.js');
+var index$7 = require('./appOrgCascader/index.js');
+var index$2 = require('./appConfirmDialog/index.js');
+var index$3 = require('./appDatePicker/index.js');
+var index$4 = require('./appForm/index.js');
+var index$5 = require('./appIcon/index.js');
+var index$6 = require('./appIconBox/index.js');
+var index$8 = require('./appSearch/index.js');
+var index$9 = require('./appTable/index.js');
+var index$a = require('./appTooltip/index.js');
+var index$1 = require('./appConfigProvider/index.js');
+var index = require('./appButton/index.js');
+var index$b = require('./appUserAvatar/index.js');
 var useAppForm = require('./appForm/js/useAppForm.js');
 var useAppSearch = require('./appSearch/js/useAppSearch.js');
 var useAppTable = require('./appTable/js/useAppTable.js');
 
 
 
-exports.AppOrgCascader = index$3.AppOrgCascader;
-exports.AppConfirmDialog = index.AppConfirmDialog;
-exports.AppDatePicker = index$1.AppDatePicker;
-exports.AppForm = index$2.AppForm;
-exports.IconBox = index$7.IconBox;
-exports.SvgIcon = index$7.SvgIcon;
-exports.AppSearch = index$4.AppSearch;
-exports.AppTable = index$5.AppTable;
-exports.AppTooltip = index$6.AppTooltip;
+exports.AppOrgCascader = index$7.AppOrgCascader;
+exports.AppConfirmDialog = index$2.AppConfirmDialog;
+exports.AppDatePicker = index$3.AppDatePicker;
+exports.AppForm = index$4.AppForm;
+exports.AppIcon = index$5.AppIcon;
+exports.AppIconBox = index$6.AppIconBox;
+exports.AppSearch = index$8.AppSearch;
+exports.AppTable = index$9.AppTable;
+exports.AppTooltip = index$a.AppTooltip;
+exports.AppConfigProvider = index$1.AppConfigProvider;
+exports.AppButton = index.AppButton;
+exports.AppUserAvatar = index$b.AppUserAvatar;
 exports.useAppForm = useAppForm.useAppForm;
 exports.useAppSearch = useAppSearch.useAppSearch;
 exports.useAppTable = useAppTable.useAppTable;
-//# sourceMappingURL=index.js.map

package/lib/config/index.js

@@ -1,3 +1,2 @@
 'use strict';
 
-//# sourceMappingURL=index.js.map

package/lib/constants/index.js

@@ -3,4 +3,3 @@
 const INSTALLED_KEY = /* @__PURE__ */ Symbol("HY_INSTALLED_KEY");
 
 exports.INSTALLED_KEY = INSTALLED_KEY;
-//# sourceMappingURL=index.js.map

package/lib/constants/keys.js

@@ -1,3 +1,2 @@
 'use strict';
 
-//# sourceMappingURL=keys.js.map

package/lib/hooks/index.js

@@ -4,9 +4,12 @@ var useApi = require('./useApi.js');
 var useLocale = require('./useLocale.js');
 var useGlobalConfig = require('./useGlobalConfig.js');
 var useMixins = require('./useMixins.js');
+var useUserAvatarMap = require('./useUserAvatarMap.js');
+var useResizeHandler = require('./useResizeHandler.js');
 
 
 
+exports.defaultAxios = useApi.defaultAxios;
 exports.localApiKey = useApi.localApiKey;
 exports.useApi = useApi.useApi;
 exports.buildLocaleContext = useLocale.buildLocaleContext;
@@ -15,7 +18,10 @@ exports.getLanguage = useLocale.getLanguage;
 exports.localeContextKey = useLocale.localeContextKey;
 exports.translate = useLocale.translate;
 exports.useLocale = useLocale.useLocale;
-exports.getGlobalConfig = useGlobalConfig.getGlobalConfig;
+exports.configProviderContextKey = useGlobalConfig.configProviderContextKey;
+exports.provideGlobalConfig = useGlobalConfig.provideGlobalConfig;
 exports.useGlobalConfig = useGlobalConfig.useGlobalConfig;
 exports.useMixins = useMixins.useMixins;
-//# sourceMappingURL=index.js.map
+exports.localUserAvatarMapKey = useUserAvatarMap.localUserAvatarMapKey;
+exports.useUserAvatarMap = useUserAvatarMap.useUserAvatarMap;
+exports.useResizeHandler = useResizeHandler.useResizeHandler;