@a2simcode/ui 0.0.282 → 0.0.283

package/docs/examples/comp/collapse.vue

@@ -1,38 +1,38 @@
-<template>
-  <j-comp
-    type="j-collapse"
-    :children="[
-      {
-        type: 'el-collapse-item',
-        config: {
-          label: 'Panel 1',
-        },
-        children: [
-          {
-            type: 'j-button',
-            config: {
-              label: 'Button in Panel 1',
-            },
-          },
-        ],
-      },
-      {
-        type: 'el-collapse-item',
-        config: {
-          label: 'Panel 2',
-          active: true,
-        },
-        children: [
-          {
-            type: 'j-button',
-            config: {
-              label: 'Button in Panel 2 (Active by default)',
-            },
-          },
-        ],
-      },
-    ]"
-  />
-</template>
-
-<script setup lang="ts"></script>
+<template>
+  <j-comp
+    type="j-collapse"
+    :children="[
+      {
+        type: 'el-collapse-item',
+        config: {
+          label: 'Panel 1',
+        },
+        children: [
+          {
+            type: 'j-button',
+            config: {
+              label: 'Button in Panel 1',
+            },
+          },
+        ],
+      },
+      {
+        type: 'el-collapse-item',
+        config: {
+          label: 'Panel 2',
+          active: true,
+        },
+        children: [
+          {
+            type: 'j-button',
+            config: {
+              label: 'Button in Panel 2 (Active by default)',
+            },
+          },
+        ],
+      },
+    ]"
+  />
+</template>
+
+<script setup lang="ts"></script>

package/docs/examples/comp/table-merge-rows.vue

@@ -1,77 +1,77 @@
-<template>
-  <div style="position: relative; width: 100%; height: 420px">
-    <j-comp type="j-table" :config="config" :children="children" />
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue'
-
-/**
- * mergeRows: [{ col, row1, row2 }]
- * - col：列 id（对应 children 中列的 id，嵌套子列同样生效）
- * - row1/row2：1-based 数据行号范围，范围内无条件合并
- */
-const config = ref({
-  mergeRows: [{ col: 'zu', row1: 1, row2: 3 }],
-  records: [
-    { zu: '前端组', xingming: '张三', zhiwei: '高级工程师', gongling: 5 },
-    { zu: '前端组', xingming: '李四', zhiwei: '工程师', gongling: 3 },
-    { zu: '前端组', xingming: '王五', zhiwei: '初级工程师', gongling: 1 },
-    { zu: '后端组', xingming: '赵六', zhiwei: '高级工程师', gongling: 6 },
-    { zu: '后端组', xingming: '钱七', zhiwei: '工程师', gongling: 4 },
-    { zu: '产品设计', xingming: '孙八', zhiwei: '产品经理', gongling: 4 },
-    { zu: '产品设计', xingming: '周九', zhiwei: '产品助理', gongling: 2 },
-    { zu: '用户研究', xingming: '吴十', zhiwei: '用研专家', gongling: 5 },
-    { zu: '品牌组', xingming: '郑十一', zhiwei: '品牌经理', gongling: 7 },
-    { zu: '品牌组', xingming: '王十二', zhiwei: '品牌专员', gongling: 2 },
-    { zu: '渠道组', xingming: '李十三', zhiwei: '渠道经理', gongling: 5 },
-  ],
-})
-
-const children = ref([
-  {
-    id: 'bumen',
-    config: {
-      label: '部门',
-      width: 120,
-      align: 'center',
-    },
-    // 嵌套子列：mergeRows 的 col 按归一化后的 id 匹配，子列同样可命中
-    children: [
-      {
-        id: 'zu',
-        config: {
-          label: '组',
-          width: 110,
-          align: 'center',
-        },
-      },
-      {
-        id: 'zhiwei',
-        config: {
-          label: '职位',
-          width: 120,
-          align: 'center',
-        },
-      },
-    ],
-  },
-  {
-    id: 'xingming',
-    config: {
-      label: '姓名',
-      width: 100,
-      align: 'left',
-    },
-  },
-  {
-    id: 'gongling',
-    config: {
-      label: '工龄(年)',
-      width: 100,
-      align: 'center',
-    },
-  },
-])
-</script>
+<template>
+  <div style="position: relative; width: 100%; height: 420px">
+    <j-comp type="j-table" :config="config" :children="children" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+
+/**
+ * mergeRows: [{ col, row1, row2 }]
+ * - col：列 id（对应 children 中列的 id，嵌套子列同样生效）
+ * - row1/row2：1-based 数据行号范围，范围内无条件合并
+ */
+const config = ref({
+  mergeRows: [{ col: 'zu', row1: 1, row2: 3 }],
+  records: [
+    { zu: '前端组', xingming: '张三', zhiwei: '高级工程师', gongling: 5 },
+    { zu: '前端组', xingming: '李四', zhiwei: '工程师', gongling: 3 },
+    { zu: '前端组', xingming: '王五', zhiwei: '初级工程师', gongling: 1 },
+    { zu: '后端组', xingming: '赵六', zhiwei: '高级工程师', gongling: 6 },
+    { zu: '后端组', xingming: '钱七', zhiwei: '工程师', gongling: 4 },
+    { zu: '产品设计', xingming: '孙八', zhiwei: '产品经理', gongling: 4 },
+    { zu: '产品设计', xingming: '周九', zhiwei: '产品助理', gongling: 2 },
+    { zu: '用户研究', xingming: '吴十', zhiwei: '用研专家', gongling: 5 },
+    { zu: '品牌组', xingming: '郑十一', zhiwei: '品牌经理', gongling: 7 },
+    { zu: '品牌组', xingming: '王十二', zhiwei: '品牌专员', gongling: 2 },
+    { zu: '渠道组', xingming: '李十三', zhiwei: '渠道经理', gongling: 5 },
+  ],
+})
+
+const children = ref([
+  {
+    id: 'bumen',
+    config: {
+      label: '部门',
+      width: 120,
+      align: 'center',
+    },
+    // 嵌套子列：mergeRows 的 col 按归一化后的 id 匹配，子列同样可命中
+    children: [
+      {
+        id: 'zu',
+        config: {
+          label: '组',
+          width: 110,
+          align: 'center',
+        },
+      },
+      {
+        id: 'zhiwei',
+        config: {
+          label: '职位',
+          width: 120,
+          align: 'center',
+        },
+      },
+    ],
+  },
+  {
+    id: 'xingming',
+    config: {
+      label: '姓名',
+      width: 100,
+      align: 'left',
+    },
+  },
+  {
+    id: 'gongling',
+    config: {
+      label: '工龄(年)',
+      width: 100,
+      align: 'center',
+    },
+  },
+])
+</script>

