hy-dispatch-ui-v3 0.2.65 → 0.2.66

package/es/bussiness/hyUserTree/js/index.mjs

@@ -0,0 +1,126 @@
+import { useTemplateRef, ref, onMounted, nextTick, onUnmounted } from 'vue';
+import { orgListWithDev3Api } from '../../../api/organization.mjs';
+
+function useUserTree(hy) {
+  const emits = hy.emits;
+  const props = hy.props;
+  const hyTreeRef = useTemplateRef("hyTreeRef");
+  const containerRef = useTemplateRef("containerRef");
+  const treeHeight = ref(400);
+  let resizeObserver;
+  function updateTreeHeight() {
+    const height = hy.containerRef.value?.getBoundingClientRect().height;
+    if (height > 0 && height - 12 !== hy.treeHeight.value) {
+      hy.treeHeight.value = Math.round(height) - 12;
+    }
+  }
+  async function setData() {
+    if (props.type === "custom") {
+      emits("onRefreshData");
+      return;
+    }
+    const data = await orgListWithDev3Api({
+      showDevice: false,
+      showGroup: false,
+      ...props.requestParams
+    });
+    hy.hyTreeRef.value.getData(data).then(() => {
+      emits("on-load");
+    });
+  }
+  function getData(data) {
+    return new Promise((resolve) => {
+      hy.hyTreeRef.value.getData(data).then(() => {
+        emits("on-load");
+        resolve(200);
+      });
+    });
+  }
+  onMounted(() => {
+    if (props.type !== "custom") {
+      hy.setData();
+    }
+    nextTick(() => {
+      hy.updateTreeHeight();
+      if (typeof ResizeObserver === "function" && hy.containerRef.value) {
+        hy.resizeObserver = new ResizeObserver(hy.updateTreeHeight);
+        hy.resizeObserver.observe(hy.containerRef.value);
+      } else if (typeof window !== "undefined") {
+        window.addEventListener("resize", hy.updateTreeHeight);
+      }
+    });
+  });
+  onUnmounted(() => {
+    hy.resizeObserver?.disconnect();
+    if (typeof window !== "undefined") {
+      window.removeEventListener("resize", hy.updateTreeHeight);
+    }
+  });
+  function onClickDelete(data) {
+    emits("on-click-delete", data);
+  }
+  function onClick(data) {
+    emits("on-click", data);
+  }
+  function onCheckTree(list, checkObj) {
+    emits("on-check-tree", list, checkObj);
+  }
+  function onDepartmentClick(data) {
+    emits("on-department-click", data);
+  }
+  function onClickDevice(data) {
+    emits("on-click-device", data);
+  }
+  function onContextmenu(data) {
+    emits("on-contextmenu", data);
+  }
+  function onDblclick(list) {
+    emits("on-dblclick", list);
+  }
+  function onSelectedDataList(list) {
+    emits("on-selectedDataList", list);
+  }
+  function singleRemovalFn(row, isForce = false) {
+    hy.hyTreeRef.value.singleRemovalFn(row, isForce);
+  }
+  function setCheckedKeys(dataList, isForce = false) {
+    hy.hyTreeRef.value.setCheckedKeys(dataList, isForce);
+  }
+  function setChecked(data, type = true) {
+    hy.hyTreeRef.value.setChecked(data, type);
+  }
+  function getSelectedDataList(leafOnly = false) {
+    return hy.hyTreeRef.value.getSelectedDataList(leafOnly);
+  }
+  function refreshData() {
+    hy.hyTreeRef.value.refreshData();
+  }
+  function getNode(id) {
+    return hy.hyTreeRef.value.getNode(id);
+  }
+  return {
+    hyTreeRef,
+    containerRef,
+    treeHeight,
+    resizeObserver,
+    updateTreeHeight,
+    setData,
+    getData,
+    onClickDelete,
+    onClick,
+    onCheckTree,
+    onDepartmentClick,
+    onClickDevice,
+    onContextmenu,
+    onDblclick,
+    onSelectedDataList,
+    singleRemovalFn,
+    setCheckedKeys,
+    setChecked,
+    getSelectedDataList,
+    refreshData,
+    getNode
+  };
+}
+
+export { useUserTree };

