hy-dispatch-ui-v3 0.1.1 → 0.1.2

package/es/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/es/components/index.mjs

@@ -2,12 +2,14 @@ export { AppOrgCascader } from './appOrgCascader/index.mjs';
 export { AppConfirmDialog } from './appConfirmDialog/index.mjs';
 export { AppDatePicker } from './appDatePicker/index.mjs';
 export { AppForm } from './appForm/index.mjs';
-export { AppIcon, appIconBox } from './appIcon/index.mjs';
+export { AppIcon } from './appIcon/index.mjs';
+export { AppIconBox } from './appIconBox/index.mjs';
 export { AppSearch } from './appSearch/index.mjs';
 export { AppTable } from './appTable/index.mjs';
 export { AppTooltip } from './appTooltip/index.mjs';
 export { AppConfigProvider } from './appConfigProvider/index.mjs';
 export { AppButton } from './appButton/index.mjs';
+export { AppUserAvatar } from './appUserAvatar/index.mjs';
 export { useAppForm } from './appForm/js/useAppForm.mjs';
 export { useAppSearch } from './appSearch/js/useAppSearch.mjs';
 export { useAppTable } from './appTable/js/useAppTable.mjs';

package/es/hooks/index.mjs

@@ -2,3 +2,5 @@ export { defaultAxios, localApiKey, useApi } from './useApi.mjs';
 export { buildLocaleContext, buildTranslator, getLanguage, localeContextKey, translate, useLocale } from './useLocale.mjs';
 export { configProviderContextKey, provideGlobalConfig, useGlobalConfig } from './useGlobalConfig.mjs';
 export { useMixins } from './useMixins.mjs';
+export { localUserAvatarMapKey, useUserAvatarMap } from './useUserAvatarMap.mjs';
+export { useResizeHandler } from './useResizeHandler.mjs';

package/es/hooks/useApi.mjs

@@ -8,6 +8,15 @@ const defaultAxios = ref(
     timeout: 6e4
   })
 );
