hy-dispatch-ui-v3 0.2.66 → 0.2.68

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,12 +281,21 @@ 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,
         "row-key": __props.rowKey,
         data: dataSource.value,
         columns: tableColumns.value,
@@ -425,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": "",
@@ -438,7 +443,7 @@ const _sfc_main = {
                             }, {
                               default: vue.withCtx(() => [
                                 vue.createElementVNode("div", {
-                                  class: vue.normalizeClass(["w-[40px] h-[48px] inline-flex flex-col items-center justify-center text-xs hover:font-bold border border-transparent rounded box-border", [
+                                  class: vue.normalizeClass(["w-[40px] h-[48px] inline-flex flex-col items-center justify-center text-xs hover:font-bold border border-transparent rounded box-border relative", [
                                     citem.className,
                                     vue.unref(index$1.operatorDisabledHandler)(citem, {
                                       column,
@@ -447,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,
@@ -470,7 +470,16 @@ const _sfc_main = {
                                   )) : (vue.openBlock(), vue.createElementBlock("div", {
                                     key: 1,
                                     class: "mt-1 whitespace-nowrap"
-                                  }, "\xA0"))
+                                  }, "\xA0")),
+                                  vue.unref(index$1.operatorIsDotHandler)(citem, {
+                                    column,
+                                    row,
+                                    $index,
+                                    cellIndex
+                                  }) ? (vue.openBlock(), vue.createElementBlock("div", {
+                                    key: 2,
+                                    class: "w-2 h-2 absolute right-0 top-0 transform translate-x-1/2 -translate-y-1/2 rounded-full bg-danger-2 z-[2]"
+                                  })) : vue.createCommentVNode("v-if", true)
                                 ], 10, ["onClick"])
                               ]),
                               _: 2
@@ -480,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(
@@ -523,10 +523,10 @@ const _sfc_main = {
                                         })
                                       }, {
                                         default: vue.withCtx(() => [
-                                          vue.createElementVNode("span", null, [
+                                          vue.createElementVNode("span", { class: "relative" }, [
                                             vue.createElementVNode(
                                               "span",
-                                              null,
+                                              { class: "pr-1" },
                                               vue.toDisplayString(citem.label),
                                               1
                                               /* TEXT */
@@ -550,7 +550,16 @@ const _sfc_main = {
                                               })) + "\uFF09",
                                               1
                                               /* TEXT */
-                                            )) : vue.createCommentVNode("v-if", true)
+                                            )) : vue.createCommentVNode("v-if", true),
+                                            vue.unref(index$1.operatorIsDotHandler)(citem, {
+                                              column,
+                                              row,
+                                              $index,
+                                              cellIndex
+                                            }) ? (vue.openBlock(), vue.createElementBlock("div", {
+                                              key: 1,
+                                              class: "w-2 h-2 absolute right-0 top-0 transform translate-x-1/2 -translate-y-1/2 rounded-full bg-danger-2 z-[2]"
+                                            })) : vue.createCommentVNode("v-if", true)
                                           ])
                                         ]),
                                         _: 2
@@ -573,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" }, [
@@ -592,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 */
                                     )

package/lib/components/hyTable/js/index.js

@@ -33,17 +33,14 @@ function tableColumnsEditableleHandler(columns, columnsEditablele) {
     });
   }
   const sortList = Array.from(sortSet.values()).reduce((a, b) => a - b);
