@a2simcode/ui 0.0.54 → 0.0.56

package/docs/components/workflow-viewer.md

@@ -1,21 +1,21 @@
-# WorkflowViewer 工作流查看器
-
-工作流查看器组件。
-
-## 基础用法
-
-<Demo :source-code="basicCode">
-  <template #source>
-    <Basic />
-  </template>
-</Demo>
-
-## API
-
-<ApiTable :data="metaData" componentName="workflow-viewer" />
-
-<script setup>
-import Basic from '../examples/workflow-viewer/basic.vue'
-import basicCode from '../examples/workflow-viewer/basic.vue?raw'
-import metaData from './meta/workflow-viewer'
-</script>
+# WorkflowViewer 工作流查看器
+
+工作流查看器组件。
+
+## 基础用法
+
+<Demo :source-code="basicCode">
+  <template #source>
+    <Basic />
+  </template>
+</Demo>
+
+## API
+
+<ApiTable :data="metaData" componentName="workflow-viewer" />
+
+<script setup>
+import Basic from '../examples/workflow-viewer/basic.vue'
+import basicCode from '../examples/workflow-viewer/basic.vue?raw'
+import metaData from './meta/workflow-viewer'
+</script>

package/docs/components/workflow.md

@@ -1,21 +1,21 @@
-# Workflow 工作流
-
-工作流编辑器组件，支持创建工作流图、编辑节点和连接线。
-
-## 基础用法
-
-<Demo :source-code="basicCode">
-  <template #source>
-    <Basic />
-  </template>
-</Demo>
-
-## API
-
-<ApiTable :data="metaData" componentName="workflow" />
-
-<script setup>
-import Basic from '../examples/workflow/basic.vue'
-import basicCode from '../examples/workflow/basic.vue?raw'
-import metaData from './meta/workflow'
-</script>
+# Workflow 工作流
+
+工作流编辑器组件，支持创建工作流图、编辑节点和连接线。
+
+## 基础用法
+
+<Demo :source-code="basicCode">
+  <template #source>
+    <Basic />
+  </template>
+</Demo>
+
+## API
+
+<ApiTable :data="metaData" componentName="workflow" />
+
+<script setup>
+import Basic from '../examples/workflow/basic.vue'
+import basicCode from '../examples/workflow/basic.vue?raw'
+import metaData from './meta/workflow'
+</script>

package/docs/examples/autocomplete/advanced.vue

@@ -1,35 +1,35 @@
-<template>
-  <j-autocomplete
-    v-model="state"
-    :options="restaurants"
-    placeholder="请输入内容"
-    :trigger-on-focus="false"
-    :debounce="500"
-    clearable
-    @select="handleSelect"
-  />
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue'
-
-interface RestaurantItem {
-  value: string
-  link: string
-}
-
-const state = ref('')
-
-const restaurants = ref<RestaurantItem[]>([
-  { value: 'vue', link: 'https://github.com/vuejs/vue' },
-  { value: 'element', link: 'https://github.com/ElemeFE/element' },
-  { value: 'cooking', link: 'https://github.com/ElemeFE/cooking' },
-  { value: 'mint-ui', link: 'https://github.com/ElemeFE/mint-ui' },
-  { value: 'vuex', link: 'https://github.com/vuejs/vuex' },
-  { value: 'vue-router', link: 'https://github.com/vuejs/vue-router' },
-  { value: 'babel', link: 'https://github.com/babel/babel' },
-])
-const handleSelect = (item: RestaurantItem) => {
-  console.log(item)
-}
-</script>
+<template>
+  <j-autocomplete
+    v-model="state"
+    :options="restaurants"
+    placeholder="请输入内容"
+    :trigger-on-focus="false"
+    :debounce="500"
+    clearable
+    @select="handleSelect"
+  />
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+
+interface RestaurantItem {
+  value: string
+  link: string
+}
+
+const state = ref('')
+
+const restaurants = ref<RestaurantItem[]>([
+  { value: 'vue', link: 'https://github.com/vuejs/vue' },
+  { value: 'element', link: 'https://github.com/ElemeFE/element' },
+  { value: 'cooking', link: 'https://github.com/ElemeFE/cooking' },
+  { value: 'mint-ui', link: 'https://github.com/ElemeFE/mint-ui' },
+  { value: 'vuex', link: 'https://github.com/vuejs/vuex' },
+  { value: 'vue-router', link: 'https://github.com/vuejs/vue-router' },
+  { value: 'babel', link: 'https://github.com/babel/babel' },
+])
+const handleSelect = (item: RestaurantItem) => {
+  console.log(item)
+}
+</script>

