hy-dispatch-ui-v3 0.1.0 → 0.1.2

package/lib/components/appTable/appTable.vue.js

@@ -12,7 +12,7 @@ var columnSelect = require('./cpns/columnSelect.vue.js');
 var useMixins = require('../../hooks/useMixins.js');
 var index = require('../appSearch/index.js');
 var adaptive = require('../../utils/adaptive.js');
-var index$2 = require('../svgIcon/index.js');
+var index$2 = require('../appIconBox/index.js');
 var useLocale = require('../../hooks/useLocale.js');
 var is = require('../../utils/is.js');
 
@@ -77,7 +77,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       type: Boolean,
       default: true
     },
-    showEditColumn: {
+    showEditable: {
       type: Boolean,
       default: true
     },
@@ -105,6 +105,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       required: false,
       default: () => ({})
     },
+    baseURL: {
+      type: String
+    },
     isJsonData: {
       // 接口请求是否为json格式
       type: Boolean,
@@ -143,7 +146,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;
@@ -169,21 +177,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.useMixins(
       {
         props,
@@ -194,10 +202,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         operatorDropdownRef,
         appSearchRef
       },
-      [
-        index$1.useAppTableWrapper,
-        search.useAppTableSearch
-      ]
+      [index$1.useAppTableWrapper, search.useAppTableSearch]
     );
     if (props.defaultGetData) {
       getData(1);
@@ -216,19 +221,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"
         },
         [
+          vue.createCommentVNode(" \u64CD\u4F5C\u680F "),
           vue.createElementVNode("div", { class: "min-h-[36px] flex flex-row-reverse items-center justify-between gap-3 mb-4" }, [
             vue.createElementVNode("div", { class: "flex gap-3 whitespace-nowrap" }, [
-              __props.showEditColumn ? (vue.openBlock(), vue.createBlock(columnSelect.default, {
+              __props.showEditable ? (vue.openBlock(), vue.createBlock(columnSelect.default, {
                 key: 0,
                 columns: vue.unref(tableColumns),
                 "columns-editable": vue.unref(tableColumnsEditablele),
+                "origin-columns": props.tableColumns,
                 onConfirm: vue.unref(onTableColumnsSelectHandler)
-              }, null, 8, ["columns", "columns-editable", "onConfirm"])) : vue.createCommentVNode("v-if", true),
-              vue.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"])) : vue.createCommentVNode("v-if", true),
+              vue.unref(formColumns).length > 0 ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 1,
+                class: "flex items-center gap-[10px] clickBox px-3 select-none rounded hover:bg-background-2",
                 onClick: vue.unref(switchShowFilter)
               }, [
                 vue.createVNode(vue.unref(elementPlus.ElIcon), { size: "12" }, {
@@ -245,12 +253,12 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                   1
                   /* TEXT */
                 )
-              ], 8, ["onClick"]),
+              ], 8, ["onClick"])) : vue.createCommentVNode("v-if", true),
               vue.unref(searchPlaceholder) ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElInput), {
-                key: 1,
+                key: 2,
                 modelValue: vue.unref(formModel).query,
                 "onUpdate:modelValue": ($event) => vue.unref(formModel).query = $event,
-                class: "w-[124px]",
+                class: "w-[160px]",
                 placeholder: vue.unref(t)("table.searchFor", [vue.unref(searchPlaceholder)]),
                 onKeydown: vue.withKeys(vue.unref(onSearchQueryHandler), ["enter"])
               }, {
@@ -271,7 +279,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
               vue.renderSlot(_ctx.$slots, "operator-left-box")
             ])) : vue.createCommentVNode("v-if", true)
           ]),