-  const columnsList = Object.keys(columnsEditableleObj).reduce(
-    (columnsList2, key) => {
-      const list = columnsEditableleObj[key];
-      for (let i = 0; i < list.length; i++) {
-        const target = list[i];
-        columnsList2.push(target.column);
-      }
-      return columnsList2;
-    },
-    []
-  );
+  const columnsList = Object.keys(columnsEditableleObj).reduce((columnsList2, key) => {
+    const list = columnsEditableleObj[key];
+    for (let i = 0; i < list.length; i++) {
+      const target = list[i];
+      columnsList2.push(target.column);
+    }
+    return columnsList2;
+  }, []);
   return {
     columnsList,
     columnsEditablele
@@ -88,33 +85,28 @@ function operatorShowHandler(operator, scope) {
   if (is.isFunction(show)) return show(scope);
   return true;
 }
-function operatorDisabledHandler(column, scope) {
-  const { disabled } = column;
+function operatorDisabledHandler(operator, scope) {
+  const { disabled } = operator;
   if (is.isBoolean(disabled)) return disabled;
   if (is.isFunction(disabled)) return disabled(scope);
   return false;
 }
-function operatorDisableTextdHandler(column, scope) {
-  const { t } = useLocale.useLocale();
-  const { disabledText } = column;
+function operatorDisableTextdHandler(operator, scope) {
+  const { disabledText } = operator;
   if (is.isString(disabledText)) return disabledText;
   if (is.isFunction(disabledText)) return disabledText(scope);
-  return t("table.nonsupport");
+  return useLocale.$t("table.nonsupport");
 }
 function operatorFilterHandler(column, scope, type = "all") {
   let { width } = column;
   width = is.isString(width) ? Number(width.replace(/[a-zA-Z]+/g, "")) : width;
-  const operator = (column.operator || []).filter(
-    (item) => operatorShowHandler(item, scope)
-  );
+  const operator = (column.operator || []).filter((item) => operatorShowHandler(item, scope));
   if (type === "all" || operator.length <= 1 && type === "default") {
     return operator;
   }
   const btnWidth = 40;
   const gapWidth = 12;
-  const operatorCount = Math.floor(
-    (width - 12 * 2 - btnWidth) / (btnWidth + gapWidth) + 1
-  );
+  const operatorCount = Math.floor((width - 12 * 2 - btnWidth) / (btnWidth + gapWidth) + 1);
   if (operatorCount === operator.length) {
     return type === "default" ? operator : [];
   }
@@ -130,6 +122,12 @@ function operatorClickHandler(command, column, scope, type = "all") {
   if (operatorDisabledHandler(target, scope)) return;
   target?.handler && target.handler(scope);
 }
+function operatorIsDotHandler(operator, scope) {
+  const { isDot } = operator;
+  if (is.isFunction(isDot)) return isDot(scope);
+  if (is.isBoolean(isDot)) return isDot;
+  return false;
+}
 function renderHeaderHandler(column, scope) {
   if (!column) return;
   if (is.isFunction(column.renderHeader)) {
@@ -146,15 +144,7 @@ function renderContentHandler(column, scope) {
   return row[column.prop];
 }
 const useAppTableWrapper = (hy) => {
-  const {
-    props,
-    emits,
-    containerRef,
-    tableRef,
-    tableDropdownRef,
-    operatorDropdownRef
-  } = hy;
-  const { t } = useLocale.useLocale();
+  const { props, emits, containerRef, tableRef, tableDropdownRef, operatorDropdownRef } = hy;
   const CACHE_COLUMNS_KEY = props.controller || props.url || "CACHE_COLUMNS_KEY";
   const tableDataSource = vue.ref([]);
   const tableColumns = vue.ref([]);
@@ -163,15 +153,12 @@ const useAppTableWrapper = (hy) => {
     return tableColumns.value.filter((column) => tableColumnShowHandler(column));
   });
   const searchPlaceholder = vue.computed(() => {
-    const searchLabelSet = tableColumnsList.value.reduce(
-      (searchLabelSet2, column) => {
-        if (column.isSearch) {
-          searchLabelSet2.add(column.label);
-        }
-        return searchLabelSet2;
-      },
-      /* @__PURE__ */ new Set()
-    );
+    const searchLabelSet = tableColumnsList.value.reduce((searchLabelSet2, column) => {
+      if (column.isSearch) {
+        searchLabelSet2.add(column.label);
+      }
+      return searchLabelSet2;
+    }, /* @__PURE__ */ new Set());
     if (props.searchArr?.length > 0) {
       props.searchArr.forEach((item) => {
         searchLabelSet.add(item.label);
@@ -186,10 +173,7 @@ const useAppTableWrapper = (hy) => {
     return row.id;
   }
   function onTableColumnsSelectHandler(value) {
-    const { columnsList, searchText } = tableColumnsEditableleHandler(
-      props.tableColumns,
-      value
-    );
+    const { columnsList, searchText } = tableColumnsEditableleHandler(props.tableColumns, value);
     tableColumns.value = columnsList;
     tableColumnsEditablele.value = value;
     sessionStorage.setItem(CACHE_COLUMNS_KEY, JSON.stringify(value));
@@ -248,9 +232,7 @@ const useAppTableWrapper = (hy) => {
       x: clientX,
       y: clientY
     });
-    const column = tableColumns.value.find(
-      (column2) => column2.type === "operator"
-    );
+    const column = tableColumns.value.find((column2) => column2.type === "operator");
     const operator = operatorFilterHandler(column, { row });
     if (!operator?.length) return;
     tableTriggerRef.value.column = column;
@@ -274,15 +256,16 @@ const useAppTableWrapper = (hy) => {
     if (props.type === "default") {
       return tableColumnsList.value.some((column) => column.type === "expand");
     } else if (props.type === "virtual") {
-      return tableColumnsList.value.some(
-        (column) => column.type === "expand" && column.expandType === "expand"
-      );
+      return tableColumnsList.value.some((column) => column.type === "expand" && column.expandType === "expand");
     }
     return false;
   });
   const isAccordionMode = vue.computed(() => {
     return isExpandTable.value && props.expandMode === "accordion";
   });
+  function getRowExpansion() {
+    return expandRowKeys.value;
+  }
   function setRowExpansion(list = []) {
     const keys = (list || []).map((item) => {
       return is.isString(item) || is.isNumber(item) ? item : getRowKey(item);
@@ -290,7 +273,7 @@ const useAppTableWrapper = (hy) => {
     expandRowKeys.value = isAccordionMode.value ? [keys[0]] : keys;
   }
   function toggleRowExpansion(row, expanded) {
-    const key = is.isString(row) || is.isNumber(row) ? row : getRowKey(row);
+    const key = is.isString(row) || is.isNumber(row) || is.isSymbol(row) ? row : getRowKey(row);
     const index = expandRowKeyMap.value.get(key);
     const isExpanded = is.isBoolean(expanded) ? expanded : !is.isNumber(index);
     if (isAccordionMode.value) {
@@ -306,7 +289,8 @@ const useAppTableWrapper = (hy) => {
         expandRowKeys.value.splice(index, 1);
       }
     }
-    emits("expand-change", row, isExpanded);
+    const data = tableDataSource.value.find((v) => getRowKey(v) === key);
+    emits("expand-change", data, isExpanded);
   }
   function onTableRowExpandChangeHandler(row, expandedRows) {
     if (props.type === "virtual") {
@@ -389,9 +373,7 @@ const useAppTableWrapper = (hy) => {
     selectedList.value = list || [];
     clearSelection();
     list.forEach((row) => {
-      const item = tableDataSource.value.find(
-        (v) => getRowKey(row) === getRowKey(v)
-      );
+      const item = tableDataSource.value.find((v) => getRowKey(row) === getRowKey(v));
       if (item) {
         tableRef.value.toggleRowSelection(item, true);
       } else {
@@ -410,11 +392,28 @@ const useAppTableWrapper = (hy) => {
     }
     return className.filter(Boolean).join(" ");
   }
+  function scrollToTop(top) {
+    if (!is.isNumber(top) || isNaN(top)) return;
+    if (props.type === "virtual") {
+      tableRef.value.scrollToTop(top);
+    } else {
+      tableRef.value.setScrollTop(top);
+    }
+  }
+  function scrollToLeft(left) {
+    if (!is.isNumber(left) || isNaN(left)) return;
+    if (props.type === "virtual") {
+      tableRef.value.scrollToLeft(left);
+    } else {
+      tableRef.value.setScrollLeft(left);
+    }
+  }
+  function onScrollHandler(params) {
+    emits("scroll", params);
+  }
+  window.scrollToTop = scrollToTop;
   vue.watchEffect(() => {
-    const { columnsList, columnsEditablele, searchText } = tableColumnHandler(
-      props.tableColumns,
-      CACHE_COLUMNS_KEY
-    );
+    const { columnsList, columnsEditablele, searchText } = tableColumnHandler(props.tableColumns, CACHE_COLUMNS_KEY);
     tableColumns.value = columnsList;
     tableColumnsEditablele.value = columnsEditablele;
   });
@@ -436,6 +435,7 @@ const useAppTableWrapper = (hy) => {
     clearSelectedList,
     expandRowKeys,
     expandRowKeyMap,
+    getRowExpansion,
     setRowExpansion,
     toggleRowExpansion,
     onTableRowExpandChangeHandler,
@@ -444,7 +444,10 @@ const useAppTableWrapper = (hy) => {
     onTableRowClickHandler,
     onTableColumnsSelectHandler,
     showAppTableLoading,
-    closeAppTableLoading
+    closeAppTableLoading,
+    scrollToTop,
+    scrollToLeft,
+    onScrollHandler
   };
 };
 
@@ -452,6 +455,7 @@ exports.operatorClickHandler = operatorClickHandler;
 exports.operatorDisableTextdHandler = operatorDisableTextdHandler;
 exports.operatorDisabledHandler = operatorDisabledHandler;
 exports.operatorFilterHandler = operatorFilterHandler;
+exports.operatorIsDotHandler = operatorIsDotHandler;
 exports.renderContentHandler = renderContentHandler;
 exports.renderHeaderHandler = renderHeaderHandler;
 exports.tableColumnHandler = tableColumnHandler;

package/lib/components/hyTable/js/search.js

@@ -103,6 +103,26 @@ function useAppTableSearch(hy) {
     const isReset = !(is.isEmpty(oldQueryValue) && is.isEmpty(props.filterModel.query) || oldQueryValue === props.filterModel.query);
     getData(isReset ? 1 : null);
   }
+  async function getOptions() {
+    if (appSearchRef.value) {
+      await appSearchRef.value.getOptions();
+    }
+  }
+  async function getOptionsFields(keys) {
+    if (appSearchRef.value) {
+      await appSearchRef.value.getOptionsFields(keys);
+    }
+  }
+  async function getOptionsError() {
+    if (appSearchRef.value) {
+      await appSearchRef.value.getOptionsError();
+    }
+  }
+  function getOptionsByField() {
+    if (appSearchRef.value) {
+      return appSearchRef.value.getOptionsByField();
+    }
+  }
   return {
     totalElements,
     showFilter,
@@ -115,7 +135,11 @@ function useAppTableSearch(hy) {
     getTableDataSource,
     onSizeChangeHandler,
     onCurrentChangeHandler,
-    onSearchQueryHandler
+    onSearchQueryHandler,
+    getOptions,
+    getOptionsFields,
+    getOptionsError,
+    getOptionsByField
   };
 }
 

package/lib/components/hyTable/js/useAppTable.js

@@ -9,7 +9,6 @@ var is = require('../../../utils/is.js');
 var useAppSearch = require('../../hySearch/js/useAppSearch.js');
 
 function getColumnDefaultConfig(column) {
-  const { t } = useLocale.useLocale();
   switch (column.type) {
     case "selection":
       return {
@@ -19,7 +18,7 @@ function getColumnDefaultConfig(column) {
     case "index":
       return {
         prop: `${column.type}_prop`,
-        label: t("table.index")
+        label: useLocale.$t("table.index")
       };
     case "expand":
       return {
@@ -27,7 +26,7 @@ function getColumnDefaultConfig(column) {
       };
     case "operator":
       return {
-        label: t("table.operator"),
+        label: useLocale.$t("table.operation"),
         prop: `operator_prop`,
         fixed: "right"
       };

package/lib/components/hyTable/style/table.scss

@@ -69,3 +69,11 @@
     }
   }
 }
+
+.hy-el-table--default .hy-el-table__cell {
+  padding: 0px 0px !important;
+}
+.hy-table .hy-el-table .hy-el-table__cell .cell {
+  padding: 8px 12px !important;
+  box-sizing: border-box;
+}