package/docs/examples/autocomplete/basic.vue

@@ -1,32 +1,32 @@
-<template>
-  <j-autocomplete
-    v-model="state"
-    :options="restaurants"
-    placeholder="请输入内容"
-    @select="handleSelect"
-  />
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue'
-
-interface RestaurantItem {
-  value: string
-  link: string
-}
-
-const state = ref('')
-
-const restaurants = ref<RestaurantItem[]>([
-  { value: 'vue', link: 'https://github.com/vuejs/vue' },
-  { value: 'element', link: 'https://github.com/ElemeFE/element' },
-  { value: 'cooking', link: 'https://github.com/ElemeFE/cooking' },
-  { value: 'mint-ui', link: 'https://github.com/ElemeFE/mint-ui' },
-  { value: 'vuex', link: 'https://github.com/vuejs/vuex' },
-  { value: 'vue-router', link: 'https://github.com/vuejs/vue-router' },
-  { value: 'babel', link: 'https://github.com/babel/babel' },
-])
-const handleSelect = (item: RestaurantItem) => {
-  console.log(item)
-}
-</script>
+<template>
+  <j-autocomplete
+    v-model="state"
+    :options="restaurants"
+    placeholder="请输入内容"
+    @select="handleSelect"
+  />
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+
+interface RestaurantItem {
+  value: string
+  link: string
+}
+
+const state = ref('')
+
+const restaurants = ref<RestaurantItem[]>([
+  { value: 'vue', link: 'https://github.com/vuejs/vue' },
+  { value: 'element', link: 'https://github.com/ElemeFE/element' },
+  { value: 'cooking', link: 'https://github.com/ElemeFE/cooking' },
+  { value: 'mint-ui', link: 'https://github.com/ElemeFE/mint-ui' },
+  { value: 'vuex', link: 'https://github.com/vuejs/vuex' },
+  { value: 'vue-router', link: 'https://github.com/vuejs/vue-router' },
+  { value: 'babel', link: 'https://github.com/babel/babel' },
+])
+const handleSelect = (item: RestaurantItem) => {
+  console.log(item)
+}
+</script>

package/docs/examples/autocomplete/clearable.vue

@@ -1,33 +1,33 @@
-<template>
-  <j-autocomplete
-    v-model="state"
-    :options="restaurants"
-    placeholder="请输入内容"
-    clearable
-    @select="handleSelect"
-  />
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue'
-
-interface RestaurantItem {
-  value: string
-  link: string
-}
-
-const state = ref('')
-
-const restaurants = ref<RestaurantItem[]>([
-  { value: 'vue', link: 'https://github.com/vuejs/vue' },
-  { value: 'element', link: 'https://github.com/ElemeFE/element' },
-  { value: 'cooking', link: 'https://github.com/ElemeFE/cooking' },
-  { value: 'mint-ui', link: 'https://github.com/ElemeFE/mint-ui' },
-  { value: 'vuex', link: 'https://github.com/vuejs/vuex' },
-  { value: 'vue-router', link: 'https://github.com/vuejs/vue-router' },
-  { value: 'babel', link: 'https://github.com/babel/babel' },
-])
-const handleSelect = (item: RestaurantItem) => {
-  console.log(item)
-}
-</script>
+<template>
+  <j-autocomplete
+    v-model="state"
+    :options="restaurants"
+    placeholder="请输入内容"
+    clearable
+    @select="handleSelect"
+  />
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+
+interface RestaurantItem {
+  value: string
+  link: string
+}
+
+const state = ref('')
+
+const restaurants = ref<RestaurantItem[]>([
+  { value: 'vue', link: 'https://github.com/vuejs/vue' },
+  { value: 'element', link: 'https://github.com/ElemeFE/element' },
+  { value: 'cooking', link: 'https://github.com/ElemeFE/cooking' },
+  { value: 'mint-ui', link: 'https://github.com/ElemeFE/mint-ui' },
+  { value: 'vuex', link: 'https://github.com/vuejs/vuex' },
+  { value: 'vue-router', link: 'https://github.com/vuejs/vue-router' },
+  { value: 'babel', link: 'https://github.com/babel/babel' },
+])
+const handleSelect = (item: RestaurantItem) => {
+  console.log(item)
+}
+</script>