package/es/bussiness/hyUserTree/userTree.vue.mjs

@@ -0,0 +1,239 @@
+import { defineComponent, useSlots, openBlock, createElementBlock, createCommentVNode, createVNode, unref, mergeProps, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
+import '../../components/index.mjs';
+import '../../hooks/index.mjs';
+import { useUserTree } from './js/index.mjs';
+import { useMixins } from '../../hooks/useMixins.mjs';
+import { HyTree } from '../../components/hyTree/index.mjs';
+
+import "./style/userTree.scss";
+
+const __default__ = defineComponent({
+  name: "HyUserTree"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    // 数据获取类型 custom 自定义数据
+    type: {
+      type: String,
+      default: "default"
+    },
+    // 请求的额外参数
+    requestParams: {
+      type: Object,
+      default: () => ({})
+    },
+    /* 禁止选择 */
+    disableSelection: {
+      type: Array,
+      default: () => {
+        return [];
+      }
+    },
+    // 设置勤务状态
+    getDutyRoster: {
+      type: Boolean,
+      default: () => {
+        return false;
+      }
+    },
+    // 仅展示在线数据
+    showOnlineOnly: {
+      type: Boolean,
+      default: () => {
+        return false;
+      }
+    },
+    /* 是否开启多选框 */
+    showCheckbox: {
+      type: Boolean,
+      default: true
+    },
+    /* 是否开启单选框 */
+    showSinglebox: {
+      type: Boolean,
+      default: false
+    },
+    // 是否清除无数据的部门
+    clearEmptyBusiness: {
+      type: Boolean,
+      default: false
+    },
+    // 是否显示自定义空数据显示
+    showCustomEmpty: {
+      type: Boolean,
+      default: false
+    },
+    placeholder: {
+      type: String,
+      default: "\u8BF7\u8F93\u5165"
+    },
+    // 是否返回默认选择的数据
+    isBackDefaultSelected: {
+      type: Boolean,
+      default: false
+    },
+    /* 默认选中列表 */
+    selectedByDefault: {
+      type: Array,
+      default: () => {
+        return [];
+      }
+    },
+    // 默认需要选中的部门ID
+    defaultSelectedOrgID: {
+      default: null
+    },
+    // 搜索类型
+    searchType: {
+      type: Number,
+      default: 1
+    },
+    // 筛选列表
+    selectFilterList: {
+      type: Array,
+      default: () => []
+    },
+    // 是否高亮选中节点
+    highlight: {
+      type: Boolean,
+      default: false
+    },
+    // 是否严格的遵循父子不互相关联
+    checkStrictly: {
+      type: Boolean,
+      default: false
+    },
+    // 单选时可以取消选中
+    cancelable: {
+      type: Boolean,
+      default: true
+    },
+    // 是否显示多选框或单选框
+    showSelectBox: {
+      type: Boolean,
+      default: true
+    },
+    // 是否在点击节点的时候展开或者收缩节点
+    expandOnClickNode: {
+      type: Boolean,
+      default: true
+    },
+    // 是否在点击节点的时候选中节点
+    checkOnClickNode: {
+      type: Boolean,
+      default: false
+    },
+    // 点击叶节点(最后一个子节点)时是否检查或取消节点
+    checkOnClickLeaf: {
+      type: Boolean,
+      default: true
+    },
+    // 双击父节点会触发选中功能
+    checkOnDblclickParentNode: {
+      type: Boolean,
+      default: true
+    },
+    // 初始化过滤数据
+    filterConfig: {
+      type: Array,
+      default: () => []
+    },
+    // 外部自定义过滤函数
+    filterMethod: {
+      type: Function,
+      default: null
+    }
+  },
+  emits: [
+    "on-load",
+    "onRefreshData",
+    "on-click-delete",
+    "on-click",
+    "on-check-tree",
+    "on-department-click",
+    "on-click-device",
+    "on-contextmenu",
+    "on-dblclick",
+    "on-selectedDataList"
+  ],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const slots = useSlots();
+    const {
+      containerRef,
+      hyTreeRef,
+      treeHeight,
+      setData,
+      getData,
+      onClickDelete,
+      onClick,
+      onCheckTree,
+      onDepartmentClick,
+      onClickDevice,
+      onContextmenu,
+      onDblclick,
+      onSelectedDataList,
+      singleRemovalFn,
+      setCheckedKeys,
+      setChecked,
+      getSelectedDataList,
+      refreshData,
+      getNode
+    } = useMixins({ props, emits }, [useUserTree]);
+    __expose({
+      getData,
+      singleRemovalFn,
+      setCheckedKeys,
+      setChecked,
+      getSelectedDataList,
+      refreshData,
+      getNode
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          ref_key: "containerRef",
+          ref: containerRef,
+          class: "w-full h-full"
+        },
+        [
+          createCommentVNode(" HyUserTree \u7528\u6237\u6811\u5F62 "),
+          createVNode(unref(HyTree), mergeProps({
+            ref_key: "hyTreeRef",
+            ref: hyTreeRef
+          }, { ...props }, {
+            treeHeight: unref(treeHeight),
+            treeType: "user",
+            onOnRefreshData: unref(setData),
+            onOnClickDelete: unref(onClickDelete),
+            onOnClick: unref(onClick),
+            onOnCheckTree: unref(onCheckTree),
+            onOnDepartmentClick: unref(onDepartmentClick),
+            onOnClickDevice: unref(onClickDevice),
+            onOnContextmenu: unref(onContextmenu),
+            onOnDblclick: unref(onDblclick),
+            onOnSelectedDataList: unref(onSelectedDataList)
+          }), createSlots({
+            _: 2
+            /* DYNAMIC */
+          }, [
+            renderList(unref(slots), (_, slotName) => {
+              return {
+                name: slotName,
+                fn: withCtx((scope) => [
+                  renderSlot(_ctx.$slots, slotName, normalizeProps(guardReactiveProps(scope)))
+                ])
+              };
+            })
+          ]), 1040, ["treeHeight", "onOnRefreshData", "onOnClickDelete", "onOnClick", "onOnCheckTree", "onOnDepartmentClick", "onOnClickDevice", "onOnContextmenu", "onOnDblclick", "onOnSelectedDataList"])
+        ],
+        512
+        /* NEED_PATCH */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/bussiness/index.mjs

@@ -1,2 +1,7 @@
 export { HyAddDepartmentType } from './hyAddDepartmentType/index.mjs';
 export { HyMapAearchPlace } from './hyMapAearchPlace/index.mjs';
+export { HyUserTree } from './hyUserTree/index.mjs';
+export { HyDeviceTree } from './hyDeviceTree/index.mjs';
+export { HyOrgGroupTree } from './hyOrgGroupTree/index.mjs';
+export { HyPlanGroupDeviceTree } from './hyPlanGroupDeviceTree/index.mjs';
+export { HyAcquisitionStationTree } from './hyAcquisitionStationTree/index.mjs';

package/es/components/hyBatchUploadDialog/batchUploadDialog.vue.mjs

@@ -1,11 +1,10 @@
 import { defineComponent, useTemplateRef, useModel, ref, openBlock, createBlock, unref, mergeProps, createSlots, withCtx, createElementVNode, renderSlot, normalizeProps, guardReactiveProps, renderList, createCommentVNode, createTextVNode, createVNode, toDisplayString, createElementBlock, mergeModels } from 'vue';
-import { ElIcon } from 'element-plus';
-import { Warning } from '@element-plus/icons-vue';
 import '../index.mjs';
 import { HyDialog } from '../hyDialog/index.mjs';
 import { HyBatchTableForm } from '../hyTableForm/index.mjs';
 import { HyButton } from '../hyButton/index.mjs';
 import { HyTooltip } from '../hyTooltip/index.mjs';
+import { HyIcon } from '../hyIcon/index.mjs';
 
 import "./style/batchUploadDialog.scss";
 
@@ -105,6 +104,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     "validate",
     "submitting",
     "submit",
+    "submitProgress",
+    "tableDataChange",
     "onMinimized",
     "onDialogMousedown"
   ], ["update:modelValue"]),
@@ -120,6 +121,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     const totalElements = ref(0);
     const failedCount = ref(0);
     const failedStatus = ref(null);
+    function tableDataChange(e) {
+      emits("tableDataChange", e);
+    }
     function setDragLevelIndex(dragLevel) {
       HyDialogRef.value.setDragLevelIndex(dragLevel);
     }
@@ -162,6 +166,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       isSubmitting.value = true;
       emits("submitting", ...args);
     }
