hy-dispatch-ui-v3 0.1.0 → 0.1.2

package/es/components/appTable/appTable.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, useTemplateRef, openBlock, createElementBlock, createElementVNode, createBlock, unref, createCommentVNode, createVNode, withCtx, toDisplayString, withKeys, renderSlot, normalizeClass, mergeProps, Fragment, renderList, withModifiers } from 'vue';
+import { defineComponent, useTemplateRef, openBlock, createElementBlock, createCommentVNode, createElementVNode, createBlock, unref, createVNode, withCtx, toDisplayString, withKeys, renderSlot, normalizeClass, mergeProps, Fragment, renderList, withModifiers } from 'vue';
 import { ElIcon, ElInput, ElButton, ElTable, ElTableColumn, ElDropdown, ElDropdownMenu, ElDropdownItem, ElPagination } from 'element-plus';
 import { Filter, Search } from '@element-plus/icons-vue';
 import { AppTooltip } from '../appTooltip/index.mjs';
@@ -8,7 +8,7 @@ import _sfc_main$1 from './cpns/columnSelect.vue.mjs';
 import { useMixins } from '../../hooks/useMixins.mjs';
 import { AppSearch } from '../appSearch/index.mjs';
 import { parseRem } from '../../utils/adaptive.mjs';
-import { IconBox } from '../svgIcon/index.mjs';
+import { AppIconBox } from '../appIconBox/index.mjs';
 import { useLocale } from '../../hooks/useLocale.mjs';
 import { isEmpty } from '../../utils/is.mjs';
 
@@ -73,7 +73,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       type: Boolean,
       default: true
     },
-    showEditColumn: {
+    showEditable: {
       type: Boolean,
       default: true
     },
@@ -101,6 +101,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       required: false,
       default: () => ({})
     },
+    baseURL: {
+      type: String
+    },
     isJsonData: {
       // 接口请求是否为json格式
       type: Boolean,
@@ -139,7 +142,12 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       default: true
     }
   },
-  emits: ["row-click", "select-all", "on-select-checkbox", "reqSuccess"],
+  emits: [
+    "row-click",
+    "select-all",
+    "on-select-checkbox",
+    "reqSuccess"
+  ],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
@@ -165,21 +173,21 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       onTableRowClickHandler,
       onTableRowContextmenuHandler,
       onTableSelectAllHandler,
+      // useAppTableSearch
       // 表单查询
       formModel,
       formColumns,
       totalElements,
-      onSearchQueryHandler,
+      showFilter,
       getData,
       setData,
       resetFn,
+      switchShowFilter,
       getTotalElements,
+      getTableDataSource,
       onSizeChangeHandler,
       onCurrentChangeHandler,
