@a2simcode/ui 0.0.55 → 0.0.56

package/docs/examples/tree/accordion.vue

@@ -1,46 +1,46 @@
-<template>
-  <div style="height: 400px">
-    <j-tree :list="treeList" accordion />
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue'
-
-const treeList = ref([
-  {
-    label: '一级 1',
-    value: '1',
-    children: [
-      {
-        label: '二级 1-1',
-        value: '1-1',
-        children: [
-          {
-            label: '三级 1-1-1',
-            value: '1-1-1',
-          },
-        ],
-      },
-    ],
-  },
-  {
-    label: '一级 2',
-    value: '2',
-    children: [
-      {
-        label: '二级 2-1',
-        value: '2-1',
-      },
-      {
-        label: '二级 2-2',
-        value: '2-2',
-      },
-    ],
-  },
-  {
-    label: '一级 3',
-    value: '3',
-  },
-])
-</script>
+<template>
+  <div style="height: 400px">
+    <j-tree :list="treeList" accordion />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+
+const treeList = ref([
+  {
+    label: '一级 1',
+    value: '1',
+    children: [
+      {
+        label: '二级 1-1',
+        value: '1-1',
+        children: [
+          {
+            label: '三级 1-1-1',
+            value: '1-1-1',
+          },
+        ],
+      },
+    ],
+  },
+  {
+    label: '一级 2',
+    value: '2',
+    children: [
+      {
+        label: '二级 2-1',
+        value: '2-1',
+      },
+      {
+        label: '二级 2-2',
+        value: '2-2',
+      },
+    ],
+  },
+  {
+    label: '一级 3',
+    value: '3',
+  },
+])
+</script>

package/docs/examples/tree/basic.vue

@@ -1,50 +1,50 @@
-<template>
-  <div style="height: 400px">
-    <j-tree :list="treeList" @click="handleClick" />
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue'
-
-const treeList = ref([
-  {
-    label: '一级 1',
-    value: '1',
-    children: [
-      {
-        label: '二级 1-1',
-        value: '1-1',
-        children: [
-          {
-            label: '三级 1-1-1',
-            value: '1-1-1',
-          },
-        ],
-      },
-    ],
-  },
-  {
-    label: '一级 2',
-    value: '2',
-    children: [
-      {
-        label: '二级 2-1',
-        value: '2-1',
-      },
-      {
-        label: '二级 2-2',
-        value: '2-2',
-      },
-    ],
-  },
-  {
-    label: '一级 3',
-    value: '3',
-  },
-])
-
-const handleClick = (value: any, node: any, event: any) => {
-  console.log('点击节点：', value, node)
-}
-</script>
+<template>
+  <div style="height: 400px">
+    <j-tree :list="treeList" @click="handleClick" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+
+const treeList = ref([
+  {
+    label: '一级 1',
+    value: '1',
+    children: [
+      {
+        label: '二级 1-1',
+        value: '1-1',
+        children: [
+          {
+            label: '三级 1-1-1',
+            value: '1-1-1',
+          },
+        ],
+      },
+    ],
+  },
+  {
+    label: '一级 2',
+    value: '2',
+    children: [
+      {
+        label: '二级 2-1',
+        value: '2-1',
+      },
+      {
+        label: '二级 2-2',
+        value: '2-2',
+      },
+    ],
+  },
+  {
+    label: '一级 3',
+    value: '3',
+  },
+])
+
+const handleClick = (value: any, node: any, event: any) => {
+  console.log('点击节点：', value, node)
+}
+</script>

package/docs/examples/tree/buttons.vue