-          vue.createVNode(vue.unref(index.AppSearch), {
+          vue.createCommentVNode(" \u67E5\u8BE2\u8FC7\u6EE4 "),
+          vue.unref(formColumns).length > 0 ? (vue.openBlock(), vue.createBlock(vue.unref(index.AppSearch), {
+            key: 0,
             ref_key: "appSearchRef",
             ref: appSearchRef,
             model: vue.unref(formModel),
@@ -279,9 +289,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
             hidden: !vue.unref(showFilter),
             class: vue.normalizeClass({ "mb-4": vue.unref(showFilter) }),
             onSearch: ($event) => vue.unref(getData)(1)
-          }, null, 8, ["model", "columns", "hidden", "class", "onSearch"]),
+          }, null, 8, ["model", "columns", "hidden", "class", "onSearch"])) : vue.createCommentVNode("v-if", true),
+          vue.createCommentVNode(" \u4E3B\u5185\u5BB9 "),
           vue.createElementVNode("div", { class: "h-0 flex-1 flex flex-col border border-border rounded pb-5 overflow-hidden" }, [
-            vue.renderSlot(_ctx.$slots, "table", {}, () => [
+            vue.renderSlot(_ctx.$slots, "table", { data: vue.unref(tableDataSource) }, () => [
               vue.createVNode(vue.unref(elementPlus.ElTable), vue.mergeProps({
                 ref_key: "tableRef",
                 ref: tableRef,
@@ -353,8 +364,12 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                       (vue.openBlock(true), vue.createElementBlock(
                                         vue.Fragment,
                                         null,
-                                        vue.renderList(vue.unref(index$1.operatorFilterHandler)(column, scope, "default"), (citem, cindex) => {
-                                          return vue.openBlock(), vue.createBlock(vue.unref(index$2.IconBox), {
+                                        vue.renderList(vue.unref(index$1.operatorFilterHandler)(
+                                          column,
+                                          scope,
+                                          "default"
+                                        ), (citem, cindex) => {
+                                          return vue.openBlock(), vue.createBlock(vue.unref(index$2.AppIconBox), {
                                             key: cindex,
                                             "svg-name": citem.svgName,
                                             altText: citem.label,
@@ -384,7 +399,11 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                                 (vue.openBlock(true), vue.createElementBlock(
                                                   vue.Fragment,
                                                   null,
-                                                  vue.renderList(vue.unref(index$1.operatorFilterHandler)(column, scope, "more"), (citem, cindex) => {
+                                                  vue.renderList(vue.unref(index$1.operatorFilterHandler)(
+                                                    column,
+                                                    scope,
+                                                    "more"
+                                                  ), (citem, cindex) => {
                                                     return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDropdownItem), {
                                                       key: cindex,
                                                       command: cindex,
@@ -427,9 +446,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                           )
                                         ]),
                                         default: vue.withCtx(() => [
-                                          vue.createVNode(vue.unref(index$2.IconBox), {
+                                          vue.createVNode(vue.unref(index$2.AppIconBox), {
                                             key: "more",
-                                            "svg-name": "v3-base-more",
+                                            "svg-name": "system-burst_analysis_select_option",
                                             altText: vue.unref(t)("table.moreOperations"),
                                             onClick: vue.withModifiers(() => {
                                             }, ["stop"])
@@ -520,7 +539,11 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
             "virtual-triggering": "",
             trigger: "contextmenu",
             placement: "bottom",
-            onCommand: ($event) => vue.unref(index$1.operatorClickHandler)($event, vue.unref(tableTriggerRef).column, vue.unref(tableTriggerRef).scope)
+            onCommand: ($event) => vue.unref(index$1.operatorClickHandler)(
+              $event,
+              vue.unref(tableTriggerRef).column,
+              vue.unref(tableTriggerRef).scope
+            )
           }, {
             dropdown: vue.withCtx(() => [
               vue.createVNode(vue.unref(elementPlus.ElDropdownMenu), null, {
@@ -528,7 +551,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                   (vue.openBlock(true), vue.createElementBlock(
                     vue.Fragment,
                     null,
-                    vue.renderList(vue.unref(index$1.operatorFilterHandler)(vue.unref(tableTriggerRef).column, vue.unref(tableTriggerRef).scope), (citem, cindex) => {
+                    vue.renderList(vue.unref(index$1.operatorFilterHandler)(
+                      vue.unref(tableTriggerRef).column,
+                      vue.unref(tableTriggerRef).scope
+                    ), (citem, cindex) => {
                       return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDropdownItem), {
                         key: cindex,
                         command: cindex,
@@ -579,4 +605,3 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
 });
 
 exports.default = _sfc_main;
-//# sourceMappingURL=appTable.vue.js.map

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

@@ -6,7 +6,9 @@ var vue = require('vue');
 var Sortable = require('sortablejs');
 var elementPlus = require('element-plus');
 var iconsVue = require('@element-plus/icons-vue');
-var index = require('../../appTooltip/index.js');
+var index = require('../../appButton/index.js');
+var index$1 = require('../js/index.js');
+var columnSelectItem_vue_vue_type_script_setup_true_lang = require('./columnSelectItem.vue2.js');
 var useLocale = require('../../../hooks/useLocale.js');
 var is = require('../../../utils/is.js');
 
@@ -20,6 +22,10 @@ const _sfc_main = {
     columnsEditable: {
       type: Object,
       default: () => ({})
+    },
+    originColumns: {
+      type: Array,
+      default: () => []
     }
   },
   emits: ["confirm"],
@@ -40,8 +46,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;
@@ -49,9 +56,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,
@@ -60,8 +67,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;
@@ -72,6 +79,7 @@ const _sfc_main = {
       }
       checkedList.value = checkedArr;
     }
+    const showClear = vue.ref(true);
     const checkedList = vue.ref([]);
     const checkMap = vue.computed(() => {
       return (vue.unref(checkedList) || []).reduce((map, item) => {
@@ -79,14 +87,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;
@@ -98,16 +108,23 @@ const _sfc_main = {
         elementPlus.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 } = index$1.tableColumnHandler(
+        props.originColumns
+      );
+      initColumnsInfo(columnsList, columnsEditablele);
+      showClear.value = false;
     }
     let sortableInstance;
     async function rowDrag() {
@@ -119,22 +136,44 @@ const _sfc_main = {
         animation: 150,
         onEnd(event) {
           const { oldIndex, newIndex } = event;
-          if (is.isEmpty(oldIndex) || is.isEmpty(newIndex) || oldIndex === newIndex) return;
+          if (is.isEmpty(oldIndex) || is.isEmpty(newIndex) || oldIndex === newIndex)
+            return;
           const 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;
         }
       });
     }
-    vue.watch(() => props.columns, () => {
-      tableColumns.value = [...props.columns || []];
-      closePopover();
-    }, { immediate: true, deep: true });
+    vue.watch(
+      () => props.columns,
+      () => {
+        tableColumns.value = [...props.columns || []];
+        closePopover();
+      },
+      { immediate: true, deep: true }
+    );
     __expose({
       close: closePopover
     });
@@ -146,7 +185,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,
@@ -155,7 +194,7 @@ const _sfc_main = {
         },
         {
           reference: vue.withCtx(() => [
-            vue.createElementVNode("div", { class: "flex items-center gap-[10px] clickBox px-3 rounded hover:bg-backgroundv2" }, [
+            vue.createElementVNode("div", { class: "flex items-center gap-[10px] clickBox px-3 rounded hover:bg-background-2" }, [
               vue.createVNode(vue.unref(elementPlus.ElIcon), null, {
                 default: vue.withCtx(() => [
                   vue.createVNode(vue.unref(iconsVue.Edit))
@@ -173,7 +212,7 @@ const _sfc_main = {
             ])
           ]),
           default: vue.withCtx(() => {
-            var _a, _b, _c;
+            var _a, _b;
             return [
               vue.createElementVNode("div", { class: "column-select-draggable text-sm text-main" }, [
                 vue.createElementVNode("div", { class: "h-[38px] flex items-center justify-between pl-[15px] pr-2 border-b border-border" }, [
@@ -186,7 +225,7 @@ const _sfc_main = {
                   ),
                   vue.createVNode(vue.unref(elementPlus.ElIcon), {
                     class: "clickBox",
-                    color: "var(--dangerv2)",
+                    color: "rgb(var(--hy-danger-2))",
                     size: "18",
                     onClick: closePopover
                   }, {
@@ -209,37 +248,20 @@ const _sfc_main = {
                           class: vue.normalizeClass(["flex flex-col gap-1.5 leading-3 text-info", { "mb-1.5": tableEditableColumns.value.length > 0 }])
                         },
                         [
+                          vue.createCommentVNode(" \u4E0D\u53EF\u62D6\u62FD "),
                           (vue.openBlock(true), vue.createElementBlock(
                             vue.Fragment,
                             null,
-                            vue.renderList(__props.columns, (item, index$1) => {
+                            vue.renderList(__props.columns, (item, index) => {
                               return vue.openBlock(), vue.createElementBlock(
                                 vue.Fragment,
-                                { key: index$1 },
+                                { key: index },
                                 [
-                                  !isFilterColumn(item) && item.editable.lock ? (vue.openBlock(), vue.createElementBlock("div", {
+                                  !isFilterColumn(item) && item.editable.lock ? (vue.openBlock(), vue.createBlock(columnSelectItem_vue_vue_type_script_setup_true_lang.default, {
                                     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 ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElIcon), {
-                                      key: 0,
-                                      size: "14",
-                                      color: "var(--info)",
-                                      class: "mr-2"
-                                    }, {
-                                      default: vue.withCtx(() => [
-                                        vue.createVNode(vue.unref(iconsVue.Lock))
-                                      ]),
-                                      _: 1
-                                      /* STABLE */
-                                    })) : vue.createCommentVNode("v-if", true),
-                                    vue.createElementVNode("div", { class: "w-0 flex-1" }, [
-                                      vue.createVNode(vue.unref(index.AppTooltip), {
-                                        "over-line": 1,
-                                        content: item.label
-                                      }, null, 8, ["content"])
-                                    ])
-                                  ])) : vue.createCommentVNode("v-if", true)
+                                    column: item,
+                                    checkMap: checkMap.value
+                                  }, null, 8, ["column", "checkMap"])) : vue.createCommentVNode("v-if", true)
                                 ],
                                 64
                                 /* STABLE_FRAGMENT */
@@ -252,6 +274,7 @@ const _sfc_main = {
                         2
                         /* CLASS */
                       ),
+                      vue.createCommentVNode(" \u53EF\u62D6\u62FD "),
                       vue.createElementVNode(
                         "div",
                         {
@@ -263,72 +286,14 @@ const _sfc_main = {
                           (vue.openBlock(true), vue.createElementBlock(
                             vue.Fragment,
                             null,
-                            vue.renderList(tableEditableColumns.value, (item, index$1) => {
-                              return vue.openBlock(), vue.createElementBlock("div", {
+                            vue.renderList(tableEditableColumns.value, (item) => {
+                              return vue.openBlock(), vue.createBlock(columnSelectItem_vue_vue_type_script_setup_true_lang.default, {
                                 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$1,
-                                onClick: ($event) => onCheckHandler(item)
-                              }, [
-                                item.editable.lock ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElIcon), {
-                                  key: 0,
-                                  size: "14",
-                                  color: "var(--info)",
-                                  class: "mr-2"
-                                }, {
-                                  default: vue.withCtx(() => [
-                                    vue.createVNode(vue.unref(iconsVue.Lock))
-                                  ]),
-                                  _: 1
-                                  /* STABLE */
-                                })) : (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElCheckbox), {
-                                  key: 1,
-                                  value: item.prop,
-                                  onClick: vue.withModifiers(() => {
-                                  }, ["stop"])
-                                }, null, 8, ["value", "onClick"])),
-                                vue.createElementVNode("div", { class: "w-0 flex-1" }, [
-                                  vue.createVNode(vue.unref(index.AppTooltip), {
-                                    "over-line": 1,
-                                    content: item.label
-                                  }, null, 8, ["content"])
-                                ]),
-                                !item.editable.lock ? (vue.openBlock(), vue.createElementBlock("div", {
-                                  key: 2,
-                                  class: "h-full flex items-center text-auxiliary select-none ml-1"
-                                }, [
-                                  checkMap.value.has(item.prop) ? (vue.openBlock(), vue.createElementBlock(
-                                    "span",
-                                    { key: 0 },
-                                    vue.toDisplayString(vue.unref(t)("table.show")),
-                                    1
-                                    /* TEXT */
-                                  )) : (vue.openBlock(), vue.createElementBlock(
-                                    "span",
-                                    {
-                                      key: 1,
-                                      class: "text-info"
-                                    },
-                                    vue.toDisplayString(vue.unref(t)("table.notShown")),
-                                    1
-                                    /* TEXT */
-                                  )),
-                                  tableEditableColumns.value.length > 1 ? (vue.openBlock(), vue.createElementBlock("div", {
-                                    key: 2,
-                                    class: "w-5 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 */
-                                    })
-                                  ], 8, ["onClick"])) : vue.createCommentVNode("v-if", true)
-                                ])) : vue.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 */
@@ -350,11 +315,11 @@ const _sfc_main = {
                     1
                     /* TEXT */
                   ),
-                  ((_b = checkedList.value) == null ? void 0 : _b.length) > 1 ? (vue.openBlock(), vue.createElementBlock(
+                  showClear.value ? (vue.openBlock(), vue.createElementBlock(
                     "span",
                     {
                       key: 0,
-                      class: "clickBox text-dangerv2 ml-3",
+                      class: "clickBox text-danger-2 ml-3",
                       onClick: onClearHandler
                     },
                     vue.toDisplayString(vue.unref(t)("table.clear")),
@@ -362,13 +327,13 @@ const _sfc_main = {
                     /* TEXT */
                   )) : vue.createCommentVNode("v-if", true),
                   vue.createElementVNode("div", { class: "flex items-center ml-auto" }, [
-                    ((_c = checkedList.value) == null ? void 0 : _c.length) >= 8 ? (vue.openBlock(), vue.createElementBlock("span", {
+                    ((_b = checkedList.value) == null ? void 0 : _b.length) >= 8 ? (vue.openBlock(), vue.createElementBlock("span", {
                       key: 0,
                       class: "flex items-center mr-2 text-auxiliary"
                     }, [
                       vue.createVNode(vue.unref(elementPlus.ElIcon), {
                         class: "mr-1.5",
-                        color: "var(--auxiliary)"
+                        color: "rgb(var(--hy-auxiliary))"
                       }, {
                         default: vue.withCtx(() => [
                           vue.createVNode(vue.unref(iconsVue.Warning))
@@ -384,14 +349,14 @@ const _sfc_main = {
                         /* TEXT */
                       )
                     ])) : vue.createCommentVNode("v-if", true),
-                    vue.createVNode(vue.unref(elementPlus.ElButton), {
+                    vue.createVNode(vue.unref(index.AppButton), {
                       type: "primary",
                       size: "small",
                       onClick: onConfirmHandler
                     }, {
                       default: vue.withCtx(() => [
                         vue.createTextVNode(
-                          vue.toDisplayString(vue.unref(t)("hy.configrm")),
+                          vue.toDisplayString(vue.unref(t)("hy.confirm")),
                           1
                           /* TEXT */
                         )
@@ -415,4 +380,3 @@ const _sfc_main = {
 };
 
 exports.default = _sfc_main;
-//# sourceMappingURL=columnSelect.vue.js.map

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

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var columnSelectItem_vue_vue_type_script_setup_true_lang = require('./columnSelectItem.vue2.js');
+
+
+
+exports.default = columnSelectItem_vue_vue_type_script_setup_true_lang.default;