npm - @vrojs/element-plus - Versions diffs - 0.0.2 → 0.0.4 - Mend

@@ -1,78 +0,0 @@
-<template>
-  <el-tree
-    v-bind="$attrs"
-    class="vro-el-tree"
-    :data="options"
-    :default-checked-keys="checkedKeys"
-    @check="handleCheck"
-  >
-    <template v-if="$slots.default" #default="scope">
-      <slot v-bind="scope" />
-    </template>
-  </el-tree>
-</template>
-<script setup lang="ts">
-  import { isUndefined } from '@daysnap/utils'
-  import { ElTree } from 'element-plus'
-  import { computed } from 'vue'
-  import { type VroElTreeKey, type VroElTreeOption, vroElTreeProps } from './types'
-  defineOptions({ name: 'VroElTree' })
-  const emit = defineEmits<{
-    (event: 'update:modelValue', value: VroElTreeKey[]): void
-  }>()
-  const props = defineProps(vroElTreeProps)
-  const checkedKeys = computed(() => {
-    const { modelValue, options, rootId } = props
-    const { childIds, mapping } = parseNodeIds(options)
-    const modelValueMap = modelValue.reduce(
-      (acc, id) => {
-        acc[id] = true
-        return acc
-      },
-      {} as Record<VroElTreeKey, boolean>,
-    )
-    const loop = (id: VroElTreeKey): boolean => {
-      if (id === rootId) {
-        return true
-      }
-      if (!modelValueMap[id]) {
-        return false
-      }
-      const parentId = mapping[id]
-      return !isUndefined(parentId) && loop(parentId)
-    }
-    return childIds.filter(loop)
-  })
-  const handleCheck = (_: any, data: any) => {
-    const { checkedKeys, halfCheckedKeys } = data
-    emit('update:modelValue', [...halfCheckedKeys, ...checkedKeys])
-  }
-  function parseNodeIds(
-    data: VroElTreeOption[],
-    mapping: Partial<Record<VroElTreeKey, VroElTreeKey>> = {},
-  ) {
-    const childIds: VroElTreeKey[] = []
-    data.forEach((item) => {
-      if (!isUndefined(item.parentId)) {
-        mapping[item.id] = item.parentId
-      }
-      if (item.children && item.children.length > 0) {
-        const res = parseNodeIds(item.children ?? [], mapping)
-        childIds.push(...res.childIds)
-      } else {
-        childIds.push(item.id)
-      }
-    })
-    return { childIds, mapping }
-  }
-</script>

@@ -1,75 +0,0 @@
-# VroElWithConfig
-### 介绍
-用于给局部内容或动态组件同时包裹 `ElConfigProvider` 和 `VroElConfigProvider`。传入 `is` 时会渲染对应动态组件，并将 `attrs`、插槽透传给内部组件；未传入 `is` 时直接渲染默认插槽。
-## 代码演示
-### 基础用法
-```html
-<vro-el-with-config :el-config-props="{ size: 'large' }">
-  <el-button>按钮</el-button>
-</vro-el-with-config>
-```
-### Vro 文案配置
-```html
-<vro-el-with-config :vro-config-props="{ locale }">
-  <app />
-</vro-el-with-config>
-```
-### 动态组件
-```html
-<vro-el-with-config :is="ElButton" :el-config-props="{ size: 'small' }" type="primary">
-  动态按钮
-</vro-el-with-config>
-```
-## API
-### 属性 Props
-<table>
-  <tbody>
-    <tr>
-      <td>名称</td>
-      <td>类型</td>
-      <td>默认值</td>
-    </tr>
-    <tr v-for="(item, key) in vroElWithConfigProps" :key="key">
-      <td>{{ key }}</td>
-      <td>{{ parseType(item.type || item) }}</td>
-      <td>{{ reserve(item.default, '-') }}</td>
-    </tr>
-  </tbody>
-</table>
-### 插槽 Slots
-<table>
-  <tbody>
-    <tr>
-      <td>名称</td>
-      <td>说明</td>
-    </tr>
-    <tr>
-      <td>default</td>
-      <td>默认内容；传入 is 时会透传给动态组件</td>
-    </tr>
-  </tbody>
-</table>
-### 实例代理
-传入 `is` 时，组件实例会代理内部动态组件暴露的方法和属性。
-<script setup lang="ts">
-  import { reserve } from '@daysnap/utils'
-  import { VroElWithConfig, vroElWithConfigProps } from '.'
-  import { parseType } from '../utils'
-</script>

@@ -1,16 +0,0 @@
-import { withInstall } from '@vrojs/base'
-import Component from './vro-el-with-config.vue'
-export * from './types'
-export const VroElWithConfig = withInstall<typeof Component>(Component)
-export default VroElWithConfig
-export type VroElWithConfigInstance = InstanceType<typeof VroElWithConfig>
-declare module 'vue' {
-  export interface GlobalComponents {
-    VroElWithConfig: typeof VroElWithConfig
-  }
-}

@@ -1,3 +0,0 @@
-import '../../style/base.scss'
-import '../../vro-el-config-provider/style/css'
-import './index.scss'

@@ -1,18 +0,0 @@
-import type { ConfigProviderProps } from 'element-plus'
-import type { Component, ExtractPropTypes, PropType } from 'vue'
-import type { VroElConfigProviderProps } from '../vro-el-config-provider'
-export const vroElWithConfigProps = {
-  elConfigProps: {
-    type: Object as PropType<Partial<ConfigProviderProps>>,
-    default: () => ({}),
-  },
-  vroConfigProps: {
-    type: Object as PropType<Partial<VroElConfigProviderProps>>,
-    default: () => ({}),
-  },
-  is: [String, Object] as PropType<string | Component>,
-}
-export type VroElWithConfigProps = ExtractPropTypes<typeof vroElWithConfigProps>

	@@ -1,2 +0,0 @@
1	- import '../../vro-el-config-provider/style/deps'
2	- import 'element-plus/es/components/config-provider/style/css'

@@ -1,48 +0,0 @@
-<script setup lang="ts">
-  import { ElConfigProvider } from 'element-plus'
-  import { h, ref, useAttrs, useSlots } from 'vue'
-  import { VroElConfigProvider } from '../vro-el-config-provider'
-  import { vroElWithConfigProps } from './types'
-  defineOptions({ name: 'VroElWithConfig' })
-  const props = defineProps(vroElWithConfigProps)
-  const attrs = useAttrs()
-  const slots = useSlots()
-  const refComponent = ref<any>()
-  defineExpose(
-    new Proxy(
-      {},
-      {
-        get(_target, prop) {
-          return refComponent.value?.[prop]
-        },
-        has(_target, prop) {
-          return refComponent.value ? prop in refComponent.value : false
-        },
-      },
-    ),
-  )
-  const renderContent = () => {
-    if (props.is) {
-      return h(props.is, { ...attrs, ref: refComponent }, slots)
-    }
-    return slots.default?.()
-  }
-  const renderVroConfigProvider = () =>
-    h(VroElConfigProvider, props.vroConfigProps, {
-      default: renderContent,
-    })
-  const Render = () => h(ElConfigProvider, props.elConfigProps, renderVroConfigProvider)
-</script>
-<template>
-  <Render />
-</template>

@vrojs/element-plus 0.0.2 → 0.0.4