npm - create-bubbles - Versions diffs - 0.1.20 → 0.1.22 - Mend

@@ -1,94 +0,0 @@
-<script>
-import { defineComponent, reactive, ref } from 'vue'
-import BlocksTree from 'vue3-blocks-tree'
-import 'vue3-blocks-tree/dist/vue3-blocks-tree.css'
-export default defineComponent({
-  components: {
-    BlocksTree,
-  },
-  setup() {
-    const selected = ref([])
-    const treeOrientation = ref('0')
-    const treeData = reactive({
-      label: 'root',
-      expand: true,
-      some_id: 1,
-      children: [
-        { label: 'child 1', some_id: 2 },
-        { label: 'child 2', some_id: 3 },
-        {
-          label: 'subparent 1',
-          some_id: 4,
-          expand: false,
-          children: [
-            { label: 'subchild 1', some_id: 5 },
-            {
-              label: 'subchild 2',
-              some_id: 6,
-              expand: false,
-              children: [
-                { label: 'subchild 11', some_id: 7 },
-                { label: 'subchild 22', some_id: 8 },
-              ],
-            },
-          ],
-        },
-      ],
-    })
-    const toggleSelect = (node, isSelected) => {
-      isSelected ? selected.value.push(node.some_id) : selected.value.splice(selected.value.indexOf(node.some_id), 1)
-      if (node.children && node.children.length) {
-        node.children.forEach((ch) => {
-          toggleSelect(ch, isSelected)
-        })
-      }
-    }
-    return {
-      treeData,
-      selected,
-      toggleSelect,
-      treeOrientation,
-    }
-  },
-})
-</script>
-<template>
-  <h1>Basic</h1>
-  <div>
-    <BlocksTree :data="treeData" :horizontal="treeOrientation === '1'" :collapsable="true" />
-  </div>
-  <h1>With slots</h1>
-  <div>
-    <BlocksTree :data="treeData" :horizontal="treeOrientation === '1'" :collapsable="false" :props="{ label: 'label', expand: 'expand', children: 'children', key: 'some_id' }">
-      <template #node="{ data, context }">
-        <span>
-          <input type="checkbox" :checked="selected.includes(data.some_id)" @change="(e) => toggleSelect(data, e.target.checked)"> {{ data.label }}
-        </span>
-        <br>
-        <span v-if="data.children && data.children.length">
-          <a href="#" @click="context.toggleExpand">toggle expand</a>
-        </span>
-      </template>
-    </BlocksTree>
-    <div>
-      Selected: {{ selected }}
-    </div>
-  </div>
-  <h1>Change orientation</h1>
-  <select v-model="treeOrientation">
-    <option value="0">
-      Vertical
-    </option>
-    <option value="1">
-      Horizontal
-    </option>
-  </select>
-</template>

@@ -1,11 +0,0 @@
-import type { App } from 'vue'
-import { createPinia } from 'pinia'
-import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
-export const store = createPinia()
-store.use(piniaPluginPersistedstate)
-export function setupStore(app: App) {
-  app.use(store)
-}

@@ -1,20 +0,0 @@
-import { defineStore } from 'pinia'
-import { store } from '..'
-export const useUserStore = defineStore(
-  'user',
-  {
-    state: () => {
-      return {
-        name: 'admin',
-        token: 'admin',
-        avatar: 'https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif',
-      }
-    },
-  },
-)
-export function useUserStoreWithOut() {
-  return useUserStore(store)
-}

@@ -1,15 +0,0 @@
-/// <reference types="vite/client" />
-/* eslint-disable */
-declare module '*.vue' {
-  import type { DefineComponent } from 'vue'
-  const component: DefineComponent<{}, {}, any>
-  export default component
-}
-// vite-plugin-svg-icons 类型声明
-declare module 'virtual:svg-icons-register' {
-  const register: () => void
-  export default register
-}

@@ -1,22 +0,0 @@
-<script setup lang="ts">
-import { useECharts } from '@/hooks/chart/useEcharts'
-import { getOption } from './config'
-const dom = useTemplateRef('chart')
-const { setOptions } = useECharts(dom)
-onMounted(() => {
-  setOptions(getOption())
-})
-</script>
-<template>
-  <div class="h-100vh w-full bg-black">
-    <div ref="chart" class="h-30% w-30%" />
-  </div>
-</template>
-<style lang="scss" scoped>
-</style>

@@ -1,24 +0,0 @@
-<script setup lang="ts">
-import SvgIcon from '@/components/Icon/svg-icon.vue'
-const a = ref()
-const b = ref([1, 3, 4])
-</script>
-<template>
-  <div class="content-h-full w-full bg-green p-[111px] p-3px p-4px text-red">
-    home
-    <el-date-picker v-model="a" type="date" value-format="yyyy-MM-dd" />
-    <SvgIcon icon="vue" class="text-green" />
-    <el-button type="primary">
-      按钮
-    </el-button>
-    <div v-for="item in b" :key="item">
-      {{ item }}
-    </div>
-    <image src="https://img2.baidu.com/it/u=3422424222,2328894338&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500" />
-  </div>
-</template>
-<style lang="scss" scoped></style>

@@ -1,21 +0,0 @@
-import presetAttributify from '@unocss/preset-attributify'
-import presetWind4 from '@unocss/preset-wind4'
-import { defineConfig } from 'unocss'
-export default defineConfig({
-  // content: {
-  //   filesystem: [
-  //     '**/*.{html,js,ts,jsx,tsx,vue,svelte,astro}',
-  //   ],
-  // },
-  shortcuts: [
-    {
-      'flex-center': 'flex justify-center items-center',
-      'content-h-full': 'h-[calc(100vh-var(--plus-header-height)-2*var(--el-main-padding))]',
-    },
-  ],
-  presets: [
-    presetWind4(),
-    presetAttributify(),
-  ],
-})

create-bubbles 0.1.20 → 0.1.22