@@ -1,53 +1,53 @@
-<template>
-  <div style="height: 400px">
-    <j-tree :list="treeList" :tree-buttons="treeButtons" />
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue'
-
-const treeList = ref([
-  {
-    label: '一级 1',
-    value: '1',
-    children: [
-      {
-        label: '二级 1-1',
-        value: '1-1',
-      },
-    ],
-  },
-  {
-    label: '一级 2',
-    value: '2',
-  },
-])
-
-const treeButtons = ref([
-  {
-    prop: 'edit',
-    label: '编辑',
-    icon: 'material-symbols-light:edit',
-    children: [
-      {
-        prop: 'edit-item',
-        label: '编辑项',
-        icon: 'material-symbols-light:edit',
-        click: (row: any) => {
-          console.log('编辑：', row)
-        },
-      },
-      {
-        prop: 'delete-item',
-        label: '删除项',
-        icon: 'material-symbols-light:delete',
-        danger: true,
-        click: (row: any) => {
-          console.log('删除：', row)
-        },
-      },
-    ],
-  },
-])
-</script>
+<template>
+  <div style="height: 400px">
+    <j-tree :list="treeList" :tree-buttons="treeButtons" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+
+const treeList = ref([
+  {
+    label: '一级 1',
+    value: '1',
+    children: [
+      {
+        label: '二级 1-1',
+        value: '1-1',
+      },
+    ],
+  },
+  {
+    label: '一级 2',
+    value: '2',
+  },
+])
+
+const treeButtons = ref([
+  {
+    prop: 'edit',
+    label: '编辑',
+    icon: 'material-symbols-light:edit',
+    children: [
+      {
+        prop: 'edit-item',
+        label: '编辑项',
+        icon: 'material-symbols-light:edit',
+        click: (row: any) => {
+          console.log('编辑：', row)
+        },
+      },
+      {
+        prop: 'delete-item',
+        label: '删除项',
+        icon: 'material-symbols-light:delete',
+        danger: true,
+        click: (row: any) => {
+          console.log('删除：', row)
+        },
+      },
+    ],
+  },
+])
+</script>

package/docs/examples/tree/checkable.vue

@@ -1,52 +1,52 @@
-<template>
-  <div style="height: 400px">
-    <j-tree
-      :list="treeList"
-      checkable
-      :default-checked-keys="['1-1']"
-      @check="handleCheck"
-    />
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue'
-
-const treeList = ref([
-  {
-    label: '一级 1',
-    value: '1',
-    children: [
-      {
-        label: '二级 1-1',
-        value: '1-1',
-        children: [
-          {
-            label: '三级 1-1-1',
-            value: '1-1-1',
-          },
-        ],
-      },
-    ],
-  },
-  {
-    label: '一级 2',
-    value: '2',
-    children: [
-      {
-        label: '二级 2-1',
-        value: '2-1',
-      },
-      {
-        label: '二级 2-2',
-        value: '2-2',
-      },
-    ],
-  },
-])
-
-const handleCheck = (checkedKeys: any[], data: any) => {
-  console.log('选中的节点：', checkedKeys)
-  console.log('选中的节点数据：', data)
-}
-</script>
+<template>
+  <div style="height: 400px">
+    <j-tree
+      :list="treeList"
+      checkable
+      :default-checked-keys="['1-1']"
+      @check="handleCheck"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+
+const treeList = ref([
+  {
+    label: '一级 1',
+    value: '1',
+    children: [
+      {
+        label: '二级 1-1',
+        value: '1-1',
+        children: [
+          {
+            label: '三级 1-1-1',
+            value: '1-1-1',
+          },
+        ],
+      },
+    ],
+  },
+  {
+    label: '一级 2',
+    value: '2',
+    children: [
+      {
+        label: '二级 2-1',
+        value: '2-1',
+      },
+      {
+        label: '二级 2-2',
+        value: '2-2',
+      },
+    ],
+  },
+])
+
+const handleCheck = (checkedKeys: any[], data: any) => {
+  console.log('选中的节点：', checkedKeys)
+  console.log('选中的节点数据：', data)
+}
+</script>

package/docs/examples/tree/custom-keys.vue

