hy-dispatch-ui-v3 0.1.1 → 0.1.2

package/dist/tailwind.css

@@ -716,10 +716,6 @@ video {
   height: 0px;
 }
 
-.h-\[253px\] {
-  height: 253px;
-}
-
 .h-\[364px\] {
   height: 364px;
 }
@@ -760,8 +756,8 @@ video {
   width: 1.25rem;
 }
 
-.w-\[124px\] {
-  width: 124px;
+.w-\[160px\] {
+  width: 160px;
 }
 
 .w-\[200px\] {
@@ -958,6 +954,16 @@ video {
   background-color: rgb(var(--hy-background-2), var(--tw-bg-opacity, 1));
 }
 
+.bg-info {
+  --tw-bg-opacity: 1;
+  background-color: rgb(var(--hy-info), var(--tw-bg-opacity, 1));
+}
+
+.bg-success {
+  --tw-bg-opacity: 1;
+  background-color: rgb(var(--hy-success), var(--tw-bg-opacity, 1));
+}
+
 .bg-success\/50 {
   background-color: rgb(var(--hy-success), 0.5);
 }
@@ -1064,6 +1070,10 @@ video {
   padding-top: 11px;
 }
 
+.pt-\[32px\] {
+  padding-top: 32px;
+}
+
 .pt-\[37px\] {
   padding-top: 37px;
 }
@@ -1072,6 +1082,10 @@ video {
   padding-top: 5px;
 }
 
+.text-center {
+  text-align: center;
+}
+
 .text-base {
   font-size: 1rem;
   line-height: 1.5rem;
@@ -1087,6 +1101,10 @@ video {
   line-height: 1rem;
 }
 
+.font-\[600\] {
+  font-weight: 600;
+}
+
 .font-bold {
   font-weight: 700;
 }
@@ -1108,6 +1126,11 @@ video {
   color: rgb(var(--hy-auxiliary), var(--tw-text-opacity, 1));
 }
 
+.text-danger {
+  --tw-text-opacity: 1;
+  color: rgb(var(--hy-danger), var(--tw-text-opacity, 1));
+}
+
 .text-danger-2 {
   --tw-text-opacity: 1;
   color: rgb(var(--hy-danger-2), var(--tw-text-opacity, 1));
@@ -1133,6 +1156,17 @@ video {
   color: rgb(var(--hy-warning), var(--tw-text-opacity, 1));
 }
 
+.shadow-\[0_0_4px_0\] {
+  --tw-shadow: 0 0 4px 0;
+  --tw-shadow-colored: 0 0 4px 0 var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.shadow-success {
+  --tw-shadow-color: rgb(var(--hy-success), 1);
+  --tw-shadow: var(--tw-shadow-colored);
+}
+
 .outline {
   outline-style: solid;
 }

package/es/components/appButton/appButton.vue.mjs

@@ -1,7 +1,7 @@
 import { openBlock, createElementBlock, normalizeClass, createCommentVNode, createElementVNode, renderSlot, createBlock, unref, withCtx, createVNode, Fragment } from 'vue';
 import { ElIcon } from 'element-plus';
 import { Loading, ArrowDown } from '@element-plus/icons-vue';
-import _sfc_main$1 from '../appIcon/appIcon.vue.mjs';
+import { AppIcon } from '../appIcon/index.mjs';
 
 import "./style/appButton.scss";
 
@@ -80,7 +80,7 @@ const _sfc_main = {
                   },
                   [
                     !__props.loading ? renderSlot(_ctx.$slots, "svg", { key: 0 }, () => [
-                      __props.svgName ? (openBlock(), createBlock(_sfc_main$1, {
+                      __props.svgName ? (openBlock(), createBlock(unref(AppIcon), {
                         key: 0,
                         "svg-name": __props.svgName,
                         "class-name": "!w-3 !h-3 text-main mr-2"

package/es/components/appConfigProvider/appConfigProvider.vue.mjs

@@ -10,45 +10,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 = provideGlobalConfig(props);
     const config = computed(() => {
-      const { locale, api, ...config2 } = globalConfig.value;
+      const { locale, api, userAvatarMap, ...config2 } = globalConfig.value;
       return {
         locale: ElementLocale[locale] || ElementLocale["zhCn"],
         ...config2

package/es/components/appConfirmDialog/appConfirmDialog.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, useModel, ref, openBlock, createBlock, unref, mergeProps, withCtx, createElementVNode, createVNode, normalizeClass, toDisplayString, createElementBlock, createTextVNode, createCommentVNode, mergeModels } from 'vue';
+import { defineComponent, useModel, ref, openBlock, createBlock, unref, mergeProps, withCtx, createElementVNode, createVNode, normalizeClass, toDisplayString, createElementBlock, createTextVNode, createCommentVNode, withModifiers, mergeModels } from 'vue';
 import { ElDialog, ElIcon } from 'element-plus';
 import { Warning, CircleClose } from '@element-plus/icons-vue';
 import { AppButton } from '../appButton/index.mjs';
@@ -27,7 +27,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     },
     showClose: {
       type: Boolean,
-      default: true
+      default: false
     },
     showCancel: {
       type: Boolean,
@@ -51,19 +51,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__ */ mergeModels(["on-submit", "on-close"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ mergeModels(["hide"], ["update:modelValue"]),
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
+    const emits = __emit;
     const { t } = useLocale();
     const visible = useModel(__props, "modelValue");
     const loading = ref(false);
@@ -81,8 +83,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) {
@@ -96,6 +99,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: () => {
@@ -117,7 +137,11 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         top: "15%"
       }, _ctx.$attrs), {
         header: withCtx(() => [
-          createElementVNode("div", { class: "h-[38px] flex items-center justify-between border-b border-border pl-4 pr-[10px]" }, [
+          createElementVNode("div", {
+            class: "h-[38px] flex items-center justify-between border-b border-border pl-4 pr-[10px]",
+            onClick: withModifiers(() => {
+            }, ["stop"])
+          }, [
             createElementVNode(
               "span",
               { class: "text-sm text-main font-bold" },
@@ -147,44 +171,44 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
               2
               /* CLASS */
             )) : createCommentVNode("v-if", true)
-          ])
+          ], 8, ["onClick"])
         ]),
         default: withCtx(() => [
-          createElementVNode("div", { class: "h-[253px] flex flex-col items-center justify-between pt-[37px] pb-[27px]" }, [
+          createElementVNode("div", { class: "flex flex-col items-center justify-between pt-[37px] pb-[27px]" }, [
             createElementVNode("div", { class: "flex flex-col items-center text-main" }, [
               createVNode(unref(ElIcon), {
                 size: "40",
-                color: "rgb(var(--hy-main))"
+                color: __props.iconColor
               }, {
                 default: withCtx(() => [
                   createVNode(unref(Warning))
                 ]),
                 _: 1
                 /* STABLE */
-              }),
+              }, 8, ["color"]),
               createElementVNode(
                 "div",
                 {
-                  class: normalizeClass(["text-base font-bold mt-[10px] mb-[26px]", __props.titleClass])
+                  class: normalizeClass(["text-base text-center font-bold mt-[10px] mb-[26px]", __props.titleClass])
                 },
                 toDisplayString(__props.title),
                 3
                 /* TEXT, CLASS */
               ),
               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 ? (openBlock(), createElementBlock("div", {
               key: 0,
-              class: "mt-3"
+              class: "pt-[32px]"
             }, [
               __props.showCancel ? (openBlock(), createBlock(unref(AppButton), {
                 key: 0,
                 type: __props.cancelType,
                 disabled: loading.value,
-                onClick: onCloseHandler
+                onClick: onCancelHandler
               }, {
                 default: withCtx(() => [
                   createTextVNode(

package/es/components/appConfirmDialog/appConfirmMethod.mjs

@@ -1,4 +1,5 @@
-import { createVNode, unref, render } from 'vue';
+import { unref, createVNode, render } from 'vue';
+import { defaultAxios } from '../../hooks/useApi.mjs';
 import { AppConfigProvider } from '../appConfigProvider/index.mjs';
 import _sfc_main from './appConfirmDialog.vue.mjs';
 import { useGlobalConfig } from '../../hooks/useGlobalConfig.mjs';
@@ -8,22 +9,25 @@ function appConfirmMethod(config) {
   let container = document.createDocumentFragment();
   const currentConfig = {
     ...config,
-    onClose: () => {
-      if (config.onClose) {
-        config.onClose();
-      }
+    onHide: () => {
       destroy();
     }
   };
   let confirmDialogInstance = null;
   function render$1(props) {
     const globalConfig = useGlobalConfig();
+    const {
+      locale = "zhCn",
+      api = defaultAxios,
+      ...args
+    } = unref(globalConfig) || {};
     const vm = createVNode(_sfc_main, props);
     const configProvider = createVNode(
       AppConfigProvider,
       {
-        locale: unref(globalConfig).locale,
-        api: unref(globalConfig).api
+        locale,
+        api,
+        ...args
       },
       () => [vm]
     );
@@ -48,10 +52,10 @@ function appConfirmMethod(config) {
 _sfc_main.tip = (props) => {
   const { t } = useLocale();
   return appConfirmMethod({
-    showCancel: false,
     dialogTitle: t("confirmDialog.prompt"),
     title: t("confirmDialog.prompt"),
     content: t("confirmDialog.content"),
+    showCancel: false,
     ...props
   });
 };
@@ -71,6 +75,7 @@ _sfc_main.warning = (props) => {
     title: t("confirmDialog.prompt"),
     titleClass: "text-warning",
     content: t("confirmDialog.content"),
+    iconColor: "rgb(var(--hy-warning))",
     ...props
   });
 };
@@ -78,10 +83,11 @@ _sfc_main.danger = (props) => {
   const { t } = 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/es/components/appIcon/index.mjs

@@ -1,8 +1,6 @@
 import _sfc_main from './appIcon.vue.mjs';
-import _sfc_main$1 from './appIconBox.vue.mjs';
 import { withInstall } from '../../utils/handler.mjs';
 
 const AppIcon = withInstall(_sfc_main);
-const appIconBox = withInstall(_sfc_main$1);
 
-export { AppIcon, appIconBox, AppIcon as default };
+export { AppIcon, AppIcon as default };

package/es/components/{appIcon → appIconBox}/appIconBox.vue.mjs

@@ -1,11 +1,11 @@
 import { defineComponent, computed, openBlock, createElementBlock, createVNode, unref, createSlots, withCtx, createElementVNode, normalizeStyle, normalizeClass, renderSlot } from 'vue';
 import { ElTooltip } from 'element-plus';
-import _sfc_main$1 from './appIcon.vue.mjs';
+import { AppIcon } from '../appIcon/index.mjs';
 
 import "./style/appIconBox.scss";
 
 const __default__ = defineComponent({
-  name: "appIconBox"
+  name: "AppIconBox"
 });
 const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
   props: {
@@ -69,7 +69,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                 style: normalizeStyle(style.value)
               },
               [
-                createVNode(_sfc_main$1, {
+                createVNode(unref(AppIcon), {
                   prefix: __props.prefix,
                   "svg-name": __props.svgName,
                   style: { width: "100%", height: "100%" }

package/es/components/appIconBox/index.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './appIconBox.vue.mjs';
+import { withInstall } from '../../utils/handler.mjs';
+
+const AppIconBox = withInstall(_sfc_main);
+
+export { AppIconBox, AppIconBox as default };

package/es/components/appSearch/js/index.mjs

@@ -1,7 +1,7 @@
 import dayjs from 'dayjs';
 import { ref, watch, nextTick, unref } from 'vue';
-import { useMaintainStore } from '../../../store/maintain.mjs';
 import { isEmpty, isArray, isBoolean, isFunction, isNumber, isString } from '../../../utils/is.mjs';
+import { useResizeHandler } from '../../../hooks/useResizeHandler.mjs';
 
 function columnItemStyle(props, column) {
   const { width } = column;
@@ -42,10 +42,10 @@ function isEmptyValue(e) {
   return isEmpty(e) || isArray(e) && !e.length;
 }
 function useShrink(props, templateRef) {
+  const { addResize, removeResize } = useResizeHandler();
+  const resizeExpandKey = /* @__PURE__ */ Symbol("appSearchExpand");
   const isExpand = ref(false);
   const containerHeight = ref(getContainerPickUpHeight());
-  const maintainStore = useMaintainStore();
-  const resizeExpandKey = /* @__PURE__ */ Symbol("appSearchExpand");
   function getContainerPickUpHeight() {
     switch (props.size) {
       case "large":
@@ -71,7 +71,7 @@ function useShrink(props, templateRef) {
     () => {
       nextTick(() => {
         shrinkResizeHandler();
-        maintainStore.addResize(shrinkResizeHandler, resizeExpandKey);
+        addResize(resizeExpandKey, shrinkResizeHandler);
       });
     },
     { immediate: true, deep: true }
@@ -82,7 +82,7 @@ function useShrink(props, templateRef) {
     switchShrink,
     shrinkResizeHandler,
     shrinkDestroy() {
-      maintainStore.removeResize(resizeExpandKey);
+      removeResize(resizeExpandKey);
     }
   };
 }

package/es/components/appTable/appTable.vue.mjs

@@ -8,7 +8,7 @@ import _sfc_main$1 from './cpns/columnSelect.vue.mjs';
 import { useMixins } from '../../hooks/useMixins.mjs';
 import { AppSearch } from '../appSearch/index.mjs';
 import { parseRem } from '../../utils/adaptive.mjs';
-import { appIconBox } from '../appIcon/index.mjs';
+import { AppIconBox } from '../appIconBox/index.mjs';
 import { useLocale } from '../../hooks/useLocale.mjs';
 import { isEmpty } from '../../utils/is.mjs';
 
@@ -254,7 +254,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                 key: 2,
                 modelValue: unref(formModel).query,
                 "onUpdate:modelValue": ($event) => unref(formModel).query = $event,
-                class: "w-[124px]",
+                class: "w-[160px]",
                 placeholder: unref(t)("table.searchFor", [unref(searchPlaceholder)]),
                 onKeydown: withKeys(unref(onSearchQueryHandler), ["enter"])
               }, {
@@ -365,7 +365,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                           scope,
                                           "default"
                                         ), (citem, cindex) => {
-                                          return openBlock(), createBlock(unref(appIconBox), {
+                                          return openBlock(), createBlock(unref(AppIconBox), {
                                             key: cindex,
                                             "svg-name": citem.svgName,
                                             altText: citem.label,
@@ -442,7 +442,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                           )
                                         ]),
                                         default: withCtx(() => [
-                                          createVNode(unref(appIconBox), {
+                                          createVNode(unref(AppIconBox), {
                                             key: "more",
                                             "svg-name": "system-burst_analysis_select_option",
                                             altText: unref(t)("table.moreOperations"),

package/es/components/appTable/js/search.mjs

@@ -59,6 +59,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);

package/es/components/appUserAvatar/appUserAvatar.vue.mjs

@@ -0,0 +1,136 @@
+import { defineComponent, computed, unref, openBlock, createElementBlock, normalizeStyle, createBlock, normalizeClass, createCommentVNode } from 'vue';
+import { AppIcon } from '../appIcon/index.mjs';
+import { useUserAvatarMap } from '../../hooks/useUserAvatarMap.mjs';
+import { pxTorem } from '../../utils/adaptive.mjs';
+import { useLocale } from '../../hooks/useLocale.mjs';
+
+import "./style/appUserAvatar.scss";
+
+const __default__ = 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();
+    const { userAvatarMap } = useUserAvatarMap();
+    const headImg = computed(() => {
+      var _a;
+      return props.device && ((_a = 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 pxTorem(px);
+      }
+      return "";
+    }
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d, _e, _f;
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          style: 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 ? (openBlock(), createElementBlock(
+            "div",
+            {
+              key: 0,
+              style: 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 */
+          )) : (openBlock(), createElementBlock("div", {
+            key: 1,
+            class: "user-avatar"
+          }, [
+            headImg.value ? (openBlock(), createElementBlock("img", {
+              key: 0,
+              src: headImg.value,
+              alt: unref(t)("userAvatar.userAvatar")
+            }, null, 8, ["src", "alt"])) : ((_e = __props.device) == null ? void 0 : _e.onlineState) === 1 ? (openBlock(), createBlock(unref(AppIcon), {
+              key: 1,
+              "svg-name": __props.initSelectSvgName,
+              className: "svgBox"
+            }, null, 8, ["svg-name"])) : (openBlock(), createBlock(unref(AppIcon), {
+              key: 2,
+              "svg-name": __props.initSvgName,
+              className: "svgBox"
+            }, null, 8, ["svg-name"]))
+          ])),
+          __props.iconType ? (openBlock(), createElementBlock(
+            "span",
+            {
+              key: 2,
+              class: normalizeClass(
+                ((_f = __props.device) == null ? void 0 : _f.onlineState) === 1 ? "bg-success shadow-[0_0_4px_0] shadow-success" : "bg-info"
+              )
+            },
+            null,
+            2
+            /* CLASS */
+          )) : createCommentVNode("v-if", true)
+        ],
+        4
+        /* STYLE */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/appUserAvatar/index.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './appUserAvatar.vue.mjs';
+import { withInstall } from '../../utils/handler.mjs';
+
+const AppUserAvatar = withInstall(_sfc_main);
+
+export { AppUserAvatar, AppUserAvatar as default };