package/docs/examples/autocomplete/custom-template.vue

@@ -1,49 +1,49 @@
-<template>
-  <j-autocomplete
-    v-model="state"
-    :options="restaurants"
-    placeholder="请输入内容"
-    @select="handleSelect"
-  >
-    <template #default="{ item }">
-      <div class="value">{{ item.value }}</div>
-      <span class="link">{{ item.link }}</span>
-    </template>
-  </j-autocomplete>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue'
-
-interface RestaurantItem {
-  value: string
-  link: string
-}
-
-const state = ref('')
-
-const restaurants = ref<RestaurantItem[]>([
-  { value: 'vue', link: 'https://github.com/vuejs/vue' },
-  { value: 'element', link: 'https://github.com/ElemeFE/element' },
-  { value: 'cooking', link: 'https://github.com/ElemeFE/cooking' },
-  { value: 'mint-ui', link: 'https://github.com/ElemeFE/mint-ui' },
-  { value: 'vuex', link: 'https://github.com/vuejs/vuex' },
-  { value: 'vue-router', link: 'https://github.com/vuejs/vue-router' },
-  { value: 'babel', link: 'https://github.com/babel/babel' },
-])
-const handleSelect = (item: RestaurantItem) => {
-  console.log(item)
-}
-</script>
-
-<style scoped>
-.link {
-  font-size: 12px;
-  color: #b4b4b4;
-}
-
-.value {
-  line-height: 26px;
-  padding-right: 10px;
-}
-</style>
+<template>
+  <j-autocomplete
+    v-model="state"
+    :options="restaurants"
+    placeholder="请输入内容"
+    @select="handleSelect"
+  >
+    <template #default="{ item }">
+      <div class="value">{{ item.value }}</div>
+      <span class="link">{{ item.link }}</span>
+    </template>
+  </j-autocomplete>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+
+interface RestaurantItem {
+  value: string
+  link: string
+}
+
+const state = ref('')
+
+const restaurants = ref<RestaurantItem[]>([
+  { value: 'vue', link: 'https://github.com/vuejs/vue' },
+  { value: 'element', link: 'https://github.com/ElemeFE/element' },
+  { value: 'cooking', link: 'https://github.com/ElemeFE/cooking' },
+  { value: 'mint-ui', link: 'https://github.com/ElemeFE/mint-ui' },
+  { value: 'vuex', link: 'https://github.com/vuejs/vuex' },
+  { value: 'vue-router', link: 'https://github.com/vuejs/vue-router' },
+  { value: 'babel', link: 'https://github.com/babel/babel' },
+])
+const handleSelect = (item: RestaurantItem) => {
+  console.log(item)
+}
+</script>
+
+<style scoped>
+.link {
+  font-size: 12px;
+  color: #b4b4b4;
+}
+
+.value {
+  line-height: 26px;
+  padding-right: 10px;
+}
+</style>

package/docs/examples/autocomplete/disabled.vue