@@ -1,39 +1,39 @@
-<template>
-  <div style="height: 400px">
-    <j-tree
-      :list="treeList"
-      label-key="name"
-      value-key="id"
-      pid-key="parentId"
-      id-key="id"
-    />
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue'
-
-// 使用自定义字段名的数据
-const treeList = ref([
-  {
-    name: '一级 1',
-    id: '1',
-    parentId: '',
-  },
-  {
-    name: '二级 1-1',
-    id: '1-1',
-    parentId: '1',
-  },
-  {
-    name: '一级 2',
-    id: '2',
-    parentId: '',
-  },
-  {
-    name: '二级 2-1',
-    id: '2-1',
-    parentId: '2',
-  },
-])
-</script>
+<template>
+  <div style="height: 400px">
+    <j-tree
+      :list="treeList"
+      label-key="name"
+      value-key="id"
+      pid-key="parentId"
+      id-key="id"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+
+// 使用自定义字段名的数据
+const treeList = ref([
+  {
+    name: '一级 1',
+    id: '1',
+    parentId: '',
+  },
+  {
+    name: '二级 1-1',
+    id: '1-1',
+    parentId: '1',
+  },
+  {
+    name: '一级 2',
+    id: '2',
+    parentId: '',
+  },
+  {
+    name: '二级 2-1',
+    id: '2-1',
+    parentId: '2',
+  },
+])
+</script>

package/docs/examples/tree/default-expanded.vue

@@ -1,52 +1,52 @@
-<template>
-  <div style="height: 400px">
-    <j-tree
-      :list="treeList"
-      :default-expanded-keys="['1', '2']"
-      :default-expand-all="false"
-    />
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue'
-
-const treeList = ref([
-  {
-    label: '一级 1',
-    value: '1',
-    children: [
-      {
-        label: '二级 1-1',
-        value: '1-1',
-        children: [
-          {
-            label: '三级 1-1-1',
-            value: '1-1-1',
-          },
-        ],
-      },
-    ],
-  },
-  {
-    label: '一级 2',
-    value: '2',
-    children: [
-      {
-        label: '二级 2-1',
-        value: '2-1',
-      },
-    ],
-  },
-  {
-    label: '一级 3',
-    value: '3',
-    children: [
-      {
-        label: '二级 3-1',
-        value: '3-1',
-      },
-    ],
-  },
-])
-</script>
+<template>
+  <div style="height: 400px">
+    <j-tree
+      :list="treeList"
+      :default-expanded-keys="['1', '2']"
+      :default-expand-all="false"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+
+const treeList = ref([
+  {
+    label: '一级 1',
+    value: '1',
+    children: [
+      {
+        label: '二级 1-1',
+        value: '1-1',
+        children: [
+          {
+            label: '三级 1-1-1',
+            value: '1-1-1',
+          },
+        ],
+      },
+    ],
+  },
+  {
+    label: '一级 2',
+    value: '2',
+    children: [
+      {
+        label: '二级 2-1',
+        value: '2-1',
+      },
+    ],
+  },
+  {
+    label: '一级 3',
+    value: '3',
+    children: [
+      {
+        label: '二级 3-1',
+        value: '3-1',
+      },
+    ],
+  },
+])
+</script>

package/docs/examples/tree/draggable.vue

@@ -1,29 +1,29 @@
-<template>
-  <div style="height: 400px">
-    <j-tree :list="treeList" draggable />
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue'
-
-const treeList = ref([
-  {
-    label: '一级 1',
-    value: '1',
-    canInner: true,
-    children: [
-      {
-        label: '二级 1-1',
-        value: '1-1',
-        canInner: true,
-      },
-    ],
-  },
-  {
-    label: '一级 2',
-    value: '2',
-    canInner: false,
-  },
-])
-</script>
+<template>
+  <div style="height: 400px">
+    <j-tree :list="treeList" draggable />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+
+const treeList = ref([
+  {
+    label: '一级 1',
+    value: '1',
+    canInner: true,
+    children: [
+      {
+        label: '二级 1-1',
+        value: '1-1',
+        canInner: true,
+      },
+    ],
+  },
+  {
+    label: '一级 2',
+    value: '2',
+    canInner: false,
+  },
+])
+</script>