Add column add, show and hide functions.

Author: gudaoxuri

package.json

@@ -43,12 +43,12 @@
     "vue": "^3.3.4"
   },
   "devDependencies": {
-    "@types/node": "^20.9.1",
+    "@types/node": "^20.9.2",
     "@types/sortablejs": "^1.15.5",
     "@vitejs/plugin-vue": "^4.5.0",
     "@vitest/ui": "^0.34.6",
     "autoprefixer": "^10.4.16",
-    "daisyui": "^3.9.4",
+    "daisyui": "^4.4.2",
     "happy-dom": "^12.10.3",
     "postcss": "^8.4.31",
     "postcss-import": "^15.1.0",

pnpm-lock.yaml

@@ -28,6 +28,9 @@
       "url": "URL",
       "phone": "Phone",
       "password": "Password"
+    },
+    "state": {
+      "selectPlaceholder": "Please Select"
     }
   },
   "layout": {
@@ -72,4 +75,4 @@
       "submit": "ADD"
     }
   }
-}
+}

src/assets/locales/en.json

@@ -28,6 +28,9 @@
       "url": "网址",
       "phone": "电话",
       "password": "密码"
+    },
+    "state": {
+      "selectPlaceholder": "请选择"
     }
   },
   "layout": {
@@ -72,4 +75,4 @@
       "submit": "添加"
     }
   }
-}
+}

src/assets/locales/zh-CN.json

@@ -5,8 +5,8 @@ import { IwUtils } from '../../utils';
 const contextmenuRef = ref<HTMLElement | null>(null)
 const isShow = ref<boolean>(false)
 
-function showContextMenu(attachObj: HTMLElement | MouseEvent, offset: MenuOffsetKind = MenuOffsetKind.LEFT_BOTTOM, size: MenuSizeKind = MenuSizeKind.MEDIUM) {
-  if (attachObj instanceof HTMLElement && IwUtils.hasParentWithClass(attachObj, 'iw-contextmenu__item')) {
+function showContextMenu(attachObj: HTMLElement | MouseEvent, offset: MenuOffsetKind = MenuOffsetKind.LEFT_BOTTOM, size: MenuSizeKind = MenuSizeKind.MEDIUM, force: boolean = false) {
+  if (!force && attachObj instanceof HTMLElement && IwUtils.hasParentWithClass(attachObj, 'iw-contextmenu__item')) {
     // Prevent accidental triggering from items
     return
   }

src/components/common/Menu.vue

@@ -189,15 +189,7 @@ export function initConf(props: TableProps): [TableBasicConf, TableLayoutConf[]]
             layoutKind: LayoutKind.LIST,
             icon: iconSvg.TEXT,
             columns: props.columns.map(column => {
-                return {
-                    name: column.name,
-                    wrap: true,
-                    fixed: false,
-                    width: 200,
-                    hide: false,
-                    dateStart: false,
-                    dateEnd: false,
-                }
+                return getDefaultLayoutColumnConf(column.name)
             }),
             filters: [],
             sorts: [],
@@ -209,11 +201,11 @@ export function initConf(props: TableProps): [TableBasicConf, TableLayoutConf[]]
 export function getDefaultLayoutColumnConf(columnName: string): TableLayoutColumnConf {
     return {
         name: columnName,
-                    wrap: true,
-                    fixed: false,
-                    width: 200,
-                    hide: false,
-                    dateStart: false,
-                    dateEnd: false,
+        wrap: true,
+        fixed: false,
+        width: 200,
+        hide: false,
+        dateStart: false,
+        dateEnd: false,
     }
 }

src/components/conf.ts

@@ -39,7 +39,7 @@ function changeColumnAggs(aggKind: AggregateKind, colIdx: number) {
         :data-column-name="column.name" :style="props.setColumnStyles(colIdx)"
         @click="(event: MouseEvent) => showAggsContextMenu(event, colIdx)" v-if="column.name == props.pkColumnName">
         <span class="iw-list-agg-cell__group font-bold flex-grow pl-1">{{ props.groupValue }}</span>
-        <span class="iw-list-agg-cell__agg text-xs pr-1 self-center">{{ $t('function.group.agg.count')
+        <span class="iw-list-agg-cell__agg text-xs pr-1 self-center">{{ $t('_.agg.count')
         }}</span>
         <span class="iw-list-agg-cell__value text-info self-center">{{ props.dataBasic.totalNumber }}</span>
       </div>