+    function onSubmitProgressHandler(submitProgress) {
+      emits("submitProgress", submitProgress);
+    }
     function onTableSubmitHandler(params) {
       const { total, success, failed, result } = params;
       if (result) {
@@ -193,7 +200,6 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     }
     __expose({
       show,
-      setDragLevelIndex,
       getTableDataSource: () => {
         return batchTableFormRef.value.getTableDataSource();
       },
@@ -238,12 +244,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
             key: 0,
             class: "flex items-center gap-1.5 text-xs text-warning"
           }, [
-            createVNode(unref(ElIcon), null, {
-              default: withCtx(() => [
-                createVNode(unref(Warning))
-              ]),
-              _: 1
-              /* STABLE */
+            createVNode(unref(HyIcon), {
+              "svg-name": "dispatch-share1-prompt",
+              class: "!w-3 !h-3"
             }),
             failedStatus.value === "validate" ? (openBlock(), createElementBlock(
               "span",
@@ -262,12 +265,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
             key: 1,
             class: "flex items-center gap-1.5 text-xs text-warning"
           }, [
-            createVNode(unref(ElIcon), null, {
-              default: withCtx(() => [
-                createVNode(unref(Warning))
-              ]),
-              _: 1
-              /* STABLE */
+            createVNode(unref(HyIcon), {
+              "svg-name": "dispatch-share1-prompt",
+              class: "!w-3 !h-3"
             }),
             createElementVNode("span", null, "\u5F53\u524D\u672A\u5BFC\u5165\u6570\u636E\uFF0C\u8BF7\u60A8\u5BFC\u5165\u6DFB\u52A0\u6570\u636E")
           ])) : createCommentVNode("v-if", true)
@@ -334,12 +334,14 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                 onExpandRowChange: __props.onExpandRowChange,
                 "submit-handler": __props.submitHandler,
                 showAddBtn: __props.showAddBtn,
+                onTableDataChange: tableDataChange,
                 onUploading: onTableUploadingHandler,
                 onUploaded: onTableUploadedHandler,
                 onReset: onTableResetHandler,
                 onValidate: onTableValidateHandler,
                 onSubmitting: onTableSubmittingHandler,
-                onSubmit: onTableSubmitHandler
+                onSubmit: onTableSubmitHandler,
+                onSubmitProgress: onSubmitProgressHandler
               }, createSlots({
                 _: 2
                 /* DYNAMIC */

package/es/components/hyButton/button.vue.mjs

@@ -15,7 +15,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     type: {
       type: String,
       default: "default"
-      // default 默认 primary 亮色 success 添加 danger 删除
+      // default 默认 primary 亮色 success 添加 danger 删除 operate 操作
     },
     disabled: {
       type: Boolean,
@@ -50,7 +50,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       default: "hy-button_default",
       primary: "hy-button_function",
       success: "hy-button_addTo",
-      danger: "hy-button_delete"
+      danger: "hy-button_delete",
+      operate: "hy-button_operate"
     };
     const emit = __emit;
     const handleClick = (event) => {

package/es/components/hyButton/style/button.scss

@@ -295,6 +295,72 @@
       color: rgba(255, 255, 255, 0.68);
     }
   }
+
+  &.hy-button_operate {
+    background: rgba(45, 255, 211, 0.32);
+    border: 1px solid rgba(45, 255, 211, 1);
+    box-shadow: 0px 0px 0px 2px rgba(45, 255, 211, 0.5);
+  
+    .hy-button__border {
+      background: linear-gradient(
+        90deg,
+        rgba(45, 255, 211, 0.4) 0%,
+        rgba(45, 255, 211, 1) 50%,
+        rgba(45, 255, 211, 0.4) 100%
+      );
+    }
+  
+    .hy-button__inner {
+      background: #002932;
+      box-shadow:
+        inset 0 0 5px 1px rgba(45, 255, 211, 0.5),
+        inset 0 0 2px 0 rgba(45, 255, 211, 0.5);
+    }
+  
+    .hy-button__text {
+      color: #fff;
+    }
+  
+    .hy-button__mask {
+      background: radial-gradient(
+        ellipse at center bottom,
+        #2DFFD3 0%,
+        #189177 30%,
+        transparent 60%
+      );
+    }
+  
+    &:hover .hy-button__inner {
+      box-shadow:
+        inset 0 0 5px 1px rgba(45, 255, 211, 0.5),
+        inset 0 0 2px 0 rgba(45, 255, 211, 0.5),
+        inset 0 0 5px 1px rgba(45, 255, 211, 0.5),
+        inset 0 0 2px 0 rgba(45, 255, 211, 0.5);
+    }
+  
+    &:disabled .hy-button__border,
+    &.is-disabled .hy-button__border {
+      background: linear-gradient(
+        90deg,
+        rgba(45, 255, 211, 0.18) 0%,
+        rgba(45, 255, 211, 0.42) 50%,
+        rgba(45, 255, 211, 0.18) 100%
+      );
+    }
+  
+    &:disabled .hy-button__inner,
+    &.is-disabled .hy-button__inner {
+      background: #4b0c0c;
+      box-shadow:
+        inset 0 0 4px 1px rgba(45, 255, 211, 0.2),
+        inset 0 0 2px 0 rgba(24, 145, 119, 0.16);
+    }
+  
+    &:disabled .hy-button__text,
+    &.is-disabled .hy-button__text {
+      color: rgba(255, 255, 255, 0.68);
+    }
+  }
 }
 
 
@@ -347,6 +413,10 @@
     --hy-button-text-color: rgba(var(--hy-danger-2));
   }
 
+  &.hy-button_operate {
+    --hy-button-text-color: rgba(var(--hy-success-3));
+  }
+
   &.is-disabled {
     cursor: not-allowed;
   }

package/es/components/hyConfirmDialog/confirmDialog.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, useModel, ref, openBlock, createBlock, unref, mergeProps, withCtx, createElementVNode, createCommentVNode, createVNode, normalizeStyle, normalizeClass, toDisplayString, createElementBlock, createTextVNode, withModifiers, mergeModels } from 'vue';
+import { defineComponent, useModel, ref, openBlock, createBlock, unref, mergeProps, withCtx, createElementVNode, createVNode, normalizeStyle, normalizeClass, toDisplayString, createElementBlock, createTextVNode, createCommentVNode, withModifiers, mergeModels } from 'vue';
 import { ElDialog } from 'element-plus';
 import '../../hooks/index.mjs';
 import '../index.mjs';
@@ -172,7 +172,6 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         default: withCtx(() => [
           createElementVNode("div", { class: "flex flex-col items-center justify-between pt-[37px] pb-[27px]" }, [
             createElementVNode("div", { class: "flex flex-col items-center text-main" }, [
-              createCommentVNode(' <el-icon size="40" :color="iconColor"><Warning /></el-icon> '),
               createVNode(unref(HyIcon), {
                 "svg-name": "dispatch-share1-prompt",
                 class: "!w-[40px] !h-[40px]",