hy-dispatch-ui-v3 0.2.67 → 0.2.68

package/es/components/hyStatus/status.vue.mjs

@@ -0,0 +1,110 @@
+import { defineComponent, openBlock, createElementBlock, Fragment, createBlock, unref, normalizeClass, createElementVNode, renderSlot, createTextVNode, toDisplayString } from 'vue';
+import '../index.mjs';
+import { HyIcon } from '../hyIcon/index.mjs';
+
+import "./style/status.scss";
+
+const __default__ = 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 openBlock(), createElementBlock("div", { class: "inline-flex items-center gap-2 text-sm" }, [
+        __props.isOnline ? (openBlock(), createElementBlock(
+          Fragment,
+          { key: 0 },
+          [
+            __props.type === "danger" ? (openBlock(), createBlock(unref(HyIcon), {
+              key: 0,
+              "svg-name": "ops-list-device-id-off-line",
+              class: "!w-3 !h-3"
+            })) : (openBlock(), createBlock(unref(HyIcon), {
+              key: 1,
+              "svg-name": "ops-list-device-id-on-line",
+              class: "!w-3 !h-3"
+            }))
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        )) : (openBlock(), createElementBlock(
+          "div",
+          {
+            key: 1,
+            class: normalizeClass(["w-2.5 h-2.5 flex items-center justify-center rounded-full flex-shrink-0 box-border", [shadowColor[__props.type]]])
+          },
+          [
+            createElementVNode(
+              "div",
+              {
+                class: normalizeClass(["w-1.5 h-1.5 rounded-full", [bgColor[__props.type]]])
+              },
+              null,
+              2
+              /* CLASS */
+            )
+          ],
+          2
+          /* CLASS */
+        )),
+        createElementVNode(
+          "span",
+          {
+            class: normalizeClass([color[__props.type]])
+          },
+          [
+            renderSlot(_ctx.$slots, "default", {}, () => [
+              createTextVNode(
+                toDisplayString(__props.label),
+                1
+                /* TEXT */
+              )
+            ])
+          ],
+          2
+          /* CLASS */
+        )
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/hyTable/cpns/columnSelect.vue.mjs

@@ -1,4 +1,4 @@
-import { useTemplateRef, ref, computed, unref, nextTick, watch, openBlock, createBlock, withCtx, createElementVNode, toDisplayString, createVNode, normalizeClass, createCommentVNode, createElementBlock, Fragment, renderList, createTextVNode } from 'vue';
+import { useTemplateRef, ref, computed, unref, nextTick, watch, openBlock, createBlock, withCtx, createElementVNode, toDisplayString, createVNode, createElementBlock, normalizeClass, createCommentVNode, Fragment, renderList, createTextVNode } from 'vue';
 import Sortable from 'sortablejs';
 import { ElMessage, ElPopover, ElCheckboxGroup } from 'element-plus';
 import '../../../hooks/index.mjs';
@@ -6,7 +6,7 @@ import '../../../utils/index.mjs';
 import '../../index.mjs';
 import { tableColumnShowHandler, tableColumnHandler } from '../js/index.mjs';
 import _sfc_main$1 from './columnSelectItem.vue.mjs';
-import { useLocale } from '../../../hooks/useLocale.mjs';
+import { $t } from '../../../hooks/useLocale.mjs';
 import { isEmpty } from '../../../utils/is.mjs';
 import { HyIcon } from '../../hyIcon/index.mjs';
 import { HyTooltip } from '../../hyTooltip/index.mjs';
@@ -32,7 +32,6 @@ const _sfc_main = {
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
-    const { t } = useLocale();
     const popoverRef = useTemplateRef("popoverRef");
     const listRef = useTemplateRef("listRef");
     const tableColumns = ref([]);
@@ -42,6 +41,11 @@ const _sfc_main = {
         return total + (isShowColumn(column) ? 1 : 0);
       }, 0);
     });
+    const cannotDragged = computed(() => {
+      return props.columns.reduce((total, column) => {
+        return total + (isShowColumn(column) && column.editable.lock ? 1 : 0);
+      }, 0);
+    });
     function isShowColumn(column) {
       return tableColumnShowHandler(column) && column.editable.edit;
     }
@@ -81,9 +85,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 {
@@ -93,11 +95,11 @@ const _sfc_main = {
     }
     function onConfirmHandler() {
       if (!checkedList.value.length && showColumnsLength.value === tableEditableColumns.value?.length) {
-        ElMessage.warning(t("table.theColumnsDisplayedInTheTableCannotBeLeftBlank"));
+        ElMessage.warning($t("table.theColumnsDisplayedInTheTableCannotBeLeftBlank"));
         return;
       }
       if (checkedList.value.length > 15) {
-        ElMessage.warning(t("table.maxColumnLimitTip"));
+        ElMessage.warning($t("table.maxColumnLimitTip"));
         return;
       }
       const editableObj = tableEditableColumns.value.reduce(
@@ -112,9 +114,7 @@ const _sfc_main = {
       closePopover();
     }
     function onClearHandler() {
-      const { columnsList, columnsEditablele } = tableColumnHandler(
-        props.originColumns
-      );
+      const { columnsList, columnsEditablele } = tableColumnHandler(props.originColumns);
       initColumnsInfo(columnsList, columnsEditablele);
       showReset.value = false;
     }
@@ -128,19 +128,14 @@ const _sfc_main = {
         animation: 150,
         onEnd(event) {
           const { oldIndex, newIndex } = event;
-          if (isEmpty(oldIndex) || isEmpty(newIndex) || oldIndex === newIndex)
-            return;
+          if (isEmpty(oldIndex) || 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];
           }
@@ -176,7 +171,7 @@ const _sfc_main = {
         },
         {
           reference: withCtx(() => [
-            createElementVNode("div", { class: "h-[32px] flex items-center gap-[10px] clickBox px-3 rounded hover:bg-background-2" }, [
+            createElementVNode("div", { class: "h-[32px] flex items-center gap-[10px] clickBox px-3 rounded hover:bg-background-2 box-border" }, [
               createVNode(unref(HyIcon), {
                 "svg-name": "ops-button-edit-column",
                 "class-name": "!w-3 !h-3"
@@ -184,7 +179,7 @@ const _sfc_main = {
               createElementVNode(
                 "span",
                 null,
-                toDisplayString(unref(t)("table.editColumn")) + " \xB7 " + toDisplayString(showColumnsLength.value),
+                toDisplayString(unref($t)("table.editColumn")) + " \xB7 " + toDisplayString(showColumnsLength.value),
                 1
                 /* TEXT */
               )
@@ -196,7 +191,7 @@ const _sfc_main = {
                 createElementVNode(
                   "span",
                   { class: "text-main font-bold" },
-                  toDisplayString(unref(t)("table.editColumn")),
+                  toDisplayString(unref($t)("table.editColumn")),
                   1
                   /* TEXT */
                 ),
@@ -206,7 +201,7 @@ const _sfc_main = {
                   onClick: closePopover
                 })
               ]),
-              createElementVNode("div", { class: "flex items-center gap-1.5 px-4 py-2.5 text-xs text-theme" }, [
+              createElementVNode("div", { class: "flex items-center gap-1.5 px-4 py-2.5 text-xs text-theme box-border" }, [
                 createVNode(unref(HyIcon), {
                   "svg-name": "dispatch-share1-prompt",
                   "class-name": "!w-3 !h-3"
@@ -219,9 +214,10 @@ const _sfc_main = {
                   "onUpdate:modelValue": ($event) => checkedList.value = $event
                 }, {
                   default: withCtx(() => [
-                    createElementVNode(
+                    cannotDragged.value > 0 ? (openBlock(), createElementBlock(
                       "div",
                       {
+                        key: 0,
                         class: normalizeClass(["flex flex-col gap-1.5 leading-3 text-info", { "mb-1.5": tableEditableColumns.value.length > 0 }])
                       },
                       [
@@ -250,7 +246,7 @@ const _sfc_main = {
                       ],
                       2
                       /* CLASS */
-                    ),
+                    )) : createCommentVNode("v-if", true),
                     createCommentVNode(" \u53EF\u62D6\u62FD "),
                     createElementVNode(
                       "div",
@@ -289,7 +285,7 @@ const _sfc_main = {
                   createElementVNode(
                     "span",
                     null,
-                    toDisplayString(unref(t)("table.selectedNumberItems", [checkedList.value?.length || 0])),
+                    toDisplayString(unref($t)("table.selectedNumberItems", [checkedList.value?.length || 0])),
                     1
                     /* TEXT */
                   ),
@@ -300,7 +296,7 @@ const _sfc_main = {
                       class: "clickBox text-danger-2 ml-3",
                       onClick: onClearHandler
                     },
-                    toDisplayString(unref(t)("hy.reset")),
+                    toDisplayString(unref($t)("hy.reset")),
                     1
                     /* TEXT */
                   )) : createCommentVNode("v-if", true)
@@ -316,7 +312,7 @@ const _sfc_main = {
                       }),
                       createVNode(unref(HyTooltip), {
                         "is-always": false,
-                        content: unref(t)("table.tooManyFieldsWillAffectReadability"),
+                        content: unref($t)("table.tooManyFieldsWillAffectReadability"),
                         class: "mr-2 text-auxiliary"
                       }, null, 8, ["content"])
                     ],
@@ -330,7 +326,7 @@ const _sfc_main = {
                   }, {
                     default: withCtx(() => [
                       createTextVNode(
-                        toDisplayString(unref(t)("hy.confirm")),
+                        toDisplayString(unref($t)("hy.confirm")),
                         1
                         /* TEXT */
                       )

package/es/components/hyTable/cpns/columnSelectItem.vue.mjs

@@ -4,7 +4,7 @@ import { Lock } from '@element-plus/icons-vue';
 import '../../../hooks/index.mjs';
 import { renderHeaderHandler } from '../js/index.mjs';
 import '../../index.mjs';
-import { useLocale } from '../../../hooks/useLocale.mjs';
+import { $t } from '../../../hooks/useLocale.mjs';
 import { HyTooltip } from '../../hyTooltip/index.mjs';
 
 const _sfc_main = {
@@ -27,7 +27,6 @@ const _sfc_main = {
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emits = __emit;
-    const { t } = useLocale();
     function onClickHandler(column) {
       if (column.editable.lock) return;
       emits("checked", column);
@@ -78,7 +77,7 @@ const _sfc_main = {
               __props.checkMap.has(__props.column.prop) ? (openBlock(), createElementBlock(
                 "span",
                 { key: 0 },
-                toDisplayString(unref(t)("table.show")),
+                toDisplayString(unref($t)("table.show")),
                 1
                 /* TEXT */
               )) : (openBlock(), createElementBlock(
@@ -87,7 +86,7 @@ const _sfc_main = {
                   key: 1,
                   class: "text-info"
                 },
-                toDisplayString(unref(t)("table.notShown")),
+                toDisplayString(unref($t)("table.notShown")),
                 1
                 /* TEXT */
               )),
@@ -99,7 +98,7 @@ const _sfc_main = {
               }, [
                 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"])) : createCommentVNode("v-if", true)
             ])) : createCommentVNode("v-if", true)
@@ -108,12 +107,12 @@ const _sfc_main = {
         default: withCtx(() => [
           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" },
             toDisplayString(unref(renderHeaderHandler)(__props.column)),
             1
             /* TEXT */
           ),
-          createElementVNode("div", { class: "flex flex-col gap-3 px-4 pt-2.5 pb-4 text-main text-xs" }, [
+          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 ? (openBlock(), createElementBlock(
               "div",
               { key: 0 },
@@ -125,7 +124,7 @@ const _sfc_main = {
               createElementVNode(
                 "div",
                 { class: "text-auxiliary mb-1.5" },
-                toDisplayString(unref(t)("table.example")),
+                toDisplayString(unref($t)("table.example")),
                 1
                 /* TEXT */
               ),
@@ -138,7 +137,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"
                       },
                       toDisplayString(item),
                       1

package/es/components/hyTable/cpns/headerItem.vue.mjs

@@ -64,10 +64,10 @@ const _sfc_main = {
     return (_ctx, _cache) => {
       return columnSort.value.show ? (openBlock(), 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)
       }, [
-        createElementVNode("div", { class: "flex flex-col absolute top-1/2 -left-1 transform -translate-y-1/2 -translate-x-full" }, [
+        createElementVNode("div", { class: "flex flex-col" }, [
           createVNode(unref(ElIcon), {
             size: "8",
             color: isSortActive(columnSort.value.prop, "asc") ? "rgba(var(--hy-theme))" : "rgba(var(--hy-auxiliary))",

package/es/components/hyTable/cpns/virtualTable.vue.mjs

@@ -1,4 +1,4 @@
-import { useModel, computed, ref, openBlock, createBlock, unref, withCtx, renderSlot, createCommentVNode, createElementBlock, Fragment, renderList, normalizeStyle, withModifiers, normalizeClass, createVNode, mergeProps, createTextVNode, toDisplayString, createElementVNode, normalizeProps, guardReactiveProps, mergeModels } from 'vue';
+import { useModel, useTemplateRef, computed, ref, openBlock, createBlock, unref, withCtx, renderSlot, createCommentVNode, createElementBlock, Fragment, renderList, normalizeStyle, withModifiers, normalizeClass, createVNode, mergeProps, createTextVNode, toDisplayString, createElementVNode, normalizeProps, guardReactiveProps, mergeModels } from 'vue';
 import { ElTableV2, ElCheckbox, ElDropdown, ElIcon, ElDropdownMenu, ElDropdownItem } from 'element-plus';
 import { MoreFilled } from '@element-plus/icons-vue';
 import '../../index.mjs';
@@ -6,10 +6,10 @@ import '../../../hooks/index.mjs';
 import '../../../utils/index.mjs';
 import { operatorFilterHandler, operatorClickHandler, operatorDisabledHandler, operatorIsDotHandler, operatorDisableTextdHandler, renderContentHandler, renderHeaderHandler } from '../js/index.mjs';
 import _sfc_main$1 from './headerItem.vue.mjs';
-import { useLocale } from '../../../hooks/useLocale.mjs';
 import { isNumber, isString, isFunction, isArray, isBoolean, isEmpty } from '../../../utils/is.mjs';
 import { HyIcon } from '../../hyIcon/index.mjs';
 import { HyTooltip } from '../../hyTooltip/index.mjs';
+import { $t } from '../../../hooks/useLocale.mjs';
 
 const _sfc_main = {
   __name: "virtualTable",
@@ -79,7 +79,7 @@ const _sfc_main = {
     const props = __props;
     const emits = __emit;
     const expandedRowKeys = useModel(__props, "expandedRowKeys");
-    const { t } = useLocale();
+    const tableRef = useTemplateRef("tableRef");
     const avgWidth = computed(() => {
       const { total, totalWidth } = props.columns.reduce(
         ({ total: total2, totalWidth: totalWidth2 }, column) => {
@@ -277,10 +277,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 openBlock(), createBlock(unref(ElTableV2), {
+        ref_key: "tableRef",
+        ref: tableRef,
         "expanded-row-keys": expandedRowKeys.value,
         "onUpdate:expandedRowKeys": ($event) => expandedRowKeys.value = $event,
         cache: 0,
@@ -422,11 +430,7 @@ const _sfc_main = {
                         (openBlock(true), createElementBlock(
                           Fragment,
                           null,
-                          renderList(unref(operatorFilterHandler)(
-                            column,
-                            { column, row, $index, cellIndex },
-                            "default"
-                          ), (citem, cindex) => {
+                          renderList(unref(operatorFilterHandler)(column, { column, row, $index, cellIndex }, "default"), (citem, cindex) => {
                             return openBlock(), createBlock(unref(HyTooltip), {
                               key: cindex,
                               "is-always": "",
@@ -444,12 +448,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) => unref(operatorClickHandler)(
-                                    cindex,
-                                    column,
-                                    { column, row, $index, cellIndex },
-                                    "default"
-                                  )
+                                  onClick: ($event) => unref(operatorClickHandler)(cindex, column, { column, row, $index, cellIndex }, "default")
                                 }, [
                                   createVNode(unref(HyIcon), {
                                     "svg-name": citem.svgName,
@@ -486,23 +485,14 @@ const _sfc_main = {
                           128
                           /* KEYED_FRAGMENT */
                         )),
-                        unref(operatorFilterHandler)(
-                          column,
-                          { column, row, $index, cellIndex },
-                          "more"
-                        )?.length ? (openBlock(), createBlock(unref(ElDropdown), {
+                        unref(operatorFilterHandler)(column, { column, row, $index, cellIndex }, "more")?.length ? (openBlock(), createBlock(unref(ElDropdown), {
                           key: 0,
                           ref_for: true,
                           ref: "operatorDropdownRef",
                           trigger: "click",
                           "popper-style": "min-width: 150px",
-                          placement: "bottom",
-                          onCommand: ($event) => unref(operatorClickHandler)(
-                            $event,
-                            column,
-                            { column, row, $index, cellIndex },
-                            "more"
-                          )
+                          placement: "bottom-end",
+                          onCommand: ($event) => unref(operatorClickHandler)($event, column, { column, row, $index, cellIndex }, "more")
                         }, {
                           dropdown: withCtx(() => [
                             createVNode(
@@ -588,7 +578,7 @@ const _sfc_main = {
                               createVNode(unref(HyTooltip), {
                                 "is-always": "",
                                 overLine: 1,
-                                content: unref(t)("table.moreOperations")
+                                content: unref($t)("table.moreOperations")
                               }, {
                                 default: withCtx(() => [
                                   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" }, [
@@ -607,7 +597,7 @@ const _sfc_main = {
                                     createElementVNode(
                                       "div",
                                       { class: "mt-1" },
-                                      toDisplayString(unref(t)("table.more")),
+                                      toDisplayString(unref($t)("table.more")),
                                       1
                                       /* TEXT */
                                     )