hy-dispatch-ui-v3 0.2.67 → 0.2.69

package/lib/components/hyStatus/status.vue.js

@@ -0,0 +1,114 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+require('../index.js');
+var index = require('../hyIcon/index.js');
+
+import "./style/status.scss";
+
+const __default__ = vue.defineComponent({
+  name: "HyStatus"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    type: {
+      type: String,
+      default: "default"
+    },
+    label: {
+      type: String
+    },
+    isOnline: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: [],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const color = {
+      default: "text-auxiliary",
+      primary: "text-theme",
+      success: "text-success",
+      warning: "text-warning",
+      danger: "text-danger-2"
+    };
+    const bgColor = {
+      default: "bg-auxiliary",
+      primary: "bg-theme",
+      success: "bg-success",
+      warning: "bg-warning",
+      danger: "bg-danger-2"
+    };
+    const shadowColor = {
+      default: "bg-[rgba(var(--hy-auxiliary),0.28)]",
+      primary: "bg-[rgba(var(--hy-theme),0.28)]",
+      success: "bg-[rgba(var(--hy-success),0.28)]",
+      warning: "bg-[rgba(var(--hy-warning),0.28)]",
+      danger: "bg-[rgba(var(--hy-danger),0.28)]"
+    };
+    __expose({});
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", { class: "inline-flex items-center gap-2 text-sm" }, [
+        __props.isOnline ? (vue.openBlock(), vue.createElementBlock(
+          vue.Fragment,
+          { key: 0 },
+          [
+            __props.type === "danger" ? (vue.openBlock(), vue.createBlock(vue.unref(index.HyIcon), {
+              key: 0,
+              "svg-name": "ops-list-device-id-off-line",
+              class: "!w-3 !h-3"
+            })) : (vue.openBlock(), vue.createBlock(vue.unref(index.HyIcon), {
+              key: 1,
+              "svg-name": "ops-list-device-id-on-line",
+              class: "!w-3 !h-3"
+            }))
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        )) : (vue.openBlock(), vue.createElementBlock(
+          "div",
+          {
+            key: 1,
+            class: vue.normalizeClass(["w-2.5 h-2.5 flex items-center justify-center rounded-full flex-shrink-0 box-border", [shadowColor[__props.type]]])
+          },
+          [
+            vue.createElementVNode(
+              "div",
+              {
+                class: vue.normalizeClass(["w-1.5 h-1.5 rounded-full", [bgColor[__props.type]]])
+              },
+              null,
+              2
+              /* CLASS */
+            )
+          ],
+          2
+          /* CLASS */
+        )),
+        vue.createElementVNode(
+          "span",
+          {
+            class: vue.normalizeClass([color[__props.type]])
+          },
+          [
+            vue.renderSlot(_ctx.$slots, "default", {}, () => [
+              vue.createTextVNode(
+                vue.toDisplayString(__props.label),
+                1
+                /* TEXT */
+              )
+            ])
+          ],
+          2
+          /* CLASS */
+        )
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/components/hyTable/cpns/columnSelect.vue.js

@@ -36,7 +36,6 @@ const _sfc_main = {
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
-    const { t } = useLocale.useLocale();
     const popoverRef = vue.useTemplateRef("popoverRef");
     const listRef = vue.useTemplateRef("listRef");
     const tableColumns = vue.ref([]);
@@ -46,6 +45,11 @@ const _sfc_main = {
         return total + (isShowColumn(column) ? 1 : 0);
       }, 0);
     });
+    const cannotDragged = vue.computed(() => {
+      return props.columns.reduce((total, column) => {
+        return total + (isShowColumn(column) && column.editable.lock ? 1 : 0);
+      }, 0);
+    });
     function isShowColumn(column) {
       return index.tableColumnShowHandler(column) && column.editable.edit;
     }
@@ -85,9 +89,7 @@ const _sfc_main = {
       }, /* @__PURE__ */ new Map());
     });
     function onCheckedHandler(target) {
-      const currentIndex = checkedList.value.findIndex(
-        (item) => item === target.prop
-      );
+      const currentIndex = checkedList.value.findIndex((item) => item === target.prop);
       if (currentIndex !== -1) {
         checkedList.value.splice(currentIndex, 1);
       } else {
@@ -97,11 +99,11 @@ const _sfc_main = {
     }
     function onConfirmHandler() {
       if (!checkedList.value.length && showColumnsLength.value === tableEditableColumns.value?.length) {
-        elementPlus.ElMessage.warning(t("table.theColumnsDisplayedInTheTableCannotBeLeftBlank"));
+        elementPlus.ElMessage.warning(useLocale.$t("table.theColumnsDisplayedInTheTableCannotBeLeftBlank"));
         return;
       }
       if (checkedList.value.length > 15) {
-        elementPlus.ElMessage.warning(t("table.maxColumnLimitTip"));
+        elementPlus.ElMessage.warning(useLocale.$t("table.maxColumnLimitTip"));
         return;
       }
       const editableObj = tableEditableColumns.value.reduce(
@@ -116,9 +118,7 @@ const _sfc_main = {
       closePopover();
     }
     function onClearHandler() {
-      const { columnsList, columnsEditablele } = index.tableColumnHandler(
-        props.originColumns
-      );
+      const { columnsList, columnsEditablele } = index.tableColumnHandler(props.originColumns);
       initColumnsInfo(columnsList, columnsEditablele);
       showReset.value = false;
     }
@@ -132,19 +132,14 @@ const _sfc_main = {
         animation: 150,
         onEnd(event) {
           const { oldIndex, newIndex } = event;
-          if (is.isEmpty(oldIndex) || is.isEmpty(newIndex) || oldIndex === newIndex)
-            return;
+          if (is.isEmpty(oldIndex) || is.isEmpty(newIndex) || oldIndex === newIndex) return;
           const minIndex = Math.min(oldIndex, newIndex);
           const maxIndex = Math.max(oldIndex, newIndex);
           const sortList = [];
           for (let i = minIndex; i <= maxIndex; i++) {
             sortList[i] = tableEditableColumns.value[i].sortIndex;
           }
-          tableEditableColumns.value.splice(
-            newIndex,
-            0,
-            tableEditableColumns.value.splice(oldIndex, 1)[0]
-          );
+          tableEditableColumns.value.splice(newIndex, 0, tableEditableColumns.value.splice(oldIndex, 1)[0]);
           for (let i = minIndex; i <= maxIndex; i++) {
             tableEditableColumns.value[i].sortIndex = sortList[i];
           }
@@ -180,7 +175,7 @@ const _sfc_main = {
         },
         {
           reference: vue.withCtx(() => [
-            vue.createElementVNode("div", { class: "h-[32px] flex items-center gap-[10px] clickBox px-3 rounded hover:bg-background-2" }, [
+            vue.createElementVNode("div", { class: "h-[32px] flex items-center gap-[10px] clickBox px-3 rounded hover:bg-background-2 box-border" }, [
               vue.createVNode(vue.unref(index$1.HyIcon), {
                 "svg-name": "ops-button-edit-column",
                 "class-name": "!w-3 !h-3"
@@ -188,7 +183,7 @@ const _sfc_main = {
               vue.createElementVNode(
                 "span",
                 null,
-                vue.toDisplayString(vue.unref(t)("table.editColumn")) + " \xB7 " + vue.toDisplayString(showColumnsLength.value),
+                vue.toDisplayString(vue.unref(useLocale.$t)("table.editColumn")) + " \xB7 " + vue.toDisplayString(showColumnsLength.value),
                 1
                 /* TEXT */
               )
@@ -200,7 +195,7 @@ const _sfc_main = {
                 vue.createElementVNode(
                   "span",
                   { class: "text-main font-bold" },
-                  vue.toDisplayString(vue.unref(t)("table.editColumn")),
+                  vue.toDisplayString(vue.unref(useLocale.$t)("table.editColumn")),
                   1
                   /* TEXT */
                 ),
@@ -210,7 +205,7 @@ const _sfc_main = {
                   onClick: closePopover
                 })
               ]),
-              vue.createElementVNode("div", { class: "flex items-center gap-1.5 px-4 py-2.5 text-xs text-theme" }, [
+              vue.createElementVNode("div", { class: "flex items-center gap-1.5 px-4 py-2.5 text-xs text-theme box-border" }, [
                 vue.createVNode(vue.unref(index$1.HyIcon), {
                   "svg-name": "dispatch-share1-prompt",
                   "class-name": "!w-3 !h-3"
@@ -223,9 +218,10 @@ const _sfc_main = {
                   "onUpdate:modelValue": ($event) => checkedList.value = $event
                 }, {
                   default: vue.withCtx(() => [
-                    vue.createElementVNode(
+                    cannotDragged.value > 0 ? (vue.openBlock(), vue.createElementBlock(
                       "div",
                       {
+                        key: 0,
                         class: vue.normalizeClass(["flex flex-col gap-1.5 leading-3 text-info", { "mb-1.5": tableEditableColumns.value.length > 0 }])
                       },
                       [
@@ -254,7 +250,7 @@ const _sfc_main = {
                       ],
                       2
                       /* CLASS */
-                    ),
+                    )) : vue.createCommentVNode("v-if", true),
                     vue.createCommentVNode(" \u53EF\u62D6\u62FD "),
                     vue.createElementVNode(
                       "div",
@@ -293,7 +289,7 @@ const _sfc_main = {
                   vue.createElementVNode(
                     "span",
                     null,
-                    vue.toDisplayString(vue.unref(t)("table.selectedNumberItems", [checkedList.value?.length || 0])),
+                    vue.toDisplayString(vue.unref(useLocale.$t)("table.selectedNumberItems", [checkedList.value?.length || 0])),
                     1
                     /* TEXT */
                   ),
@@ -304,7 +300,7 @@ const _sfc_main = {
                       class: "clickBox text-danger-2 ml-3",
                       onClick: onClearHandler
                     },
-                    vue.toDisplayString(vue.unref(t)("hy.reset")),
+                    vue.toDisplayString(vue.unref(useLocale.$t)("hy.reset")),
                     1
                     /* TEXT */
                   )) : vue.createCommentVNode("v-if", true)
@@ -320,7 +316,7 @@ const _sfc_main = {
                       }),
                       vue.createVNode(vue.unref(index$2.HyTooltip), {
                         "is-always": false,
-                        content: vue.unref(t)("table.tooManyFieldsWillAffectReadability"),
+                        content: vue.unref(useLocale.$t)("table.tooManyFieldsWillAffectReadability"),
                         class: "mr-2 text-auxiliary"
                       }, null, 8, ["content"])
                     ],
@@ -334,7 +330,7 @@ const _sfc_main = {
                   }, {
                     default: vue.withCtx(() => [
                       vue.createTextVNode(
-                        vue.toDisplayString(vue.unref(t)("hy.confirm")),
+                        vue.toDisplayString(vue.unref(useLocale.$t)("hy.confirm")),
                         1
                         /* TEXT */
                       )

package/lib/components/hyTable/cpns/columnSelectItem.vue.js

@@ -31,7 +31,6 @@ const _sfc_main = {
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
-    const { t } = useLocale.useLocale();
     function onClickHandler(column) {
       if (column.editable.lock) return;
       emits("checked", column);
@@ -82,7 +81,7 @@ const _sfc_main = {
               __props.checkMap.has(__props.column.prop) ? (vue.openBlock(), vue.createElementBlock(
                 "span",
                 { key: 0 },
-                vue.toDisplayString(vue.unref(t)("table.show")),
+                vue.toDisplayString(vue.unref(useLocale.$t)("table.show")),
                 1
                 /* TEXT */
               )) : (vue.openBlock(), vue.createElementBlock(
@@ -91,7 +90,7 @@ const _sfc_main = {
                   key: 1,
                   class: "text-info"
                 },
-                vue.toDisplayString(vue.unref(t)("table.notShown")),
+                vue.toDisplayString(vue.unref(useLocale.$t)("table.notShown")),
                 1
                 /* TEXT */
               )),
@@ -103,7 +102,7 @@ const _sfc_main = {
               }, [
                 vue.createElementVNode("div", {
                   class: "w-5 h-2.5",
-                  style: { "background": "radial-gradient(\n                    circle,\n                    rgba(var(--hy-theme)) 1px,\n                    transparent 2px\n                  )\n                  0px 0px / 5px 5px" }
+                  style: { "background": "radial-gradient(circle, rgba(var(--hy-theme)) 1px, transparent 2px) 0px 0px / 5px 5px" }
                 })
               ], 8, ["onClick"])) : vue.createCommentVNode("v-if", true)
             ])) : vue.createCommentVNode("v-if", true)
@@ -112,12 +111,12 @@ const _sfc_main = {
         default: vue.withCtx(() => [
           vue.createElementVNode(
             "div",
-            { class: "h-[45px] px-[14px] flex items-center text-main text-sm font-bold border-b border-border" },
+            { class: "h-[45px] px-[14px] flex items-center text-main text-sm font-bold border-b border-border box-border" },
             vue.toDisplayString(vue.unref(index.renderHeaderHandler)(__props.column)),
             1
             /* TEXT */
           ),
-          vue.createElementVNode("div", { class: "flex flex-col gap-3 px-4 pt-2.5 pb-4 text-main text-xs" }, [
+          vue.createElementVNode("div", { class: "flex flex-col gap-3 px-4 pt-2.5 pb-4 text-main text-xs box-border" }, [
             __props.column.editable.desc ? (vue.openBlock(), vue.createElementBlock(
               "div",
               { key: 0 },
@@ -129,7 +128,7 @@ const _sfc_main = {
               vue.createElementVNode(
                 "div",
                 { class: "text-auxiliary mb-1.5" },
-                vue.toDisplayString(vue.unref(t)("table.example")),
+                vue.toDisplayString(vue.unref(useLocale.$t)("table.example")),
                 1
                 /* TEXT */
               ),
@@ -142,7 +141,7 @@ const _sfc_main = {
                       "div",
                       {
                         key: index,
-                        class: "leading-5 bg-background-2 px-1.5 rounded-[2px]"
+                        class: "leading-5 bg-background-2 px-1.5 rounded-[2px] box-border"
                       },
                       vue.toDisplayString(item),
                       1

package/lib/components/hyTable/cpns/headerItem.vue.js

@@ -68,10 +68,10 @@ const _sfc_main = {
     return (_ctx, _cache) => {
       return columnSort.value.show ? (vue.openBlock(), vue.createElementBlock("div", {
         key: 0,
-        class: "w-full relative cursor-pointer",
+        class: "w-full flex items-center gap-1 relative cursor-pointer",
         onClick: ($event) => onSortHandler(columnSort.value.prop, null)
       }, [
-        vue.createElementVNode("div", { class: "flex flex-col absolute top-1/2 -left-1 transform -translate-y-1/2 -translate-x-full" }, [
+        vue.createElementVNode("div", { class: "flex flex-col" }, [
           vue.createVNode(vue.unref(elementPlus.ElIcon), {
             size: "8",
             color: isSortActive(columnSort.value.prop, "asc") ? "rgba(var(--hy-theme))" : "rgba(var(--hy-auxiliary))",

package/lib/components/hyTable/cpns/virtualTable.vue.js

@@ -10,10 +10,10 @@ require('../../../hooks/index.js');
 require('../../../utils/index.js');
 var index$1 = require('../js/index.js');
 var headerItem = require('./headerItem.vue.js');
-var useLocale = require('../../../hooks/useLocale.js');
 var is = require('../../../utils/is.js');
 var index = require('../../hyIcon/index.js');
 var index$2 = require('../../hyTooltip/index.js');
+var useLocale = require('../../../hooks/useLocale.js');
 
 const _sfc_main = {
   __name: "virtualTable",
@@ -83,7 +83,7 @@ const _sfc_main = {
     const props = __props;
     const emits = __emit;
     const expandedRowKeys = vue.useModel(__props, "expandedRowKeys");
-    const { t } = useLocale.useLocale();
+    const tableRef = vue.useTemplateRef("tableRef");
     const avgWidth = vue.computed(() => {
       const { total, totalWidth } = props.columns.reduce(
         ({ total: total2, totalWidth: totalWidth2 }, column) => {
@@ -281,10 +281,18 @@ const _sfc_main = {
         isAllChecked.value = false;
         selectedMap.value.clear();
         indeterminateKeys.value.clear();
+      },
+      scrollToTop(top) {
+        tableRef.value.scrollToTop(top);
+      },
+      scrollToLeft(left) {
+        tableRef.value.scrollToLeft(left);
       }
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElTableV2), {
+        ref_key: "tableRef",
+        ref: tableRef,
         "expanded-row-keys": expandedRowKeys.value,
         "onUpdate:expandedRowKeys": ($event) => expandedRowKeys.value = $event,
         cache: 0,
@@ -426,11 +434,7 @@ const _sfc_main = {
                         (vue.openBlock(true), vue.createElementBlock(
                           vue.Fragment,
                           null,
-                          vue.renderList(vue.unref(index$1.operatorFilterHandler)(
-                            column,
-                            { column, row, $index, cellIndex },
-                            "default"
-                          ), (citem, cindex) => {
+                          vue.renderList(vue.unref(index$1.operatorFilterHandler)(column, { column, row, $index, cellIndex }, "default"), (citem, cindex) => {
                             return vue.openBlock(), vue.createBlock(vue.unref(index$2.HyTooltip), {
                               key: cindex,
                               "is-always": "",
@@ -448,12 +452,7 @@ const _sfc_main = {
                                       cellIndex
                                     }) ? "cursor-not-allowed text-[var(--hy-el-text-color-disabled)] hover:border-[rgba(var(--hy-auxiliary),1)] hover:shadow-[0px_0px_5px_0px_rgba(var(--hy-auxiliary),0.5)]" : "cursor-pointer hover:border-theme hover:shadow-[0px_0px_5px_0px_rgba(var(--hy-theme),0.5)]"
                                   ]]),
-                                  onClick: ($event) => vue.unref(index$1.operatorClickHandler)(
-                                    cindex,
-                                    column,
-                                    { column, row, $index, cellIndex },
-                                    "default"
-                                  )
+                                  onClick: ($event) => vue.unref(index$1.operatorClickHandler)(cindex, column, { column, row, $index, cellIndex }, "default")
                                 }, [
                                   vue.createVNode(vue.unref(index.HyIcon), {
                                     "svg-name": citem.svgName,
@@ -490,23 +489,14 @@ const _sfc_main = {
                           128
                           /* KEYED_FRAGMENT */
                         )),
-                        vue.unref(index$1.operatorFilterHandler)(
-                          column,
-                          { column, row, $index, cellIndex },
-                          "more"
-                        )?.length ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDropdown), {
+                        vue.unref(index$1.operatorFilterHandler)(column, { column, row, $index, cellIndex }, "more")?.length ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDropdown), {
                           key: 0,
                           ref_for: true,
                           ref: "operatorDropdownRef",
                           trigger: "click",
                           "popper-style": "min-width: 150px",
-                          placement: "bottom",
-                          onCommand: ($event) => vue.unref(index$1.operatorClickHandler)(
-                            $event,
-                            column,
-                            { column, row, $index, cellIndex },
-                            "more"
-                          )
+                          placement: "bottom-end",
+                          onCommand: ($event) => vue.unref(index$1.operatorClickHandler)($event, column, { column, row, $index, cellIndex }, "more")
                         }, {
                           dropdown: vue.withCtx(() => [
                             vue.createVNode(
@@ -592,7 +582,7 @@ const _sfc_main = {
                               vue.createVNode(vue.unref(index$2.HyTooltip), {
                                 "is-always": "",
                                 overLine: 1,
-                                content: vue.unref(t)("table.moreOperations")
+                                content: vue.unref(useLocale.$t)("table.moreOperations")
                               }, {
                                 default: vue.withCtx(() => [
                                   vue.createElementVNode("div", { class: "w-[40px] h-[48px] inline-flex flex-col items-center justify-center text-main text-xs hover:font-bold border border-transparent hover:border-theme hover:shadow-[0px_0px_5px_0px_rgba(var(--hy-theme),0.5)] rounded box-border cursor-pointer" }, [
@@ -611,7 +601,7 @@ const _sfc_main = {
                                     vue.createElementVNode(
                                       "div",
                                       { class: "mt-1" },
-                                      vue.toDisplayString(vue.unref(t)("table.more")),
+                                      vue.toDisplayString(vue.unref(useLocale.$t)("table.more")),
                                       1
                                       /* TEXT */
                                     )