hy-dispatch-ui-v3 0.1.1 → 0.1.3

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,16 @@ 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 { AppNoPermissions } from './appNoPermissions/index.mjs';
+export { AppNoPermissionsMap } from './appNoPermissionsMap/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,18 @@
 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 { AppNoPermissions } from './components/appNoPermissions/index.mjs';
+export { AppNoPermissionsMap } from './components/appNoPermissionsMap/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 +21,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

@@ -31,6 +31,9 @@ var en = {
     confirm: "Confirm",
     loading: "Loading"
   },
+  form: {
+    department: "Department"
+  },
   table: {
     hideFilter: "Hide filter",
     displayFilter: "Display filter",
@@ -61,6 +64,15 @@ var en = {
   },
   cascader: {
     pleaseSelectDepartment: "Please Select Department"
+  },
+  userAvatar: {
+    userAvatar: "User Avatar"
+  },
+  permissino: {
+    youDoNotHaveSubordinatePermissionsForThisModule: "You Do Not Have Subordinate Permissions For This Module",
+    pleaseContactTheAdministrator: "Please Contact The Administrator",
+    youDoNotHaveAMapConfigurationForThisModule: "You Do Not Have A Map Configuration For This Module",
+    pleaseContactTheAdministratorToGoToTheSettingsCenterForConfiguration: "Please Contact The Administrator To Go To The Settings Center For Configuration"
   }
 };
 

package/es/locale/zh_CN.mjs

@@ -31,6 +31,9 @@ var Chinese = {
     confirm: "\u786E\u8BA4",
     loading: "\u52A0\u8F7D\u4E2D"
   },
+  form: {
+    department: "\u6240\u5C5E\u90E8\u95E8"
+  },
   table: {
     hideFilter: "\u9690\u85CF\u7B5B\u9009\u5668",
     displayFilter: "\u663E\u793A\u7B5B\u9009\u5668",
@@ -60,7 +63,16 @@ var Chinese = {
     dangerousOperation: "\u5371\u9669\u64CD\u4F5C"
   },
   cascader: {
-    pleaseSelectDepartment: "\u8BF7\u9009\u62E9\u90E8\u95E8"
+    pleaseSelectDepartment: "\u8BF7\u9009\u62E9\u6240\u5C5E\u90E8\u95E8"
+  },
+  userAvatar: {
+    userAvatar: "\u7528\u6237\u5934\u50CF"
+  },
+  permissino: {
+    youDoNotHaveSubordinatePermissionsForThisModule: "\u60A8\u6CA1\u6709\u8BE5\u6A21\u5757\u4E0B\u7EA7\u6743\u9650",
+    pleaseContactTheAdministrator: "\u8BF7\u8054\u7CFB\u7BA1\u7406\u5458",
+    youDoNotHaveAMapConfigurationForThisModule: "\u60A8\u6CA1\u6709\u8BE5\u6A21\u5757\u7684\u5730\u56FE\u914D\u7F6E",
+    pleaseContactTheAdministratorToGoToTheSettingsCenterForConfiguration: "\u8BF7\u8054\u7CFB\u7BA1\u7406\u5458\u524D\u5F80\u8BBE\u7F6E\u4E2D\u5FC3\u8FDB\u884C\u914D\u7F6E"
   }
 };
 

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/style/index.scss

@@ -1,6 +1,4 @@
 @use './element/index.scss';
-@use './theme.scss';
-// @use './style/tailwind.scss';
 
 * {
   margin: 0;

package/es/version.mjs

@@ -1,3 +1,3 @@
-const version = "0.1.1";
+const version = "0.1.3";
 
 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";
 
@@ -42,10 +42,10 @@ const _sfc_main = {
   setup(__props, { emit: __emit }) {
     const props = __props;
     const typeObj = {
-      default: "button_default",
-      primary: "button_function",
-      success: "button_addTo",
-      danger: "button_delete"
+      default: "hy-button_default",
+      primary: "hy-button_function",
+      success: "hy-button_addTo",
+      danger: "hy-button_delete"
     };
     const emit = __emit;
     const handleClick = (event) => {
@@ -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/appButton/style/appButton.scss

@@ -32,7 +32,7 @@
   }
 }
 
-.button_default {
+.hy-button_default {
   background: rgba(94, 157, 180, 0.32);
 
   .hy-button__border {
@@ -96,7 +96,7 @@
   }
 }
 
-.button_function {
+.hy-button_function {
   background: rgba(45, 242, 255, 0.32);
 
   .hy-button__border {
@@ -160,7 +160,7 @@
   }
 }
 
-.button_addTo {
+.hy-button_addTo {
   background: rgba(44, 232, 152, 0.32);
 
   .hy-button__border {
@@ -224,7 +224,7 @@
   }
 }
 
-.button_delete {
+.hy-button_delete {
   background: rgba(255, 77, 77, 0.32);
 
   .hy-button__border {

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(