fantasia-ui 0.1.29 → 0.1.30

package/README.md

@@ -37,96 +37,66 @@ export default {
 ### Table 组件
 
 ```vue
-<script lang="ts">
+<script lang="ts" setup>
 import { FTable } from 'fantasia-ui';
-import type { Actions, Columns } from 'fantasia-ui';
-import { ElEmpty } from 'element-plus';
+import type { Actions, Columns } from 'fantasia-ui/dist';
+import { reactive } from 'vue';
 
-interface Data {
-  id: number;
-  nickname: string;
-}
+const data = [
+  {
+    id: 1,
+    nickname: '测试用户'
+  }
+]
 
-export default {
-  components: {
-    FTable
-  },
-  data: {
-    columns: [
-      {
-        prop: 'id',
-        label: 'ID',
-        sortable: true
-      },
-      {
-        prop: 'nickname',
-        label: '昵称',
-      },
-      {
-        prop: 'username',
-        label: '用户名',
-        align: 'center',
-        filters: [
-          {
-            text: '测试',
-            value: '测试'
-          }
-        ]
-      }
-    ],
-    actions: [
-      {
-        action: 'button',
-        label: '删除',
-        event: 'delete',
-        type: 'danger'
-      },
-      {
-        action: 'button',
-        label: '删除',
-        event: 'delete',
-        type: 'danger'
-      },
-      {
-        action: 'button',
-        label: '删除',
-        event: 'delete',
-        type: 'danger'
-      },
-    ],
-    data: [
-      {
-        id: 1,
-        nickname: '测试'
-      }
-    ]
+const columns = reactive<Columns[]>([
+  {
+    prop: 'id',
+    label: 'ID'
   },
-  methods: {
-    handleAction: (row: Data, event: string) => {
-      switch (event) {
-        case 'delete':
-          ElMessageBox.confirm(
-            '确认删除?',
-            '警告',
-            {
-              confirmButtonText: '确定',
-              cancelButtonText: '取消',
-              type: 'warning',
-            }
-          )
-          break;
-        default:
-          return
-      }
+  {
+    prop: 'nickname',
+    label: '昵称'
+  }
+])
+
+const actions = reactive<Actions[]>([
+  {
+    action: 'switch',
+    event: 'change',
+    prop: 'change',
+    config: {
+      activeText: '启用',
+      inactiveText: '禁用',
+      activeValue: 0,
+      inactiveValue: 1
     }
+  },
+  {
+    action: 'button',
+    event: 'delete',
+    label: '删除',
+    type: 'danger',
+    icon: 'delete'
+  }
+])
+
+const handleAction = (row: any, event: string) => {
+  switch (event) {
+    case 'change':
+      console.log("切换了");
+      break;
+    case 'delete':
+      console.log("删除了");
+      break;
   }
 }
 </script>
 
 <template>
-  <FTable :columns="columns" :data="data" :actions="actions" @action="handleAction" border>
-    <template #empty>
-      <ElEmpty description="暂无数据" />
+  <FTable :data="data" :columns="columns" :actions="actions" @action="handleAction">
+    <template #id="{ row }">
+      <h1>{{ row }}</h1>
     </template>
   </FTable>
 </template>

package/dist/components/modules/FTable.vue.d.ts

@@ -2,13 +2,34 @@ import { PropType } from 'vue';
 import { Actions, Columns, Data } from '../../types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Partial<Record<string, (_: {
-        row: any;
-    }) => any>> & {
-        actions?(_: {
+    slots: Readonly<{
+        [prop: string]: {
             row: any;
-        }): any;
-        empty?(_: {}): any;
+        };
+        /**
+         * 自定义空内容插槽
+         * @param props 插槽属性
+         */
+        empty: any;
+        /**
+         * 自定义操作列插槽
+         * @param props 插槽属性
+         */
+        actions: any;
+    }> & {
+        [prop: string]: {
+            row: any;
+        };
+        /**
+         * 自定义空内容插槽
+         * @param props 插槽属性
+         */
+        empty: any;
+        /**
+         * 自定义操作列插槽
+         * @param props 插槽属性
+         */
+        actions: any;
     };
     refs: {};
     rootEl: any;

package/dist/fantasia-ui.es.js

@@ -123,7 +123,7 @@ const Uc = { key: 1 }, Wc = { class: "f-table__action" }, $c = /* @__PURE__ */ k
   for (const [a, n] of t)
     r[a] = n;
   return r;
-}, En = /* @__PURE__ */ rs($c, [["__scopeId", "data-v-d9fc3b51"]]), Gc = Symbol(), e2 = "el", Xc = "is-", Pr = (e, t, r, a, n) => {
+}, En = /* @__PURE__ */ rs($c, [["__scopeId", "data-v-cf598e9b"]]), Gc = Symbol(), e2 = "el", Xc = "is-", Pr = (e, t, r, a, n) => {
   let s = `${e}-${t}`;
   return r && (s += `-${r}`), a && (s += `__${a}`), n && (s += `--${n}`), s;
 }, Kc = Symbol("namespaceContextKey"), ts = (e) => {