-      // useAppTableSearch
-      showFilter,
-      switchShowFilter,
-      getTableDataSource
+      onSearchQueryHandler
     } = useMixins(
       {
         props,
@@ -190,10 +198,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         operatorDropdownRef,
         appSearchRef
       },
-      [
-        useAppTableWrapper,
-        useAppTableSearch
-      ]
+      [useAppTableWrapper, useAppTableSearch]
     );
     if (props.defaultGetData) {
       getData(1);
@@ -212,19 +217,22 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         {
           ref_key: "containerRef",
           ref: containerRef,
-          class: "w-full h-full flex flex-col text-main text-sm"
+          class: "app-table"
         },
         [
+          createCommentVNode(" \u64CD\u4F5C\u680F "),
           createElementVNode("div", { class: "min-h-[36px] flex flex-row-reverse items-center justify-between gap-3 mb-4" }, [
             createElementVNode("div", { class: "flex gap-3 whitespace-nowrap" }, [
-              __props.showEditColumn ? (openBlock(), createBlock(_sfc_main$1, {
+              __props.showEditable ? (openBlock(), createBlock(_sfc_main$1, {
                 key: 0,
                 columns: unref(tableColumns),
                 "columns-editable": unref(tableColumnsEditablele),
+                "origin-columns": props.tableColumns,
                 onConfirm: unref(onTableColumnsSelectHandler)
-              }, null, 8, ["columns", "columns-editable", "onConfirm"])) : createCommentVNode("v-if", true),
-              createElementVNode("div", {
-                class: "flex items-center gap-[10px] clickBox px-3 select-none rounded hover:bg-backgroundv2",
+              }, null, 8, ["columns", "columns-editable", "origin-columns", "onConfirm"])) : createCommentVNode("v-if", true),
+              unref(formColumns).length > 0 ? (openBlock(), createElementBlock("div", {
+                key: 1,
+                class: "flex items-center gap-[10px] clickBox px-3 select-none rounded hover:bg-background-2",
                 onClick: unref(switchShowFilter)
               }, [
                 createVNode(unref(ElIcon), { size: "12" }, {
@@ -241,12 +249,12 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                   1
                   /* TEXT */
                 )
-              ], 8, ["onClick"]),
+              ], 8, ["onClick"])) : createCommentVNode("v-if", true),
               unref(searchPlaceholder) ? (openBlock(), createBlock(unref(ElInput), {
-                key: 1,
+                key: 2,
                 modelValue: unref(formModel).query,
                 "onUpdate:modelValue": ($event) => unref(formModel).query = $event,
-                class: "w-[124px]",
+                class: "w-[160px]",
                 placeholder: unref(t)("table.searchFor", [unref(searchPlaceholder)]),
                 onKeydown: withKeys(unref(onSearchQueryHandler), ["enter"])
               }, {
@@ -267,7 +275,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
               renderSlot(_ctx.$slots, "operator-left-box")
             ])) : createCommentVNode("v-if", true)
           ]),
-          createVNode(unref(AppSearch), {
+          createCommentVNode(" \u67E5\u8BE2\u8FC7\u6EE4 "),
+          unref(formColumns).length > 0 ? (openBlock(), createBlock(unref(AppSearch), {
+            key: 0,
             ref_key: "appSearchRef",
             ref: appSearchRef,
             model: unref(formModel),
@@ -275,9 +285,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
             hidden: !unref(showFilter),
             class: normalizeClass({ "mb-4": unref(showFilter) }),
             onSearch: ($event) => unref(getData)(1)
-          }, null, 8, ["model", "columns", "hidden", "class", "onSearch"]),
+          }, null, 8, ["model", "columns", "hidden", "class", "onSearch"])) : createCommentVNode("v-if", true),
+          createCommentVNode(" \u4E3B\u5185\u5BB9 "),
           createElementVNode("div", { class: "h-0 flex-1 flex flex-col border border-border rounded pb-5 overflow-hidden" }, [
-            renderSlot(_ctx.$slots, "table", {}, () => [
+            renderSlot(_ctx.$slots, "table", { data: unref(tableDataSource) }, () => [
               createVNode(unref(ElTable), mergeProps({
                 ref_key: "tableRef",
                 ref: tableRef,
@@ -349,8 +360,12 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                       (openBlock(true), createElementBlock(
                                         Fragment,
                                         null,
-                                        renderList(unref(operatorFilterHandler)(column, scope, "default"), (citem, cindex) => {
-                                          return openBlock(), createBlock(unref(IconBox), {
+                                        renderList(unref(operatorFilterHandler)(
+                                          column,
+                                          scope,
+                                          "default"
+                                        ), (citem, cindex) => {
+                                          return openBlock(), createBlock(unref(AppIconBox), {
                                             key: cindex,
                                             "svg-name": citem.svgName,
                                             altText: citem.label,
@@ -380,7 +395,11 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                                 (openBlock(true), createElementBlock(
                                                   Fragment,
                                                   null,
-                                                  renderList(unref(operatorFilterHandler)(column, scope, "more"), (citem, cindex) => {
+                                                  renderList(unref(operatorFilterHandler)(
+                                                    column,
+                                                    scope,
+                                                    "more"
+                                                  ), (citem, cindex) => {
                                                     return openBlock(), createBlock(unref(ElDropdownItem), {
                                                       key: cindex,
                                                       command: cindex,
@@ -423,9 +442,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                           )
                                         ]),
                                         default: withCtx(() => [
-                                          createVNode(unref(IconBox), {
+                                          createVNode(unref(AppIconBox), {
                                             key: "more",
-                                            "svg-name": "v3-base-more",
+                                            "svg-name": "system-burst_analysis_select_option",
                                             altText: unref(t)("table.moreOperations"),
                                             onClick: withModifiers(() => {
                                             }, ["stop"])
@@ -516,7 +535,11 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
             "virtual-triggering": "",
             trigger: "contextmenu",
             placement: "bottom",
-            onCommand: ($event) => unref(operatorClickHandler)($event, unref(tableTriggerRef).column, unref(tableTriggerRef).scope)
+            onCommand: ($event) => unref(operatorClickHandler)(
+              $event,
+              unref(tableTriggerRef).column,
+              unref(tableTriggerRef).scope
+            )
           }, {
             dropdown: withCtx(() => [
               createVNode(unref(ElDropdownMenu), null, {
@@ -524,7 +547,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                   (openBlock(true), createElementBlock(
                     Fragment,
                     null,
-                    renderList(unref(operatorFilterHandler)(unref(tableTriggerRef).column, unref(tableTriggerRef).scope), (citem, cindex) => {
+                    renderList(unref(operatorFilterHandler)(
+                      unref(tableTriggerRef).column,
+                      unref(tableTriggerRef).scope
+                    ), (citem, cindex) => {
                       return openBlock(), createBlock(unref(ElDropdownItem), {
                         key: cindex,
                         command: cindex,
@@ -575,4 +601,3 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
 });
 
 export { _sfc_main as default };
-//# sourceMappingURL=appTable.vue.mjs.map

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

@@ -1,8 +1,10 @@
-import { useTemplateRef, ref, computed, unref, watch, openBlock, createBlock, withCtx, createElementVNode, toDisplayString, createVNode, normalizeClass, createElementBlock, Fragment, renderList, createCommentVNode, withModifiers, createTextVNode, nextTick } from 'vue';
+import { useTemplateRef, ref, computed, unref, watch, openBlock, createBlock, withCtx, createElementVNode, toDisplayString, createVNode, normalizeClass, createCommentVNode, createElementBlock, Fragment, renderList, createTextVNode, nextTick } from 'vue';
 import Sortable from 'sortablejs';
-import { ElPopover, ElIcon, ElCheckboxGroup, ElCheckbox, ElButton, ElMessage } from 'element-plus';
-import { CircleClose, Lock, DCaret, Warning, Edit } from '@element-plus/icons-vue';
-import { AppTooltip } from '../../appTooltip/index.mjs';
+import { ElPopover, ElIcon, ElCheckboxGroup, ElMessage } from 'element-plus';
+import { CircleClose, Warning, Edit } from '@element-plus/icons-vue';
+import { AppButton } from '../../appButton/index.mjs';
+import { tableColumnHandler } from '../js/index.mjs';
+import _sfc_main$1 from './columnSelectItem.vue2.mjs';
 import { useLocale } from '../../../hooks/useLocale.mjs';
 import { isEmpty } from '../../../utils/is.mjs';
 
@@ -16,6 +18,10 @@ const _sfc_main = {
     columnsEditable: {
       type: Object,
       default: () => ({})
+    },
+    originColumns: {
+      type: Array,
+      default: () => []
     }
   },
   emits: ["confirm"],
@@ -36,8 +42,9 @@ const _sfc_main = {
       return !column.editable.edit || column.prop === "operator";
     }
     function showPopover() {
-      initColumnsInfo();
+      initColumnsInfo(props.columns, props.columnsEditable);
       rowDrag();
+      showClear.value = true;
     }
     function closePopover() {
       var _a, _b, _c;
@@ -45,9 +52,9 @@ const _sfc_main = {
       sortableInstance = null;
       (_c = (_b = popoverRef.value) == null ? void 0 : _b.hide) == null ? void 0 : _c.call(_b);
     }
-    function initColumnsInfo() {
+    function initColumnsInfo(columns, columnsEditable) {
       const checkedArr = [];
-      tableEditableColumns.value = props.columns.reduce((list, column, index) => {
+      tableEditableColumns.value = columns.reduce((list, column, index) => {
         if (!isFilterColumn(column) && !column.editable.lock) {
           list.push({
             ...column,
@@ -56,8 +63,8 @@ const _sfc_main = {
         }
         return list;
       }, []);
-      for (const key in props.columnsEditable || {}) {
-        const target = props.columnsEditable[key];
+      for (const key in columnsEditable || {}) {
+        const target = columnsEditable[key];
         const { column } = target;
         if (isFilterColumn(column) || column.editable.lock) {
           continue;
@@ -68,6 +75,7 @@ const _sfc_main = {
       }
       checkedList.value = checkedArr;
     }
+    const showClear = ref(true);
     const checkedList = ref([]);
     const checkMap = computed(() => {
       return (unref(checkedList) || []).reduce((map, item) => {
@@ -75,14 +83,16 @@ const _sfc_main = {
         return map;
       }, /* @__PURE__ */ new Map());
     });
-    function onCheckHandler(target) {
-      if (target.editable.lock) return;
-      const currentIndex = checkedList.value.findIndex((item) => item === target.prop);
+    function onCheckedHandler(target) {
+      const currentIndex = checkedList.value.findIndex(
+        (item) => item === target.prop
+      );
       if (currentIndex !== -1) {
         checkedList.value.splice(currentIndex, 1);
       } else {
         checkedList.value.push(target.prop);
       }
+      showClear.value = true;
     }
     function onConfirmHandler() {
       var _a;
@@ -94,16 +104,23 @@ const _sfc_main = {
         ElMessage.warning(t("table.maxColumnLimitTip"));
         return;
       }
-      const editableObj = tableEditableColumns.value.reduce((editableObj2, column) => {
-        editableObj2[column.prop].index = column.sortIndex;
-        editableObj2[column.prop].checked = checkMap.value.has(column.prop);
-        return editableObj2;
-      }, { ...props.columnsEditable });
+      const editableObj = tableEditableColumns.value.reduce(
+        (editableObj2, column) => {
+          editableObj2[column.prop].index = column.sortIndex;
+          editableObj2[column.prop].checked = checkMap.value.has(column.prop);
+          return editableObj2;
+        },
+        { ...props.columnsEditable }
+      );
       emits("confirm", editableObj);
       closePopover();
     }
     function onClearHandler() {
-      checkedList.value = [];
+      const { columnsList, columnsEditablele } = tableColumnHandler(
+        props.originColumns
+      );
+      initColumnsInfo(columnsList, columnsEditablele);
+      showClear.value = false;
     }
     let sortableInstance;
     async function rowDrag() {
@@ -115,22 +132,44 @@ 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 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]);
+            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]);
+            tableEditableColumns.value.splice(
+              newIndex,
+              1,
+              tableEditableColumns.value.splice(
+                oldIndex,
+                1,
+                tableEditableColumns.value[newIndex]
+              )[0]
+            );
           }
+          showClear.value = true;
         }
       });
     }
-    watch(() => props.columns, () => {
-      tableColumns.value = [...props.columns || []];
-      closePopover();
-    }, { immediate: true, deep: true });
+    watch(
+      () => props.columns,
+      () => {
+        tableColumns.value = [...props.columns || []];
+        closePopover();
+      },
+      { immediate: true, deep: true }
+    );
     __expose({
       close: closePopover
     });
@@ -142,7 +181,7 @@ const _sfc_main = {
           ref: popoverRef,
           trigger: "click",
           placement: "left-start",
-          "popper-class": "!bg-dialog_background !p-0",
+          "popper-class": "!bg-background !p-0 border !border-theme",
           effect: "dark",
           width: "400",
           "show-arrow": false,
@@ -151,7 +190,7 @@ const _sfc_main = {
         },
         {
           reference: withCtx(() => [
-            createElementVNode("div", { class: "flex items-center gap-[10px] clickBox px-3 rounded hover:bg-backgroundv2" }, [
+            createElementVNode("div", { class: "flex items-center gap-[10px] clickBox px-3 rounded hover:bg-background-2" }, [
               createVNode(unref(ElIcon), null, {
                 default: withCtx(() => [
                   createVNode(unref(Edit))
@@ -169,7 +208,7 @@ const _sfc_main = {
             ])
           ]),
           default: withCtx(() => {
-            var _a, _b, _c;
+            var _a, _b;
             return [
               createElementVNode("div", { class: "column-select-draggable text-sm text-main" }, [
                 createElementVNode("div", { class: "h-[38px] flex items-center justify-between pl-[15px] pr-2 border-b border-border" }, [
@@ -182,7 +221,7 @@ const _sfc_main = {
                   ),
                   createVNode(unref(ElIcon), {
                     class: "clickBox",
-                    color: "var(--dangerv2)",
+                    color: "rgb(var(--hy-danger-2))",
                     size: "18",
                     onClick: closePopover
                   }, {
@@ -205,6 +244,7 @@ const _sfc_main = {
                           class: normalizeClass(["flex flex-col gap-1.5 leading-3 text-info", { "mb-1.5": tableEditableColumns.value.length > 0 }])
                         },
                         [
+                          createCommentVNode(" \u4E0D\u53EF\u62D6\u62FD "),
                           (openBlock(true), createElementBlock(
                             Fragment,
                             null,
@@ -213,29 +253,11 @@ const _sfc_main = {
                                 Fragment,
                                 { key: index },
                                 [
-                                  !isFilterColumn(item) && item.editable.lock ? (openBlock(), createElementBlock("div", {
+                                  !isFilterColumn(item) && item.editable.lock ? (openBlock(), createBlock(_sfc_main$1, {
                                     key: 0,
-                                    class: "h-[36px] text-sm flex items-center pl-3 pr-2.5 bg-dialog_backgroundv2 hover:bg-dialog_backgroundv3"
-                                  }, [
-                                    item.editable.lock ? (openBlock(), createBlock(unref(ElIcon), {
-                                      key: 0,
-                                      size: "14",
-                                      color: "var(--info)",
-                                      class: "mr-2"
-                                    }, {
-                                      default: withCtx(() => [
-                                        createVNode(unref(Lock))
-                                      ]),
-                                      _: 1
-                                      /* STABLE */
-                                    })) : createCommentVNode("v-if", true),
-                                    createElementVNode("div", { class: "w-0 flex-1" }, [
-                                      createVNode(unref(AppTooltip), {
-                                        "over-line": 1,
-                                        content: item.label
-                                      }, null, 8, ["content"])
-                                    ])
-                                  ])) : createCommentVNode("v-if", true)
+                                    column: item,
+                                    checkMap: checkMap.value
+                                  }, null, 8, ["column", "checkMap"])) : createCommentVNode("v-if", true)
                                 ],
                                 64
                                 /* STABLE_FRAGMENT */
@@ -248,6 +270,7 @@ const _sfc_main = {
                         2
                         /* CLASS */
                       ),
+                      createCommentVNode(" \u53EF\u62D6\u62FD "),
                       createElementVNode(
                         "div",
                         {
@@ -259,72 +282,14 @@ const _sfc_main = {
                           (openBlock(true), createElementBlock(
                             Fragment,
                             null,
-                            renderList(tableEditableColumns.value, (item, index) => {
-                              return openBlock(), createElementBlock("div", {
+                            renderList(tableEditableColumns.value, (item) => {
+                              return openBlock(), createBlock(_sfc_main$1, {
                                 key: item.prop,
-                                class: "h-[36px] text-sm flex items-center pl-3 pr-2.5 bg-dialog_backgroundv2 hover:bg-dialog_backgroundv3",
-                                "data-tag": index,
-                                onClick: ($event) => onCheckHandler(item)
-                              }, [
-                                item.editable.lock ? (openBlock(), createBlock(unref(ElIcon), {
-                                  key: 0,
-                                  size: "14",
-                                  color: "var(--info)",
-                                  class: "mr-2"
-                                }, {
-                                  default: withCtx(() => [
-                                    createVNode(unref(Lock))
-                                  ]),
-                                  _: 1
-                                  /* STABLE */
-                                })) : (openBlock(), createBlock(unref(ElCheckbox), {
-                                  key: 1,
-                                  value: item.prop,
-                                  onClick: withModifiers(() => {
-                                  }, ["stop"])
-                                }, null, 8, ["value", "onClick"])),
-                                createElementVNode("div", { class: "w-0 flex-1" }, [
-                                  createVNode(unref(AppTooltip), {
-                                    "over-line": 1,
-                                    content: item.label
-                                  }, null, 8, ["content"])
-                                ]),
-                                !item.editable.lock ? (openBlock(), createElementBlock("div", {
-                                  key: 2,
-                                  class: "h-full flex items-center text-auxiliary select-none ml-1"
-                                }, [
-                                  checkMap.value.has(item.prop) ? (openBlock(), createElementBlock(
-                                    "span",
-                                    { key: 0 },
-                                    toDisplayString(unref(t)("table.show")),
-                                    1
-                                    /* TEXT */
-                                  )) : (openBlock(), createElementBlock(
-                                    "span",
-                                    {
-                                      key: 1,
-                                      class: "text-info"
-                                    },
-                                    toDisplayString(unref(t)("table.notShown")),
-                                    1
-                                    /* TEXT */
-                                  )),
-                                  tableEditableColumns.value.length > 1 ? (openBlock(), createElementBlock("div", {
-                                    key: 2,
-                                    class: "w-5 h-full flex items-center justify-center handle cursor-grab ml-3",
-                                    onClick: withModifiers(() => {
-                                    }, ["stop"])
-                                  }, [
-                                    createVNode(unref(ElIcon), null, {
-                                      default: withCtx(() => [
-                                        createVNode(unref(DCaret))
-                                      ]),
-                                      _: 1
-                                      /* STABLE */
-                                    })
-                                  ], 8, ["onClick"])) : createCommentVNode("v-if", true)
-                                ])) : createCommentVNode("v-if", true)
-                              ], 8, ["data-tag", "onClick"]);
+                                column: item,
+                                checkMap: checkMap.value,
+                                columnsLength: tableEditableColumns.value.length,
+                                onChecked: onCheckedHandler
+                              }, null, 8, ["column", "checkMap", "columnsLength"]);
                             }),
                             128
                             /* KEYED_FRAGMENT */
@@ -346,11 +311,11 @@ const _sfc_main = {
                     1
                     /* TEXT */
                   ),
-                  ((_b = checkedList.value) == null ? void 0 : _b.length) > 1 ? (openBlock(), createElementBlock(
+                  showClear.value ? (openBlock(), createElementBlock(
                     "span",
                     {
                       key: 0,
-                      class: "clickBox text-dangerv2 ml-3",
+                      class: "clickBox text-danger-2 ml-3",
                       onClick: onClearHandler
                     },
                     toDisplayString(unref(t)("table.clear")),
@@ -358,13 +323,13 @@ const _sfc_main = {
                     /* TEXT */
                   )) : createCommentVNode("v-if", true),
                   createElementVNode("div", { class: "flex items-center ml-auto" }, [
-                    ((_c = checkedList.value) == null ? void 0 : _c.length) >= 8 ? (openBlock(), createElementBlock("span", {
+                    ((_b = checkedList.value) == null ? void 0 : _b.length) >= 8 ? (openBlock(), createElementBlock("span", {
                       key: 0,
                       class: "flex items-center mr-2 text-auxiliary"
                     }, [
                       createVNode(unref(ElIcon), {
                         class: "mr-1.5",
-                        color: "var(--auxiliary)"
+                        color: "rgb(var(--hy-auxiliary))"
                       }, {
                         default: withCtx(() => [
                           createVNode(unref(Warning))
@@ -380,14 +345,14 @@ const _sfc_main = {
                         /* TEXT */
                       )
                     ])) : createCommentVNode("v-if", true),
-                    createVNode(unref(ElButton), {
+                    createVNode(unref(AppButton), {
                       type: "primary",
                       size: "small",
                       onClick: onConfirmHandler
                     }, {
                       default: withCtx(() => [
                         createTextVNode(
-                          toDisplayString(unref(t)("hy.configrm")),
+                          toDisplayString(unref(t)("hy.confirm")),
                           1
                           /* TEXT */
                         )
@@ -411,4 +376,3 @@ const _sfc_main = {
 };
 
 export { _sfc_main as default };
-//# sourceMappingURL=columnSelect.vue.mjs.map

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

@@ -0,0 +1,5 @@
+import _sfc_main from './columnSelectItem.vue2.mjs';
+
+
+
+export { _sfc_main as default };