+defaultAxios.value.interceptors.response.use(
+  (response) => {
+    const data = response == null ? void 0 : response.data;
+    return Promise.resolve(data);
+  },
+  (error) => {
+    return Promise.reject(error);
+  }
+);
 const useApi = () => {
   const api = inject(localApiKey, defaultAxios);
   return { api: unref(api) ? api : defaultAxios };

package/es/hooks/useGlobalConfig.mjs

@@ -2,6 +2,7 @@ import { ref, getCurrentInstance, computed, unref, inject, provide } from 'vue';
 import * as index from '../locale/index.mjs';
 import { localeContextKey } from './useLocale.mjs';
 import { localApiKey } from './useApi.mjs';
+import { localUserAvatarMapKey } from './useUserAvatarMap.mjs';
 import Chinese from '../locale/zh_CN.mjs';
 
 const globalConfig = ref();
@@ -51,6 +52,10 @@ const provideGlobalConfig = (config, app, global = false) => {
     localApiKey,
     computed(() => context.value.api)
   );
+  provideFn(
+    localUserAvatarMapKey,
+    computed(() => context.value.userAvatarMap)
+  );
   if (global || !globalConfig.value) {
     globalConfig.value = context.value;
   }

package/es/{store/maintain.mjs → hooks/useResizeHandler.mjs}

@@ -1,45 +1,7 @@
 import { nextTick } from 'vue';
-import { defineStore } from 'pinia';
 import { isFunction } from '../utils/is.mjs';
 
-const MAINTAIN_STORE = "MAINTAIN_STORE";
-const useMaintainStore = defineStore(MAINTAIN_STORE, {
-  state: () => ({
-    // resize集合
-    resizeMap: {}
-  }),
-  getters: {},
-  actions: {
-    /**
-     * @function setResize 添加统一重置
-     * @param {Function} callback 回调函数
-     * @param {Symbol | string} key
-     */
-    addResize(callback, key) {
-      if (!callback) return;
-      if (!key) {
-        key = Symbol(key);
-      }
-      this.resizeMap[key] = callback;
-      addResizeListener();
-      return key;
-    },
-    /**
-     * @function removeResize 删除重置属性
-     * @param {Symbol} key
-     */
-    removeResize(key) {
-      if (key) {
-        delete this.resizeMap[key];
-      }
-    },
-    // 清除所有resize事件
-    clearResize() {
-      this.resizeMap = {};
-      removeResizeListener();
-    }
-  }
-});
+let resizeMap = {};
 const resizeConfig = {
   init: false,
   animationId: void 0,
@@ -48,7 +10,6 @@ const resizeConfig = {
   // timeout实例
 };
 function onResizeHandler() {
-  const maintainStore = useMaintainStore();
   if (resizeConfig.animationId) {
     resizeConfig.timerList.forEach((timeout) => {
       timeout && clearTimeout(timeout);
@@ -57,7 +18,7 @@ function onResizeHandler() {
   }
   resizeConfig.animationId = window.requestAnimationFrame(() => {
     try {
-      let symbolKeys = Object.getOwnPropertySymbols(maintainStore.resizeMap);
+      let symbolKeys = Object.getOwnPropertySymbols(resizeMap);
       symbolKeys = [
         ...symbolKeys.slice(resizeConfig.resizeIndex),
         ...symbolKeys
@@ -65,7 +26,7 @@ function onResizeHandler() {
       symbolKeys.forEach((key, index, list) => {
         const timeout = setTimeout(() => {
           resizeConfig.resizeIndex = list.length - 1 == index ? 0 : index;
-          const fun = maintainStore.resizeMap[key];
+          const fun = resizeMap[key];
           isFunction(fun) && fun();
         }, 1);
         resizeConfig.timerList.push(timeout);
@@ -85,5 +46,30 @@ function removeResizeListener() {
   window.removeEventListener("resize", onResizeHandler);
   resizeConfig.init = false;
 }
+function useResizeHandler() {
+  function addResize(key, callback) {
+    if (!callback) return;
+    if (!key) {
+      key = /* @__PURE__ */ Symbol("resize");
+    }
+    resizeMap[key] = callback;
+    addResizeListener();
+    return key;
+  }
+  function removeResize(key) {
+    if (key) {
+      delete resizeMap[key];
+    }
+  }
+  function clearResize() {
+    resizeMap = {};
+    removeResizeListener();
+  }
+  return {
+    addResize,
+    removeResize,
+    clearResize
+  };
+}
 
-export { useMaintainStore };
+export { useResizeHandler };

package/es/hooks/useUserAvatarMap.mjs

@@ -0,0 +1,9 @@
+import { inject, ref } from 'vue';
+
+const localUserAvatarMapKey = /* @__PURE__ */ Symbol("userAvatarMap");
+const useUserAvatarMap = () => {
+  const userAvatarMap = inject(localUserAvatarMapKey, ref(/* @__PURE__ */ new Map()));
+  return { userAvatarMap };
+};
+
+export { localUserAvatarMapKey, useUserAvatarMap };

package/es/index.mjs

@@ -1,15 +1,16 @@
 import installer from './make-installer.mjs';
-export { store } from './store/index.mjs';
 export { AppButton } from './components/appButton/index.mjs';
 export { AppConfigProvider } from './components/appConfigProvider/index.mjs';
 export { AppConfirmDialog } from './components/appConfirmDialog/index.mjs';
 export { AppDatePicker } from './components/appDatePicker/index.mjs';
 export { AppForm } from './components/appForm/index.mjs';
-export { AppIcon, appIconBox } from './components/appIcon/index.mjs';
+export { AppIcon } from './components/appIcon/index.mjs';
+export { AppIconBox } from './components/appIconBox/index.mjs';
 export { AppOrgCascader } from './components/appOrgCascader/index.mjs';
 export { AppSearch } from './components/appSearch/index.mjs';
 export { AppTable } from './components/appTable/index.mjs';
 export { AppTooltip } from './components/appTooltip/index.mjs';
+export { AppUserAvatar } from './components/appUserAvatar/index.mjs';
 export { base64Decrypt, encryptToBase64, generateRandomCode } from './utils/crypto.mjs';
 export { buildLocaleContext, buildTranslator, getLanguage, localeContextKey, translate, useLocale } from './hooks/useLocale.mjs';
 export { bus } from './utils/bus.mjs';
@@ -18,12 +19,13 @@ export { configProviderContextKey, provideGlobalConfig, useGlobalConfig } from '
 export { defaultAxios, localApiKey, useApi } from './hooks/useApi.mjs';
 export { getDefaultValueFormatByType } from './utils/date.mjs';
 export { isArray, isBoolean, isEmpty, isFunction, isNull, isNumber, isObject, isOverflowing, isString, isSymbol, isUndefined, isVueProxy } from './utils/is.mjs';
+export { localUserAvatarMapKey, useUserAvatarMap } from './hooks/useUserAvatarMap.mjs';
 export { parseRem, pxTorem, remToPx, vwToPx } from './utils/adaptive.mjs';
 export { useAppForm } from './components/appForm/js/useAppForm.mjs';
 export { useAppSearch } from './components/appSearch/js/useAppSearch.mjs';
 export { useAppTable } from './components/appTable/js/useAppTable.mjs';
-export { useMaintainStore } from './store/maintain.mjs';
 export { useMixins } from './hooks/useMixins.mjs';
+export { useResizeHandler } from './hooks/useResizeHandler.mjs';
 
 import "./style/index.scss";
 

package/es/locale/en.mjs

@@ -61,6 +61,9 @@ var en = {
   },
   cascader: {
     pleaseSelectDepartment: "Please Select Department"
+  },
+  userAvatar: {
+    userAvatar: "User Avatar"
   }
 };
 

package/es/locale/zh_CN.mjs

@@ -61,6 +61,9 @@ var Chinese = {
   },
   cascader: {
     pleaseSelectDepartment: "\u8BF7\u9009\u62E9\u90E8\u95E8"
+  },
+  userAvatar: {
+    userAvatar: "\u7528\u6237\u5934\u50CF"
   }
 };
 

package/es/make-installer.mjs

@@ -1,12 +1,10 @@
 import { INSTALLED_KEY } from './constants/index.mjs';
 import * as index from './components/index.mjs';
 import { version } from './version.mjs';
-import { store } from './store/index.mjs';
 import { provideGlobalConfig } from './hooks/useGlobalConfig.mjs';
 
 const makeInstaller = () => {
   const install = (app, options) => {
-    var _a, _b;
     if (app[INSTALLED_KEY]) return;
     app[INSTALLED_KEY] = true;
     Object.values(index).forEach((component) => {
@@ -14,9 +12,6 @@ const makeInstaller = () => {
       app.use(component);
     });
     if (options) provideGlobalConfig(options, app, true);
-    if (!((_b = (_a = app.config) == null ? void 0 : _a.globalProperties) == null ? void 0 : _b.$pinia)) {
-      app.use(store);
-    }
   };
   return {
     version,

package/es/version.mjs

@@ -1,3 +1,3 @@
-const version = "0.1.1";
+const version = "0.1.2";
 
 export { version };

package/lib/components/appButton/appButton.vue.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var elementPlus = require('element-plus');
 var iconsVue = require('@element-plus/icons-vue');
-var appIcon = require('../appIcon/appIcon.vue.js');
+var index = require('../appIcon/index.js');
 
 import "./style/appButton.scss";
 
@@ -84,7 +84,7 @@ const _sfc_main = {
                   },
                   [
                     !__props.loading ? vue.renderSlot(_ctx.$slots, "svg", { key: 0 }, () => [
-                      __props.svgName ? (vue.openBlock(), vue.createBlock(appIcon.default, {
+                      __props.svgName ? (vue.openBlock(), vue.createBlock(vue.unref(index.AppIcon), {
                         key: 0,
                         "svg-name": __props.svgName,
                         "class-name": "!w-3 !h-3 text-main mr-2"

package/lib/components/appConfigProvider/appConfigProvider.vue.js

@@ -33,45 +33,61 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
   props: {
     locale: {
       type: String,
+      required: false,
       default: "zhCn"
     },
     api: {
-      type: Object
+      type: [Object, Function],
+      required: false
+    },
+    userAvatarMap: {
+      type: Map,
+      required: false,
+      default: () => /* @__PURE__ */ new Map()
     },
     size: {
       type: String,
+      required: false,
       default: "default"
     },
     zIndex: {
-      type: Number
+      type: Number,
+      required: false
     },
     button: {
-      type: Object
+      type: Object,
+      required: false
     },
     link: {
-      type: Object
+      type: Object,
+      required: false
     },
     dialog: {
-      type: Object
+      type: Object,
+      required: false
     },
     message: {
-      type: Object
+      type: Object,
+      required: false
     },
     emptyValues: {
-      type: String
+      type: String,
+      required: false
     },
     valueOnClear: {
-      type: [String, Number, null]
+      type: [String, Number, null],
+      required: false
     },
     table: {
-      type: Object
+      type: Object,
+      required: false
     }
   },
   setup(__props) {
     const props = __props;
     const globalConfig = useGlobalConfig.provideGlobalConfig(props);
     const config = vue.computed(() => {
-      const { locale, api, ...config2 } = globalConfig.value;
+      const { locale, api, userAvatarMap, ...config2 } = globalConfig.value;
       return {
         locale: ElementLocale__namespace[locale] || ElementLocale__namespace["zhCn"],
         ...config2

package/lib/components/appConfirmDialog/appConfirmDialog.vue.js

@@ -31,7 +31,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     },
     showClose: {
       type: Boolean,
-      default: true
+      default: false
     },
     showCancel: {
       type: Boolean,
@@ -55,19 +55,21 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     submitText: {
       type: String
     },
-    onCancel: {
-      type: Function
+    iconColor: {
+      type: String,
+      default: "rgb(var(--hy-main))"
     },
-    onSubmit: {
-      type: Function
-    }
+    onClose: Function,
+    onCancel: Function,
+    onSubmit: Function
   }, {
     "modelValue": { type: Boolean, default: false },
     "modelModifiers": {}
   }),
-  emits: /* @__PURE__ */ vue.mergeModels(["on-submit", "on-close"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ vue.mergeModels(["hide"], ["update:modelValue"]),
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
+    const emits = __emit;
     const { t } = useLocale.useLocale();
     const visible = vue.useModel(__props, "modelValue");
     const loading = vue.ref(false);
@@ -85,8 +87,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       }
       visible.value = false;
       loading.value = false;
+      emits("hide");
     }
-    async function onCloseHandler() {
+    async function onCancelHandler() {
       if (loading.value) return;
       loading.value = true;
       if (props.onCancel) {
@@ -100,6 +103,23 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       }
       visible.value = false;
       loading.value = false;
+      emits("hide");
+    }
+    async function onCloseHandler() {
+      if (loading.value) return;
+      loading.value = true;
+      if (props.onClose) {
+        try {
+          await props.onClose();
+        } catch (err) {
+          console.error(err);
+          loading.value = false;
+          return;
+        }
+      }
+      visible.value = false;
+      loading.value = false;
+      emits("hide");
     }
     __expose({
       show: () => {
@@ -121,7 +141,11 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         top: "15%"
       }, _ctx.$attrs), {
         header: vue.withCtx(() => [
-          vue.createElementVNode("div", { class: "h-[38px] flex items-center justify-between border-b border-border pl-4 pr-[10px]" }, [
+          vue.createElementVNode("div", {
+            class: "h-[38px] flex items-center justify-between border-b border-border pl-4 pr-[10px]",
+            onClick: vue.withModifiers(() => {
+            }, ["stop"])
+          }, [
             vue.createElementVNode(
               "span",
               { class: "text-sm text-main font-bold" },
@@ -151,44 +175,44 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
               2
               /* CLASS */
             )) : vue.createCommentVNode("v-if", true)
-          ])
+          ], 8, ["onClick"])
         ]),
         default: vue.withCtx(() => [
-          vue.createElementVNode("div", { class: "h-[253px] flex flex-col items-center justify-between pt-[37px] pb-[27px]" }, [
+          vue.createElementVNode("div", { class: "flex flex-col items-center justify-between pt-[37px] pb-[27px]" }, [
             vue.createElementVNode("div", { class: "flex flex-col items-center text-main" }, [
               vue.createVNode(vue.unref(elementPlus.ElIcon), {
                 size: "40",
-                color: "rgb(var(--hy-main))"
+                color: __props.iconColor
               }, {
                 default: vue.withCtx(() => [
                   vue.createVNode(vue.unref(iconsVue.Warning))
                 ]),
                 _: 1
                 /* STABLE */
-              }),
+              }, 8, ["color"]),
               vue.createElementVNode(
                 "div",
                 {
-                  class: vue.normalizeClass(["text-base font-bold mt-[10px] mb-[26px]", __props.titleClass])
+                  class: vue.normalizeClass(["text-base text-center font-bold mt-[10px] mb-[26px]", __props.titleClass])
                 },
                 vue.toDisplayString(__props.title),
                 3
                 /* TEXT, CLASS */
               ),
               vue.createElementVNode("div", {
-                class: "max-w-[300px] text-smword-break",
+                class: "max-w-[300px] text-smword-break text-center break-all",
                 innerHTML: __props.content
               }, null, 8, ["innerHTML"])
             ]),
             __props.showSubmit || __props.showCancel ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
-              class: "mt-3"
+              class: "pt-[32px]"
             }, [
               __props.showCancel ? (vue.openBlock(), vue.createBlock(vue.unref(index.AppButton), {
                 key: 0,
                 type: __props.cancelType,
                 disabled: loading.value,
-                onClick: onCloseHandler
+                onClick: onCancelHandler
               }, {
                 default: vue.withCtx(() => [
                   vue.createTextVNode(

package/lib/components/appConfirmDialog/appConfirmMethod.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
+var useApi = require('../../hooks/useApi.js');
 var index = require('../appConfigProvider/index.js');
 var appConfirmDialog = require('./appConfirmDialog.vue.js');
 var useGlobalConfig = require('../../hooks/useGlobalConfig.js');
@@ -12,22 +13,25 @@ function appConfirmMethod(config) {
   let container = document.createDocumentFragment();
   const currentConfig = {
     ...config,
-    onClose: () => {
-      if (config.onClose) {
-        config.onClose();
-      }
+    onHide: () => {
       destroy();
     }
   };
   let confirmDialogInstance = null;
   function render(props) {
     const globalConfig = useGlobalConfig.useGlobalConfig();
+    const {
+      locale = "zhCn",
+      api = useApi.defaultAxios,
+      ...args
+    } = vue.unref(globalConfig) || {};
     const vm = vue.createVNode(appConfirmDialog.default, props);
     const configProvider = vue.createVNode(
       index.AppConfigProvider,
       {
-        locale: vue.unref(globalConfig).locale,
-        api: vue.unref(globalConfig).api
+        locale,
+        api,
+        ...args
       },
       () => [vm]
     );
@@ -52,10 +56,10 @@ function appConfirmMethod(config) {
 appConfirmDialog.default.tip = (props) => {
   const { t } = useLocale.useLocale();
   return appConfirmMethod({
-    showCancel: false,
     dialogTitle: t("confirmDialog.prompt"),
     title: t("confirmDialog.prompt"),
     content: t("confirmDialog.content"),
+    showCancel: false,
     ...props
   });
 };
@@ -75,6 +79,7 @@ appConfirmDialog.default.warning = (props) => {
     title: t("confirmDialog.prompt"),
     titleClass: "text-warning",
     content: t("confirmDialog.content"),
+    iconColor: "rgb(var(--hy-warning))",
     ...props
   });
 };
@@ -82,10 +87,11 @@ appConfirmDialog.default.danger = (props) => {
   const { t } = useLocale.useLocale();
   return appConfirmMethod({
     dialogTitle: t("confirmDialog.dangerousOperation"),
-    titleClass: "text-danger-2",
+    titleClass: "text-danger",
     title: t("confirmDialog.prompt"),
     content: t("confirmDialog.content"),
     submitType: "danger",
+    iconColor: "rgb(var(--hy-danger))",
     ...props
   });
 };

package/lib/components/appIcon/index.js

@@ -3,12 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var appIcon = require('./appIcon.vue.js');
-var appIconBox$1 = require('./appIconBox.vue.js');
 var handler = require('../../utils/handler.js');
 
 const AppIcon = handler.withInstall(appIcon.default);
-const appIconBox = handler.withInstall(appIconBox$1.default);
 
 exports.AppIcon = AppIcon;
-exports.appIconBox = appIconBox;
 exports.default = AppIcon;

package/lib/components/{appIcon → appIconBox}/appIconBox.vue.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var elementPlus = require('element-plus');
-var appIcon = require('./appIcon.vue.js');
+var index = require('../appIcon/index.js');
 
 import "./style/appIconBox.scss";
 
 const __default__ = vue.defineComponent({
-  name: "appIconBox"
+  name: "AppIconBox"
 });
 const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
   props: {
@@ -73,7 +73,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                 style: vue.normalizeStyle(style.value)
               },
               [
-                vue.createVNode(appIcon.default, {
+                vue.createVNode(vue.unref(index.AppIcon), {
                   prefix: __props.prefix,
                   "svg-name": __props.svgName,
                   style: { width: "100%", height: "100%" }

package/lib/components/appIconBox/index.js

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