hy-dispatch-ui-v3 0.2.33 → 0.2.35

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

@@ -6,10 +6,11 @@ var vue = require('vue');
 var Sortable = require('sortablejs');
 var elementPlus = require('element-plus');
 var iconsVue = require('@element-plus/icons-vue');
-var index$1 = require('../js/index.js');
+var index = require('../js/index.js');
 var columnSelectItem = require('./columnSelectItem.vue.js');
 var useLocale = require('../../../hooks/useLocale.js');
-var index = require('../../hyButton/index.js');
+var index$1 = require('../../hyTooltip/index.js');
+var index$2 = require('../../hyButton/index.js');
 var is = require('../../../utils/is.js');
 
 const _sfc_main = {
@@ -39,11 +40,11 @@ const _sfc_main = {
     const tableEditableColumns = vue.ref([]);
     const showColumnsLength = vue.computed(() => {
       return (tableColumns.value || []).reduce((total, column) => {
-        return total + (isFilterColumn(column) ? 0 : 1);
+        return total + (isShowColumn(column) ? 1 : 0);
       }, 0);
     });
-    function isFilterColumn(column) {
-      return !column.editable.edit || column.prop === "operator";
+    function isShowColumn(column) {
+      return index.tableColumnShowHandler(column) && column.editable.edit;
     }
     function showPopover() {
       initColumnsInfo(props.columns, props.columnsEditable);
@@ -56,26 +57,20 @@ const _sfc_main = {
       popoverRef.value?.hide?.();
     }
     function initColumnsInfo(columns, columnsEditable) {
+      const columnArr = [];
       const checkedArr = [];
-      tableEditableColumns.value = columns.reduce((list, column, index) => {
-        if (!isFilterColumn(column) && !column.editable.lock) {
-          list.push({
+      for (const column of columns) {
+        if (isShowColumn(column) && !column.editable.lock) {
+          columnArr.push({
             ...column,
-            sortIndex: index
+            sortIndex: columnsEditable[column.prop].sortIndex
           });
-        }
-        return list;
-      }, []);
-      for (const key in columnsEditable || {}) {
-        const target = columnsEditable[key];
-        const { column } = target;
-        if (isFilterColumn(column) || column.editable.lock) {
-          continue;
-        }
-        if (target.checked) {
-          checkedArr.push(column.prop);
+          if (columnsEditable[column.prop].checked) {
+            checkedArr.push(column.prop);
+          }
         }
       }
+      tableEditableColumns.value = columnArr;
       checkedList.value = checkedArr;
     }
     const showClear = vue.ref(true);
@@ -108,7 +103,7 @@ const _sfc_main = {
       }
       const editableObj = tableEditableColumns.value.reduce(
         (editableObj2, column) => {
-          editableObj2[column.prop].index = column.sortIndex;
+          editableObj2[column.prop].sortIndex = column.sortIndex;
           editableObj2[column.prop].checked = checkMap.value.has(column.prop);
           return editableObj2;
         },
@@ -118,7 +113,7 @@ const _sfc_main = {
       closePopover();
     }
     function onClearHandler() {
-      const { columnsList, columnsEditablele } = index$1.tableColumnHandler(
+      const { columnsList, columnsEditablele } = index.tableColumnHandler(
         props.originColumns
       );
       initColumnsInfo(columnsList, columnsEditablele);
@@ -136,29 +131,19 @@ const _sfc_main = {
           const { oldIndex, newIndex } = event;
           if (is.isEmpty(oldIndex) || is.isEmpty(newIndex) || oldIndex === newIndex)
             return;
-          const newSortIndex = tableEditableColumns.value[newIndex].sortIndex;
-          tableEditableColumns.value[newIndex].sortIndex = tableEditableColumns.value[oldIndex].sortIndex;
-          tableEditableColumns.value[oldIndex].sortIndex = newSortIndex;
-          if (oldIndex < newIndex) {
-            tableEditableColumns.value.splice(
-              oldIndex,
-              1,
-              tableEditableColumns.value.splice(
-                newIndex,
-                1,
-                tableEditableColumns.value[oldIndex]
-              )[0]
-            );
-          } else {
-            tableEditableColumns.value.splice(
-              newIndex,
-              1,
-              tableEditableColumns.value.splice(
-                oldIndex,
-                1,
-                tableEditableColumns.value[newIndex]
-              )[0]
-            );
+          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]
+          );
+          for (let i = minIndex; i <= maxIndex; i++) {
+            tableEditableColumns.value[i].sortIndex = sortList[i];
           }
           showClear.value = true;
         }
@@ -232,7 +217,7 @@ const _sfc_main = {
                   /* STABLE */
                 })
               ]),
-              vue.createElementVNode("div", { class: "h-[364px] px-4 pt-[11px] pb-1 overflow-y-auto" }, [
+              vue.createElementVNode("div", { class: "h-[364px] px-4 pt-[11px] pb-1 scroll-body overflow-y-auto" }, [
                 vue.createVNode(vue.unref(elementPlus.ElCheckboxGroup), {
                   modelValue: checkedList.value,
                   "onUpdate:modelValue": ($event) => checkedList.value = $event
@@ -253,7 +238,7 @@ const _sfc_main = {
                               vue.Fragment,
                               { key: index },
                               [
-                                !isFilterColumn(item) && item.editable.lock ? (vue.openBlock(), vue.createBlock(columnSelectItem.default, {
+                                isShowColumn(item) && item.editable.lock ? (vue.openBlock(), vue.createBlock(columnSelectItem.default, {
                                   key: 0,
                                   column: item,
                                   checkMap: checkMap.value
@@ -303,49 +288,45 @@ const _sfc_main = {
                   /* STABLE */
                 }, 8, ["modelValue", "onUpdate:modelValue"])
               ]),
-              vue.createElementVNode("div", { class: "flex items-center pt-[5px] pb-4 pl-[14px] pr-3" }, [
-                vue.createElementVNode(
-                  "span",
-                  null,
-                  vue.toDisplayString(vue.unref(t)("table.haveBeenSelected", [checkedList.value?.length || 0])),
-                  1
-                  /* TEXT */
-                ),
-                showClear.value ? (vue.openBlock(), vue.createElementBlock(
-                  "span",
-                  {
-                    key: 0,
-                    class: "clickBox text-danger-2 ml-3",
-                    onClick: onClearHandler
-                  },
-                  vue.toDisplayString(vue.unref(t)("table.clear")),
-                  1
-                  /* TEXT */
-                )) : vue.createCommentVNode("v-if", true),
-                vue.createElementVNode("div", { class: "flex items-center ml-auto" }, [
-                  checkedList.value?.length >= 8 ? (vue.openBlock(), vue.createElementBlock("span", {
+              vue.createElementVNode("div", { class: "flex items-center pt-[5px] pb-4 pl-[14px] pr-3 overflow-hidden" }, [
+                vue.createElementVNode("div", { class: "flex items-center" }, [
+                  vue.createElementVNode(
+                    "span",
+                    null,
+                    vue.toDisplayString(vue.unref(t)("table.selectedNumberItems", [checkedList.value?.length || 0])),
+                    1
+                    /* TEXT */
+                  ),
+                  showClear.value ? (vue.openBlock(), vue.createElementBlock(
+                    "span",
+                    {
+                      key: 0,
+                      class: "clickBox text-danger-2 ml-3",
+                      onClick: onClearHandler
+                    },
+                    vue.toDisplayString(vue.unref(t)("table.clear")),
+                    1
+                    /* TEXT */
+                  )) : vue.createCommentVNode("v-if", true)
+                ]),
+                vue.createElementVNode("div", { class: "w-0 flex-1 flex items-center justify-end ml-3" }, [
+                  vue.createVNode(vue.unref(elementPlus.ElIcon), {
+                    class: "mr-1.5",
+                    color: "rgb(var(--hy-auxiliary))"
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(vue.unref(iconsVue.Warning))
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }),
+                  checkedList.value?.length >= 8 ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.HyTooltip), {
                     key: 0,
-                    class: "flex items-center mr-2 text-auxiliary"
-                  }, [
-                    vue.createVNode(vue.unref(elementPlus.ElIcon), {
-                      class: "mr-1.5",
-                      color: "rgb(var(--hy-auxiliary))"
-                    }, {
-                      default: vue.withCtx(() => [
-                        vue.createVNode(vue.unref(iconsVue.Warning))
-                      ]),
-                      _: 1
-                      /* STABLE */
-                    }),
-                    vue.createElementVNode(
-                      "span",
-                      null,
-                      vue.toDisplayString(vue.unref(t)("table.tooManyFieldsWillAffectReadability")),
-                      1
-                      /* TEXT */
-                    )
-                  ])) : vue.createCommentVNode("v-if", true),
-                  vue.createVNode(vue.unref(index.HyButton), {
+                    "is-always": false,
+                    content: vue.unref(t)("table.tooManyFieldsWillAffectReadability"),
+                    class: "mr-2 text-auxiliary"
+                  }, null, 8, ["content"])) : vue.createCommentVNode("v-if", true),
+                  vue.createVNode(vue.unref(index$2.HyButton), {
                     type: "primary",
                     size: "small",
                     onClick: onConfirmHandler

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

@@ -94,16 +94,13 @@ const _sfc_main = {
               )),
               __props.columnsLength > 1 ? (vue.openBlock(), vue.createElementBlock("div", {
                 key: 2,
-                class: "w-5 h-full flex items-center justify-center handle cursor-grab ml-3",
+                class: "h-full flex items-center justify-center handle cursor-grab ml-3",
                 onClick: vue.withModifiers(() => {
                 }, ["stop"])
               }, [
-                vue.createVNode(vue.unref(elementPlus.ElIcon), null, {
-                  default: vue.withCtx(() => [
-                    vue.createVNode(vue.unref(iconsVue.DCaret))
-                  ]),
-                  _: 1
-                  /* STABLE */
+                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" }
                 })
               ], 8, ["onClick"])) : vue.createCommentVNode("v-if", true)
             ])) : vue.createCommentVNode("v-if", true)

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

@@ -94,7 +94,7 @@ const _sfc_main = {
           }, 8, ["color", "onClick"])
         ]),
         vue.renderSlot(_ctx.$slots, "default")
-      ], 8, ["onClick"])) : vue.renderSlot(_ctx.$slots, "default", { key: 1 });
+      ], 8, ["onClick"])) : vue.renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 1);
     };
   }
 };

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

@@ -312,8 +312,8 @@ const _sfc_main = {
         width: __props.width,
         height: __props.height,
         "header-height": __props.showHeader ? 44 : 0,
-        "row-height": 50,
-        "estimated-row-height": 50,
+        "row-height": 64,
+        "estimated-row-height": 64,
         "expand-column-key": expandColumn.value?.key,
         fixed: "",
         "row-class": rowClass,
@@ -359,9 +359,8 @@ const _sfc_main = {
         row: vue.withCtx(({ columns, depth, rowData: row, rowIndex: $index }) => [
           vue.createCommentVNode(" \u5C55\u5F00\u5185\u5BB9 "),
           depth > 0 && isExpandTable.value ? vue.renderSlot(_ctx.$slots, expandColumn.value.slot, {
-            key: 0,
             row: dataSourceMap.value.get(row.dataKey)
-          }) : (vue.openBlock(), vue.createElementBlock(
+          }, void 0, void 0, 0) : (vue.openBlock(), vue.createElementBlock(
             vue.Fragment,
             { key: 1 },
             [
@@ -426,10 +425,7 @@ const _sfc_main = {
                         indeterminate: indeterminateKeys.value.has(getRowKey(row)),
                         disabled: !isSelectable(row),
                         onClick: vue.withModifiers(($event) => switchCheckHandler(row), ["stop"])
-                      }, null, 8, ["model-value", "indeterminate", "disabled", "onClick"])) : column?.slot && (column.type !== "expand" || !isExpandTable.value) ? vue.renderSlot(_ctx.$slots, column?.slot, vue.mergeProps({
-                        key: 2,
-                        ref_for: true
-                      }, { column, row, $index, cellIndex })) : column.type === "index" ? (vue.openBlock(), vue.createElementBlock(
+                      }, null, 8, ["model-value", "indeterminate", "disabled", "onClick"])) : column?.slot && (column.type !== "expand" || !isExpandTable.value) ? vue.renderSlot(_ctx.$slots, column?.slot, vue.mergeProps({ ref_for: true }, { column, row, $index, cellIndex }), void 0, void 0, 2) : column.type === "index" ? (vue.openBlock(), vue.createElementBlock(
                         vue.Fragment,
                         { key: 3 },
                         [
@@ -443,7 +439,7 @@ const _sfc_main = {
                         /* STABLE_FRAGMENT */
                       )) : column.type === "operator" ? (vue.openBlock(), vue.createElementBlock("div", {
                         key: 4,
-                        class: "w-full flex items-center justify-between text-main",
+                        class: "w-full flex items-center justify-end gap-3 text-main",
                         onClick: vue.withModifiers(() => {
                         }, ["stop"]),
                         onContextmenu: vue.withModifiers(() => {
@@ -461,7 +457,7 @@ const _sfc_main = {
                               key: cindex,
                               "is-always": "",
                               overLine: 1,
-                              content: citem.label
+                              content: citem.desc
                             }, {
                               default: vue.withCtx(() => [
                                 vue.createElementVNode("div", {
@@ -477,13 +473,13 @@ const _sfc_main = {
                                     "svg-name": citem.svgName,
                                     "class-name": "!w-4 !h-4"
                                   }, null, 8, ["svg-name"]),
-                                  citem.subLabel ? (vue.openBlock(), vue.createElementBlock(
+                                  citem.label ? (vue.openBlock(), vue.createElementBlock(
                                     "div",
                                     {
                                       key: 0,
                                       class: "mt-1 whitespace-nowrap"
                                     },
-                                    vue.toDisplayString(citem.subLabel),
+                                    vue.toDisplayString(citem.label),
                                     1
                                     /* TEXT */
                                   )) : (vue.openBlock(), vue.createElementBlock("div", {

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

@@ -15,67 +15,67 @@ function tableColumnShowHandler(column) {
   if (is.isFunction(show)) return show(column);
   return true;
 }
-function tableColumnsEditableleHandler(columns, columnsEditablele, searchArr) {
-  const searchLabelSet = /* @__PURE__ */ new Set();
+function tableColumnsEditableleHandler(columns, columnsEditablele) {
   const columnsEditableleObj = {};
+  const sortSet = /* @__PURE__ */ new Set();
   for (const column of columns) {
-    const { editable } = column;
-    const columnsEditableleItem = columnsEditablele[column.prop] || editable;
-    const { index } = columnsEditableleItem;
-    if (!columnsEditableleObj[index]) {
-      columnsEditableleObj[index] = [];
+    const columnsEditableleItem = columnsEditablele[column.prop];
+    const { sortIndex } = columnsEditableleItem;
+    sortSet.add(sortIndex);
+    if (!columnsEditableleObj[sortIndex]) {
+      columnsEditableleObj[sortIndex] = [];
     }
-    columnsEditableleObj[index].push({
-      ...columnsEditableleItem,
+    columnsEditableleObj[sortIndex].push({
+      editable: columnsEditableleItem,
       column
     });
-    if (column.isSearch) {
-      searchLabelSet.add(column.label);
-    }
-  }
-  if (searchArr?.length > 0) {
-    searchArr.forEach((item) => {
-      searchLabelSet.add(item.label);
-    });
   }
-  return Object.keys(columnsEditableleObj).reduce(
-    ({ columnsEditablele: columnsEditablele2, columnsList, searchText }, key) => {
+  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];
-        columnsEditablele2[target.column.prop] = {
-          ...target,
-          index: columnsList.length + i
-        };
-        columnsList.push(target.column);
+        columnsList2.push(target.column);
       }
-      return { columnsEditablele: columnsEditablele2, columnsList, searchText };
+      return columnsList2;
     },
-    {
-      columnsEditablele: {},
-      columnsList: [],
-      searchText: Array.from(searchLabelSet.values()).join("\u3001")
-    }
+    []
   );
+  return {
+    columnsList,
+    columnsEditablele
+  };
 }
-function tableColumnHandler(columns, cacheKey, searchArr) {
-  const cacheColumnsValue = cacheKey ? JSON.parse(sessionStorage.getItem(cacheKey) || "{}") : {};
+function tableColumnHandler(columns, cacheKey) {
+  const cacheColumnsValue = cacheKey && sessionStorage.getItem(cacheKey) ? JSON.parse(sessionStorage.getItem(cacheKey) || "{}") : null;
+  const otherColumns = [];
+  let maxIndex = 0;
   const cacheColumnsEditablele = columns.reduce((obj, column) => {
-    obj[column.prop] = {
-      ...column.editable,
-      ...cacheColumnsValue[column.prop],
-      lock: column.editable.lock,
-      edit: column.editable.edit,
-      desc: column.editable.desc,
-      examples: column.editable.examples
-    };
+    const { editable, prop, type, permission } = column;
+    if (cacheColumnsValue && (!cacheColumnsValue[prop] || type === "operator") || permission && !is.isPermission(permission)) {
+      otherColumns.push(column);
+    } else {
+      let { sortIndex, checked } = cacheColumnsValue?.[prop] || {};
+      obj[prop] = {
+        prop,
+        sortIndex: is.isNumber(sortIndex) ? sortIndex : editable.index,
+        checked: is.isBoolean(checked) ? checked : editable.checked
+      };
+      maxIndex = Math.max(maxIndex, obj[prop].sortIndex);
+    }
     return obj;
   }, {});
-  return tableColumnsEditableleHandler(
-    columns,
-    cacheColumnsEditablele,
-    searchArr
-  );
+  otherColumns.forEach((item, index) => {
+    const { prop, type } = item;
+    maxIndex = maxIndex < item.editable.index ? item.editable.index : maxIndex + index + 1;
+    cacheColumnsEditablele[prop] = {
+      prop,
+      sortIndex: maxIndex,
+      checked: type !== "checked"
+    };
+  });
+  return tableColumnsEditableleHandler(columns, cacheColumnsEditablele);
 }
 function operatorShowHandler(operator, scope) {
   if (operator.permission && !is.isPermission(operator.permission)) {
@@ -161,17 +161,35 @@ const useAppTableWrapper = (hy) => {
   const tableColumnsList = vue.computed(() => {
     return tableColumns.value.filter((column) => tableColumnShowHandler(column));
   });
-  const searchPlaceholder = vue.ref("");
+  const searchPlaceholder = vue.computed(() => {
+    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);
+      });
+    }
+    return Array.from(searchLabelSet.values());
+  });
   function getRowKey(row = {}) {
     if (is.isString(props.rowKey)) return row[props.rowKey];
     if (is.isFunction(props.rowKey)) return props.rowKey(row);
     return row.id;
   }
   function onTableColumnsSelectHandler(value) {
-    const { columnsEditablele, columnsList, searchText } = tableColumnsEditableleHandler(props.tableColumns, value, props.searchArr);
+    const { columnsList, searchText } = tableColumnsEditableleHandler(
+      props.tableColumns,
+      value
+    );
     tableColumns.value = columnsList;
-    tableColumnsEditablele.value = columnsEditablele;
-    searchPlaceholder.value = searchText;
+    tableColumnsEditablele.value = value;
     sessionStorage.setItem(CACHE_COLUMNS_KEY, JSON.stringify(value));
   }
   function doLayout() {
@@ -318,7 +336,7 @@ const useAppTableWrapper = (hy) => {
   }
   function onTableRowExpandChangeHandler(row, expandedRows) {
     if (is.isBoolean(expandedRows) || props.expandMode !== "accordion" || expandedRows.length <= 1) {
-      props.onExpandChange(row, expandedRows);
+      props.onExpandChange && props.onExpandChange(row, expandedRows);
       return;
     } else {
       expandedRows.forEach((item) => {
@@ -337,12 +355,10 @@ const useAppTableWrapper = (hy) => {
   vue.watchEffect(() => {
     const { columnsList, columnsEditablele, searchText } = tableColumnHandler(
       props.tableColumns,
-      CACHE_COLUMNS_KEY,
-      props.searchArr
+      CACHE_COLUMNS_KEY
     );
     tableColumns.value = columnsList;
     tableColumnsEditablele.value = columnsEditablele;
-    searchPlaceholder.value = searchText;
   });
   return {
     // 表格配置项

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

@@ -1,8 +1,8 @@
 'use strict';
 
 var vue = require('vue');
-var useAppSearch = require('../../hySearch/js/useAppSearch.js');
 var is = require('../../../utils/is.js');
+var useAppSearch = require('../../hySearch/js/useAppSearch.js');
 var useLocale = require('../../../hooks/useLocale.js');
 
 function getColumnDefaultConfig(column) {
@@ -15,7 +15,7 @@ function getColumnDefaultConfig(column) {
       };
     case "index":
       return {
-        props: `${column.type}_prop`,
+        prop: `${column.type}_prop`,
         label: t("table.index")
       };
     case "expand":
@@ -36,7 +36,21 @@ function getColumnDefaultWidth(column) {
   if (column.type === "expand" && column.expandType === "expand") return 40;
   if (column.type === "selection") return 40;
   if (column.type === "index") return 80;
-  if (column.type === "operator") return 172;
+  if (column.type === "operator") {
+    const length = (column.operator || []).reduce((total, item) => {
+      if (!item.permission && is.isPermission(item.permission)) {
+        total++;
+      }
+      return total;
+    }, 0);
+    if (length >= 3) {
+      return 168;
+    } else if (length === 2) {
+      return 168 - 52;
+    } else {
+      return 168 - 52 * 2;
+    }
+  }
   return;
 }
 function generateColumnItem(column) {
@@ -60,13 +74,13 @@ function getColumnEditable(column, index) {
     };
   }
   return {
-    index: type === "operator" ? 1e3 : index,
     lock: false,
     edit: !type || type === "default",
     checked: !type || type !== "default" || type === "operator",
     desc: void 0,
     examples: [],
-    ...editable || {}
+    ...editable || {},
+    index: type === "operator" ? 1e3 : index
   };
 }
 function getColumnSort(column) {
@@ -90,7 +104,7 @@ function getColumnSort(column) {
   return sort;
 }
 const useAppTable = (config = {}) => {
-  const { columns, filterModel, filterColumns } = config || {};
+  const { columns, filterModel = {}, filterColumns } = config || {};
   const tableColumns = [];
   let defaultSortInfo = null;
   try {

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

@@ -6,21 +6,26 @@
   color: rgb(var(--hy-main));
   font-size: 14px;
   background-color: rgb(var(--hy-background));
-  .el-table {
+  .hy-el-table {
     &.hideSelect {
       /* 禁用全选 */
-      .el-table__header-wrapper .el-checkbox {
+      .hy-el-table__header-wrapper .hy-el-checkbox {
         display: none !important;
       }
     }
-    .el-table__cell .cell {
+    .hy-el-table__cell .cell {
       display: flex;
       align-items: center;
-      .el-table__expand-icon {
+      .hy-el-table__expand-icon {
         flex-shrink: 0;
       }
     }
   }
+  .hy-el-table-v2 {
+    .hy-el-table-v2__row-cell {
+      padding: 8px 12px;
+    }
+  }
   .hy-table-search {
     width: 160px;
     .hy-el-input__inner::placeholder {
@@ -38,3 +43,16 @@
     }
   }
 }
+
+.hy-table-dropdown-menu.hy-el-dropdown-menu {
+  --hy-el-text-color-regular: rgba(var(--hy-main));
+  border: 1px solid rgba(var(--hy-main));
+  padding: 0px;
+  .hy-el-dropdown-menu__item {
+    padding: 9px 16px 10px;
+    border-bottom: 1px solid rgba(var(--hy-border));
+    &:last-child {
+      border-bottom: none;
+    }
+  }
+}