package/docs/examples/comp/table-row-fixed-merge.vue

@@ -1,105 +1,105 @@
-<template>
-  <div style="position: relative; width: 100%; height: 420px">
-    <j-comp type="j-table" :config="config" :children="children" />
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue'
-
-const config = ref({
-  isRowFixed: true,
-  rowNum: 7,
-  mergeRows: [
-    {
-      _i: 'f4a0b137-42a6-4046-a4e5-f54085d1b304',
-      col: '8225372791785114772496',
-      row1: 1,
-      row2: 2,
-    },
-  ],
-  mergeHeader: [
-    {
-      _i: 'a3f4a44c-e34c-41c1-a708-aa77be0b51f0',
-      label: '第1列',
-      value: '8225372791785114772496,1946712671785119570985',
-      align: 'center',
-    },
-  ],
-})
-
-const children = ref([
-  {
-    id: '8225372791785114772496',
-    name: '单行文本',
-    type: 'input',
-    dragType: 'component',
-    componentName: 'j-input',
-    groupId: '',
-    config: {
-      label: '输入框1',
-      placeholder: '请输入',
-      defaultValue: '',
-      display: true,
-      patterns: [],
-      prefixIcon: '',
-      suffixIcon: '',
-      id: '8225372791785114772496',
-      span: 24,
-      componentType: 'input',
-      isSubTable: true,
-    },
-    isInput: true,
-    containerId: '6598906781784874852383',
-    level: 2,
-  },
-  {
-    id: '1946712671785119570985',
-    name: '单行文本',
-    type: 'input',
-    dragType: 'component',
-    componentName: 'j-input',
-    groupId: '',
-    config: {
-      label: '输入框2',
-      placeholder: '请输入',
-      defaultValue: '',
-      display: true,
-      patterns: [],
-      prefixIcon: '',
-      suffixIcon: '',
-      id: '1946712671785119570985',
-      span: 24,
-      componentType: 'input',
-      isSubTable: true,
-    },
-    isInput: true,
-    containerId: '6598906781784874852383',
-    level: 2,
-  },
-  {
-    id: '6345442111785207717180',
-    name: '单行文本',
-    type: 'input',
-    dragType: 'component',
-    componentName: 'j-input',
-    groupId: '',
-    config: {
-      label: '输入框3',
-      placeholder: '请输入',
-      defaultValue: '',
-      display: true,
-      patterns: [],
-      prefixIcon: '',
-      suffixIcon: '',
-      id: '6345442111785207717180',
-      span: 24,
-      componentType: 'input',
-      isSubTable: true,
-    },
-    isInput: true,
-    containerId: '6598906781784874852383',
-    level: 2,
-  },
-])
-</script>
+<template>
+  <div style="position: relative; width: 100%; height: 420px">
+    <j-comp type="j-table" :config="config" :children="children" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+
+const config = ref({
+  isRowFixed: true,
+  rowNum: 7,
+  mergeRows: [
+    {
+      _i: 'f4a0b137-42a6-4046-a4e5-f54085d1b304',
+      col: '8225372791785114772496',
+      row1: 1,
+      row2: 2,
+    },
+  ],
+  mergeHeader: [
+    {
+      _i: 'a3f4a44c-e34c-41c1-a708-aa77be0b51f0',
+      label: '第1列',
+      value: '8225372791785114772496,1946712671785119570985',
+      align: 'center',
+    },
+  ],
+})
+
+const children = ref([
+  {
+    id: '8225372791785114772496',
+    name: '单行文本',
+    type: 'input',
+    dragType: 'component',
+    componentName: 'j-input',
+    groupId: '',
+    config: {
+      label: '输入框1',
+      placeholder: '请输入',
+      defaultValue: '',
+      display: true,
+      patterns: [],
+      prefixIcon: '',
+      suffixIcon: '',
+      id: '8225372791785114772496',
+      span: 24,
+      componentType: 'input',
+      isSubTable: true,
+    },
+    isInput: true,
+    containerId: '6598906781784874852383',
+    level: 2,
+  },
+  {
+    id: '1946712671785119570985',
+    name: '单行文本',
+    type: 'input',
+    dragType: 'component',
+    componentName: 'j-input',
+    groupId: '',
+    config: {
+      label: '输入框2',
+      placeholder: '请输入',
+      defaultValue: '',
+      display: true,
+      patterns: [],
+      prefixIcon: '',
+      suffixIcon: '',
+      id: '1946712671785119570985',
+      span: 24,
+      componentType: 'input',
+      isSubTable: true,
+    },
+    isInput: true,
+    containerId: '6598906781784874852383',
+    level: 2,
+  },
+  {
+    id: '6345442111785207717180',
+    name: '单行文本',
+    type: 'input',
+    dragType: 'component',
+    componentName: 'j-input',
+    groupId: '',
+    config: {
+      label: '输入框3',
+      placeholder: '请输入',
+      defaultValue: '',
+      display: true,
+      patterns: [],
+      prefixIcon: '',
+      suffixIcon: '',
+      id: '6345442111785207717180',
+      span: 24,
+      componentType: 'input',
+      isSubTable: true,
+    },
+    isInput: true,
+    containerId: '6598906781784874852383',
+    level: 2,
+  },
+])
+</script>