@@ -1,33 +1,33 @@
-<template>
-  <j-autocomplete
-    v-model="state"
-    :options="restaurants"
-    placeholder="请输入内容"
-    readonly
-    @select="handleSelect"
-  />
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue'
-
-interface RestaurantItem {
-  value: string
-  link: string
-}
-
-const state = ref('')
-
-const restaurants = ref<RestaurantItem[]>([
-  { value: 'vue', link: 'https://github.com/vuejs/vue' },
-  { value: 'element', link: 'https://github.com/ElemeFE/element' },
-  { value: 'cooking', link: 'https://github.com/ElemeFE/cooking' },
-  { value: 'mint-ui', link: 'https://github.com/ElemeFE/mint-ui' },
-  { value: 'vuex', link: 'https://github.com/vuejs/vuex' },
-  { value: 'vue-router', link: 'https://github.com/vuejs/vue-router' },
-  { value: 'babel', link: 'https://github.com/babel/babel' },
-])
-const handleSelect = (item: RestaurantItem) => {
-  console.log(item)
-}
-</script>
+<template>
+  <j-autocomplete
+    v-model="state"
+    :options="restaurants"
+    placeholder="请输入内容"
+    readonly
+    @select="handleSelect"
+  />
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+
+interface RestaurantItem {
+  value: string
+  link: string
+}
+
+const state = ref('')
+
+const restaurants = ref<RestaurantItem[]>([
+  { value: 'vue', link: 'https://github.com/vuejs/vue' },
+  { value: 'element', link: 'https://github.com/ElemeFE/element' },
+  { value: 'cooking', link: 'https://github.com/ElemeFE/cooking' },
+  { value: 'mint-ui', link: 'https://github.com/ElemeFE/mint-ui' },
+  { value: 'vuex', link: 'https://github.com/vuejs/vuex' },
+  { value: 'vue-router', link: 'https://github.com/vuejs/vue-router' },
+  { value: 'babel', link: 'https://github.com/babel/babel' },
+])
+const handleSelect = (item: RestaurantItem) => {
+  console.log(item)
+}
+</script>

package/docs/examples/autocomplete/icon.vue

@@ -1,37 +1,37 @@
-<template>
-  <j-autocomplete
-    v-model="state"
-    :options="options"
-    placeholder="请输入内容"
-    @select="handleSelect"
-  >
-    <template #prefix>
-      <j-icon icon="mid:search" />
-    </template>
-  </j-autocomplete>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue'
-
-interface RestaurantItem {
-  value: string
-  link: string
-}
-
-const state = ref('')
-
-const options = ref([
-  { value: 'vue', link: 'https://github.com/vuejs/vue' },
-  { value: 'element', link: 'https://github.com/ElemeFE/element' },
-  { value: 'cooking', link: 'https://github.com/ElemeFE/cooking' },
-  { value: 'mint-ui', link: 'https://github.com/ElemeFE/mint-ui' },
-  { value: 'vuex', link: 'https://github.com/vuejs/vuex' },
-  { value: 'vue-router', link: 'https://github.com/vuejs/vue-router' },
-  { value: 'babel', link: 'https://github.com/babel/babel' },
-])
-
-const handleSelect = (item: RestaurantItem) => {
-  console.log(item)
-}
-</script>
+<template>
+  <j-autocomplete
+    v-model="state"
+    :options="options"
+    placeholder="请输入内容"
+    @select="handleSelect"
+  >
+    <template #prefix>
+      <j-icon icon="mid:search" />
+    </template>
+  </j-autocomplete>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+
+interface RestaurantItem {
+  value: string
+  link: string
+}
+
+const state = ref('')
+
+const options = ref([
+  { value: 'vue', link: 'https://github.com/vuejs/vue' },
+  { value: 'element', link: 'https://github.com/ElemeFE/element' },
+  { value: 'cooking', link: 'https://github.com/ElemeFE/cooking' },
+  { value: 'mint-ui', link: 'https://github.com/ElemeFE/mint-ui' },
+  { value: 'vuex', link: 'https://github.com/vuejs/vuex' },
+  { value: 'vue-router', link: 'https://github.com/vuejs/vue-router' },
+  { value: 'babel', link: 'https://github.com/babel/babel' },
+])
+
+const handleSelect = (item: RestaurantItem) => {
+  console.log(item)
+}
+</script>