hy-dispatch-ui-v3 0.1.0 → 0.1.2

package/es/components/appTable/cpns/columnSelectItem.vue2.mjs

@@ -0,0 +1,167 @@
+import { defineComponent, openBlock, createBlock, unref, withCtx, createElementVNode, toDisplayString, createElementBlock, createCommentVNode, Fragment, renderList, normalizeClass, createVNode, withModifiers } from 'vue';
+import { ElPopover, ElIcon, ElCheckbox } from 'element-plus';
+import { Lock, DCaret } from '@element-plus/icons-vue';
+import { AppTooltip } from '../../appTooltip/index.mjs';
+import { useLocale } from '../../../hooks/useLocale.mjs';
+
+var _sfc_main = /* @__PURE__ */ 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();
+    function onClickHandler(column) {
+      if (column.editable.lock) return;
+      emits("checked", column);
+    }
+    return (_ctx, _cache) => {
+      var _a;
+      return openBlock(), createBlock(unref(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: withCtx(() => {
+          var _a2;
+          return [
+            createElementVNode("div", {
+              class: 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 ? (openBlock(), createBlock(unref(ElIcon), {
+                key: 0,
+                size: "14",
+                color: "rgb(var(--hy-info))",
+                class: "mr-2"
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(Lock))
+                ]),
+                _: 1
+                /* STABLE */
+              })) : (openBlock(), createBlock(unref(ElCheckbox), {
+                key: 1,
+                value: __props.column.prop,
+                onClick: withModifiers(() => {
+                }, ["stop"])
+              }, null, 8, ["value", "onClick"])),
+              createElementVNode("div", { class: "w-0 flex-1" }, [
+                createVNode(unref(AppTooltip), {
+                  "over-line": 1,
+                  content: __props.column.label
+                }, null, 8, ["content"])
+              ]),
+              !__props.column.editable.lock ? (openBlock(), createElementBlock("div", {
+                key: 2,
+                class: "h-full flex items-center text-auxiliary select-none ml-1"
+              }, [
+                __props.checkMap.has(__props.column.prop) ? (openBlock(), createElementBlock(
+                  "span",
+                  { key: 0 },
+                  toDisplayString(unref(t)("table.show")),
+                  1
+                  /* TEXT */
+                )) : (openBlock(), createElementBlock(
+                  "span",
+                  {
+                    key: 1,
+                    class: "text-info"
+                  },
+                  toDisplayString(unref(t)("table.notShown")),
+                  1
+                  /* TEXT */
+                )),
+                __props.columnsLength > 1 ? (openBlock(), createElementBlock("div", {
+                  key: 2,
+                  class: "w-5 h-full flex items-center justify-center handle cursor-grab ml-3",
+                  onClick: withModifiers(() => {
+                  }, ["stop"])
+                }, [
+                  createVNode(unref(ElIcon), null, {
+                    default: withCtx(() => [
+                      createVNode(unref(DCaret))
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  })
+                ], 8, ["onClick"])) : createCommentVNode("v-if", true)
+              ])) : createCommentVNode("v-if", true)
+            ], 10, ["onClick"])
+          ];
+        }),
+        default: withCtx(() => {
+          var _a2;
+          return [
+            createElementVNode(
+              "div",
+              { class: "h-[45px] px-[14px] flex items-center text-main text-sm font-bold border-b border-border" },
+              toDisplayString(__props.column.label),
+              1
+              /* TEXT */
+            ),
+            createElementVNode("div", { class: "flex flex-col gap-3 px-4 pt-2.5 pb-4 text-main text-xs" }, [
+              __props.column.editable.desc ? (openBlock(), createElementBlock(
+                "div",
+                { key: 0 },
+                toDisplayString(__props.column.editable.desc),
+                1
+                /* TEXT */
+              )) : createCommentVNode("v-if", true),
+              ((_a2 = __props.column.editable.examples) == null ? void 0 : _a2.length) ? (openBlock(), createElementBlock("div", { key: 1 }, [
+                createElementVNode(
+                  "div",
+                  { class: "text-auxiliary mb-1.5" },
+                  toDisplayString(unref(t)("table.example")),
+                  1
+                  /* TEXT */
+                ),
+                createElementVNode("div", { class: "flex flex-wrap gap-2" }, [
+                  (openBlock(true), createElementBlock(
+                    Fragment,
+                    null,
+                    renderList(__props.column.editable.examples, (item, index) => {
+                      return openBlock(), createElementBlock(
+                        "div",
+                        {
+                          key: index,
+                          class: "leading-5 bg-background-2 px-1.5 rounded-[2px]"
+                        },
+                        toDisplayString(item),
+                        1
+                        /* TEXT */
+                      );
+                    }),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ])
+              ])) : createCommentVNode("v-if", true)
+            ])
+          ];
+        }),
+        _: 1
+        /* STABLE */
+      }, 8, ["disabled"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/appTable/index.mjs

@@ -5,4 +5,3 @@ import { withInstall } from '../../utils/handler.mjs';
 const AppTable = withInstall(_sfc_main);
 
 export { AppTable, AppTable as default };
-//# sourceMappingURL=index.mjs.map

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

@@ -52,14 +52,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;
   }, {});
@@ -112,7 +114,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 {
@@ -124,7 +126,7 @@ const useAppTableWrapper = (hy) => {
     operatorDropdownRef
   } = hy;
   const { t } = useLocale();
-  const CACHE_COLUMNS_KEY = "CACHE_COLUMNS_KEY";
+  const CACHE_COLUMNS_KEY = props.controller || props.url || "CACHE_COLUMNS_KEY";
   const loading = ref(true);
   const tableDataSource = ref([]);
   const tableColumns = ref([]);
@@ -268,8 +270,8 @@ const useAppTableWrapper = (hy) => {
   }
   watchEffect(() => {
     const { columnsList, columnsEditablele, searchText } = tableColumnHandler(
-      CACHE_COLUMNS_KEY,
       props.tableColumns,
+      CACHE_COLUMNS_KEY,
       props.searchArr
     );
     tableColumns.value = columnsList;
@@ -300,5 +302,4 @@ const useAppTableWrapper = (hy) => {
   };
 };
 
-export { operatorClickHandler, operatorDisableTextdHandler, operatorDisabledHandler, operatorFilterHandler, tableColumnShowHandler, useAppTableWrapper };
-//# sourceMappingURL=index.mjs.map
+export { operatorClickHandler, operatorDisableTextdHandler, operatorDisabledHandler, operatorFilterHandler, tableColumnHandler, tableColumnShowHandler, useAppTableWrapper };

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

@@ -35,14 +35,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(() => {
+        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(() => {
+        unref(api).post(props.url, params, options).then(successFun).finally(() => {
           resolve();
           closeAppTableLoading();
           clearSelection();
@@ -58,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);
@@ -80,7 +82,6 @@ function useAppTableSearch(hy) {
         ...unref(formModel),
         page: unref(formModel).page - 1
       },
-      { isJSON: props.isJsonData },
       unref(props.requestParams)
     );
   }
@@ -114,11 +115,11 @@ function useAppTableSearch(hy) {
     totalElements,
     showFilter,
     getData,
+    setData,
     resetFn,
     switchShowFilter,
-    getTableDataSource,
     getTotalElements,
-    setData,
+    getTableDataSource,
     onSizeChangeHandler,
     onCurrentChangeHandler,
     onSearchQueryHandler
@@ -126,4 +127,3 @@ function useAppTableSearch(hy) {
 }
 
 export { useAppTableSearch };
-//# sourceMappingURL=search.mjs.map

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

@@ -21,7 +21,9 @@ function getColumnsEditable(column, index) {
       index,
       lock: false,
       edit: !type || type === "default",
-      checked: !!editable
+      checked: !!editable,
+      desc: void 0,
+      examples: []
     };
   }
   return {
@@ -29,6 +31,8 @@ function getColumnsEditable(column, index) {
     lock: false,
     edit: !type || type === "default",
     checked: !type || type !== "default" || prop === "operator",
+    desc: void 0,
+    examples: [],
     ...editable || {}
   };
 }
@@ -42,7 +46,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),
@@ -60,4 +64,3 @@ const useAppTable = (config = {}) => {
 };
 
 export { useAppTable };
-//# sourceMappingURL=useAppTable.mjs.map

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

@@ -91,4 +91,3 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
 });
 
 export { _sfc_main as default };
-//# sourceMappingURL=appTooltip.vue.mjs.map

package/es/components/appTooltip/index.mjs

@@ -4,4 +4,3 @@ import { withInstall } from '../../utils/handler.mjs';
 const AppTooltip = withInstall(_sfc_main);
 
 export { AppTooltip, AppTooltip as default };
-//# sourceMappingURL=index.mjs.map

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 };

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,11 +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 { IconBox, SvgIcon } from './svgIcon/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';
-//# sourceMappingURL=index.mjs.map

package/es/config/index.mjs

@@ -1,2 +1 @@
 
-//# sourceMappingURL=index.mjs.map

package/es/constants/index.mjs

@@ -1,4 +1,3 @@
 const INSTALLED_KEY = /* @__PURE__ */ Symbol("HY_INSTALLED_KEY");
 
 export { INSTALLED_KEY };
-//# sourceMappingURL=index.mjs.map

package/es/constants/keys.mjs

@@ -1,2 +1 @@
 
-//# sourceMappingURL=keys.mjs.map

package/es/hooks/index.mjs

@@ -1,5 +1,6 @@
-export { localApiKey, useApi } from './useApi.mjs';
+export { defaultAxios, localApiKey, useApi } from './useApi.mjs';
 export { buildLocaleContext, buildTranslator, getLanguage, localeContextKey, translate, useLocale } from './useLocale.mjs';
-export { getGlobalConfig, useGlobalConfig } from './useGlobalConfig.mjs';
+export { configProviderContextKey, provideGlobalConfig, useGlobalConfig } from './useGlobalConfig.mjs';
 export { useMixins } from './useMixins.mjs';
-//# sourceMappingURL=index.mjs.map
+export { localUserAvatarMapKey, useUserAvatarMap } from './useUserAvatarMap.mjs';
+export { useResizeHandler } from './useResizeHandler.mjs';

package/es/hooks/useApi.mjs

@@ -1,10 +1,25 @@
-import { inject, ref, unref } from 'vue';
+import axios from 'axios';
+import { ref, inject, unref } from 'vue';
 
 const localApiKey = /* @__PURE__ */ Symbol("localApiKey");
+const defaultAxios = ref(
+  axios.create({
+    withCredentials: false,
+    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, ref({}));
-  return { api: unref(api) };
+  const api = inject(localApiKey, defaultAxios);
+  return { api: unref(api) ? api : defaultAxios };
 };
 
-export { localApiKey, useApi };
-//# sourceMappingURL=useApi.mjs.map
+export { defaultAxios, localApiKey, useApi };