package/docs/examples/comp/tabs.vue

@@ -1,38 +1,38 @@
-<template>
-  <j-comp
-    type="j-tabs"
-    :children="[
-      {
-        type: 'el-tab-pane',
-        config: {
-          label: 'Tab 1',
-        },
-        children: [
-          {
-            type: 'j-button',
-            config: {
-              label: 'Button in Tab 1',
-            },
-          },
-        ],
-      },
-      {
-        type: 'el-tab-pane',
-        config: {
-          label: 'Tab 2',
-          active: true,
-        },
-        children: [
-          {
-            type: 'j-button',
-            config: {
-              label: 'Button in Tab 2 (Active by default)',
-            },
-          },
-        ],
-      },
-    ]"
-  />
-</template>
-
-<script setup lang="ts"></script>
+<template>
+  <j-comp
+    type="j-tabs"
+    :children="[
+      {
+        type: 'el-tab-pane',
+        config: {
+          label: 'Tab 1',
+        },
+        children: [
+          {
+            type: 'j-button',
+            config: {
+              label: 'Button in Tab 1',
+            },
+          },
+        ],
+      },
+      {
+        type: 'el-tab-pane',
+        config: {
+          label: 'Tab 2',
+          active: true,
+        },
+        children: [
+          {
+            type: 'j-button',
+            config: {
+              label: 'Button in Tab 2 (Active by default)',
+            },
+          },
+        ],
+      },
+    ]"
+  />
+</template>
+
+<script setup lang="ts"></script>