@vrojs/element-plus 0.0.2 → 0.0.3

package/dist/vro-el-with-config/types.d.ts

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

package/dist/vro-el-with-config/types.js

@@ -0,0 +1,14 @@
+const t = {
+  elConfigProps: {
+    type: Object,
+    default: () => ({})
+  },
+  vroConfigProps: {
+    type: Object,
+    default: () => ({})
+  },
+  is: [String, Object]
+};
+export {
+  t as vroElWithConfigProps
+};

package/dist/vro-el-with-config/vro-el-with-config.vue.d.ts

@@ -0,0 +1,25 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    elConfigProps: {
+        type: import('vue').PropType<Partial<import('element-plus').ConfigProviderProps>>;
+        default: () => {};
+    };
+    vroConfigProps: {
+        type: import('vue').PropType<Partial<import('..').VroElConfigProviderProps>>;
+        default: () => {};
+    };
+    is: import('vue').PropType<string | import('vue').Component>;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    elConfigProps: {
+        type: import('vue').PropType<Partial<import('element-plus').ConfigProviderProps>>;
+        default: () => {};
+    };
+    vroConfigProps: {
+        type: import('vue').PropType<Partial<import('..').VroElConfigProviderProps>>;
+        default: () => {};
+    };
+    is: import('vue').PropType<string | import('vue').Component>;
+}>> & Readonly<{}>, {
+    elConfigProps: Partial<import('element-plus').ConfigProviderProps>;
+    vroConfigProps: Partial<import('..').VroElConfigProviderProps>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/vro-el-with-config/vro-el-with-config.vue.js

@@ -0,0 +1,32 @@
+import { defineComponent as u, useAttrs as m, useSlots as g, ref as d, createBlock as C, openBlock as v, h as t } from "vue";
+import { ElConfigProvider as _ } from "element-plus";
+import { VroElConfigProvider as P } from "../vro-el-config-provider/index.js";
+import { vroElWithConfigProps as h } from "./types.js";
+const w = /* @__PURE__ */ u({
+  name: "VroElWithConfig",
+  __name: "vro-el-with-config",
+  props: h,
+  setup(i, { expose: f }) {
+    const r = i, a = m(), n = g(), o = d();
+    f(
+      new Proxy(
+        {},
+        {
+          get(s, e) {
+            return o.value?.[e];
+          },
+          has(s, e) {
+            return o.value ? e in o.value : !1;
+          }
+        }
+      )
+    );
+    const l = () => r.is ? t(r.is, { ...a, ref: o }, n) : n.default?.(), p = () => t(P, r.vroConfigProps, {
+      default: l
+    }), c = () => t(_, r.elConfigProps, p);
+    return (s, e) => (v(), C(c));
+  }
+});
+export {
+  w as default
+};

package/dist/vro-el-with-config/vro-el-with-config.vue2.js

@@ -0,0 +1,4 @@
+import f from "./vro-el-with-config.vue.js";
+export {
+  f as default
+};

package/package.json

@@ -1,16 +1,17 @@
 {
   "name": "@vrojs/element-plus",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "vrojs ui",
-  "main": "src/index.ts",
-  "types": "src/index.ts",
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
   "files": [
-    "src",
-    "!src/**/demo",
-    "!src/**/README.md"
+    "dist"
   ],
   "sideEffects": [
-    "src/**/style/*"
+    "dist/**/style/*",
+    "dist/**/*.css"
   ],
   "keywords": [
     "vro",
@@ -35,22 +36,27 @@
     "@element-plus/icons-vue": ">=2.3.2",
     "element-plus": ">=2.11.9",
     "vue": ">=3.0.0",
-    "@vrojs/base": "0.0.1",
-    "@vrojs/use": "0.0.1"
+    "@vrojs/base": "0.0.2",
+    "@vrojs/use": "0.0.2"
   },
   "devDependencies": {
     "@daysnap/banana": "^0.0.15",
     "@daysnap/utils": "^0.1.34",
     "@element-plus/icons-vue": "^2.3.2",
+    "@vitejs/plugin-vue": "^6.0.1",
     "element-plus": "^2.11.9",
     "rimraf": "^6.0.1",
     "typescript": "^5.9.3",
+    "vite": "^7.1.12",
+    "vite-plugin-dts": "^4.5.4",
     "vue": "^3.5.22",
-    "@vrojs/base": "0.0.1",
-    "@vrojs/use": "0.0.1"
+    "@vrojs/base": "0.0.2",
+    "@vrojs/use": "0.0.2"
   },
   "scripts": {
-    "release": "dsc publish --pnpm",
+    "build": "npm run clean && vite build",
+    "clean": "rimraf ./dist",
+    "release": "npm run build && dsc publish --pnpm",
     "sync": "dsc sync"
   }
 }

package/src/index.ts

@@ -1,18 +0,0 @@
-/* 本文件自动生成 './scripts/index.ts' */
-
-export * from './locale'
-export * from './utils'
-export * from './vro-el-checkbox-group'
-export * from './vro-el-config-provider'
-export * from './vro-el-file-upload'
-export * from './vro-el-icon'
-export * from './vro-el-image-upload'
-export * from './vro-el-radio-group'
-export * from './vro-el-schema-filter'
-export * from './vro-el-schema-form'
-export * from './vro-el-schema-form-dialog'
-export * from './vro-el-select'
-export * from './vro-el-skeleton'
-export * from './vro-el-tags'
-export * from './vro-el-tree'
-export * from './vro-el-with-config'

package/src/locale/index.ts

@@ -1,3 +0,0 @@
-export { default as zhCN } from './lang/zh-cn'
-export * from './types'
-export * from './useLocale'

package/src/locale/lang/zh-cn.ts

@@ -1,46 +0,0 @@
-export default {
-  name: 'zh-cn',
-  el: {
-    table: {
-      refresh: '刷新',
-      description: '当前颜色 {color}，按 Enter 键选择新颜色',
-    },
-    skeleton: {
-      loadingDescription: '正在加载数据...',
-      emptyDescription: '暂无数据',
-      emptyBtnText: '刷新',
-      errorTitle: '哦嗬！出错了哦~',
-      errorBtnText: '刷新',
-    },
-    fileUpload: {
-      btnText: '上传',
-    },
-    imageUpload: {
-      compressText: '是否压缩',
-    },
-    tags: {
-      addText: '新增',
-    },
-    schemaForm: {
-      ElInput: {
-        placeholder: '请填写',
-      },
-      ElSelect: {
-        placeholder: '请选择',
-      },
-      ElDatePicker: {
-        placeholder: '请选择',
-        startPlaceholder: '请选择',
-        endPlaceholder: '请选择',
-      },
-    },
-    schemaFilter: {
-      searchText: '搜索',
-      resetText: '重置',
-    },
-    schemaFormDialog: {
-      cancelText: '取消',
-      confirmText: '确认',
-    },
-  },
-}

package/src/locale/types.ts

@@ -1,8 +0,0 @@
-export type TranslatePair = {
-  [key: string]: string | string[] | TranslatePair
-}
-
-export type Locale = {
-  name: string
-  el: TranslatePair
-}

package/src/locale/useLocale.ts

@@ -1,42 +0,0 @@
-import { computed, inject, type InjectionKey, type Ref } from 'vue'
-
-import zhCN from './lang/zh-cn'
-import type { Locale, TranslatePair } from './types'
-
-export const localeContextKey: InjectionKey<Ref<Locale | undefined>> = Symbol('localeContextKey')
-
-export function useLocale() {
-  const injectedLocale = inject(localeContextKey, undefined)
-
-  const locale = computed(() => injectedLocale?.value ?? zhCN)
-
-  const t = (path: string, option?: Record<string, string | number>) => {
-    const value = get(locale.value.el, path)
-
-    if (typeof value !== 'string') {
-      return path
-    }
-
-    if (!option) {
-      return value
-    }
-
-    return value.replace(/\{(\w+)\}/g, (_, key) => `${option[key] ?? `{${key}}`}`)
-  }
-
-  return {
-    locale,
-    lang: computed(() => locale.value.name),
-    t,
-  }
-}
-
-function get(source: TranslatePair, path: string) {
-  return path.split('.').reduce<TranslatePair[string] | undefined>((res, key) => {
-    if (res && typeof res === 'object' && !Array.isArray(res)) {
-      return res[key]
-    }
-
-    return undefined
-  }, source)
-}

package/src/style/base.scss

@@ -1,2 +0,0 @@
-:root {
-}

package/src/style/css.ts

@@ -1,2 +0,0 @@
-import './base.scss'
-import './index.scss'

package/src/style/deps.ts

@@ -1,14 +0,0 @@
-import '../vro-el-checkbox-group/style/deps'
-import '../vro-el-config-provider/style/deps'
-import '../vro-el-file-upload/style/deps'
-import '../vro-el-icon/style/deps'
-import '../vro-el-image-upload/style/deps'
-import '../vro-el-radio-group/style/deps'
-import '../vro-el-schema-filter/style/deps'
-import '../vro-el-schema-form/style/deps'
-import '../vro-el-schema-form-dialog/style/deps'
-import '../vro-el-select/style/deps'
-import '../vro-el-skeleton/style/deps'
-import '../vro-el-tags/style/deps'
-import '../vro-el-tree/style/deps'
-import '../vro-el-with-config/style/deps'

package/src/style/index.scss

@@ -1,17 +0,0 @@
-/* 本文件自动生成 './scripts/index.ts' */
-
-@use './base.scss' as *;
-@use '../vro-el-checkbox-group/style/index.scss' as *;
-@use '../vro-el-config-provider/style/index.scss' as *;
-@use '../vro-el-file-upload/style/index.scss' as *;
-@use '../vro-el-icon/style/index.scss' as *;
-@use '../vro-el-image-upload/style/index.scss' as *;
-@use '../vro-el-radio-group/style/index.scss' as *;
-@use '../vro-el-schema-filter/style/index.scss' as *;
-@use '../vro-el-schema-form/style/index.scss' as *;
-@use '../vro-el-schema-form-dialog/style/index.scss' as *;
-@use '../vro-el-select/style/index.scss' as *;
-@use '../vro-el-skeleton/style/index.scss' as *;
-@use '../vro-el-tags/style/index.scss' as *;
-@use '../vro-el-tree/style/index.scss' as *;
-@use '../vro-el-with-config/style/index.scss' as *;

package/src/style/index.ts

@@ -1,2 +0,0 @@
-import './deps'
-import './css'

package/src/utils/datePickerValueFormat.ts

@@ -1,6 +0,0 @@
-export const datePickerValueFormat: Record<string, string> = {
-  date: 'YYYY-MM-DD',
-  daterange: 'YYYY-MM-DD',
-  datetimerange: 'YYYY-MM-DD HH:mm:ss',
-  datetime: 'YYYY-MM-DD HH:mm:ss',
-}

package/src/utils/index.ts

@@ -1,2 +0,0 @@
-export * from './datePickerValueFormat'
-export { parseType } from '@vrojs/base'

package/src/vro-el-checkbox-group/README.md

@@ -1,83 +0,0 @@
-# VroElCheckboxGroup
-
-### 介绍
-
-基于 `ElCheckboxGroup` 和 `ElCheckbox` 的选项化封装。适合通过 `options` 快速渲染一组选项，同时保留 Element Plus CheckboxGroup 的原有属性和事件。
-
-## 代码演示
-
-### 基础用法
-
-```html
-<template>
-  <vro-el-checkbox-group v-model="value" :options="options" />
-</template>
-
-<script setup lang="ts">
-  import { ref } from 'vue'
-
-  const value = ref(['apple'])
-  const options = [
-    { label: '苹果', value: 'apple' },
-    { label: '香蕉', value: 'banana' },
-    { label: '橙子', value: 'orange', props: { disabled: true } },
-  ]
-</script>
-```
-
-### 自定义字段名
-
-```html
-<vro-el-checkbox-group v-model="value" :options="options" label-key="name" value-key="id" />
-```
-
-## API
-
-### 属性 Props
-
-<table>
-  <tbody>
-    <tr>
-      <td>名称</td>
-      <td>类型</td>
-      <td>默认值</td>
-    </tr>
-    <tr v-for="(item, key) in vroElCheckboxGroupProps" :key="key">
-      <td>{{ key }}</td>
-      <td>{{ parseType(item.type || item) }}</td>
-      <td>{{ reserve(item.default, '-') }}</td>
-    </tr>
-  </tbody>
-</table>
-
-### 插槽 Slots
-
-支持默认插槽，传入后会作为 `ElCheckboxGroup` 的内容，覆盖 `options` 自动渲染的选项。
-
-### 事件 Events
-
-<table>
-  <tbody>
-    <tr>
-      <td>名称</td>
-      <td>参数</td>
-      <td>说明</td>
-    </tr>
-    <tr>
-      <td>update:modelValue</td>
-      <td>value</td>
-      <td>选中值变化时触发</td>
-    </tr>
-    <tr>
-      <td>change</td>
-      <td>value</td>
-      <td>同 Element Plus CheckboxGroup change 事件</td>
-    </tr>
-  </tbody>
-</table>
-
-<script setup lang="ts">
-  import { reserve } from '@daysnap/utils'
-  import { VroElCheckboxGroup, vroElCheckboxGroupProps } from '.'
-  import { parseType } from '../utils'
-</script>

package/src/vro-el-checkbox-group/index.ts

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

package/src/vro-el-checkbox-group/style/css.ts

@@ -1,2 +0,0 @@
-import '../../style/base.scss'
-import './index.scss'

package/src/vro-el-checkbox-group/style/deps.ts

@@ -1,2 +0,0 @@
-import 'element-plus/es/components/checkbox-group/style/css'
-import 'element-plus/es/components/checkbox/style/css'

package/src/vro-el-checkbox-group/style/index.scss

@@ -1 +0,0 @@
-.vro-el-checkbox-group { }

package/src/vro-el-checkbox-group/style/index.ts

@@ -1,2 +0,0 @@
-import './deps'
-import './css'

package/src/vro-el-checkbox-group/types.ts

@@ -1,18 +0,0 @@
-import { checkboxGroupProps } from 'element-plus'
-import type { ExtractPropTypes, PropType } from 'vue'
-
-export const vroElCheckboxGroupProps = {
-  ...checkboxGroupProps,
-
-  options: Array as PropType<any[]>,
-  labelKey: {
-    type: String,
-    default: 'label',
-  },
-  valueKey: {
-    type: String,
-    default: 'value',
-  },
-}
-
-export type VroElCheckboxGroupProps = ExtractPropTypes<typeof vroElCheckboxGroupProps>

package/src/vro-el-checkbox-group/vro-el-checkbox-group.vue

@@ -1,33 +0,0 @@
-<template>
-  <el-checkbox-group
-    v-bind="restProps"
-    class="vro-el-checkbox-group"
-    @update:model-value="$emit('update:modelValue', $event)"
-    @change="$emit('change', $event)"
-  >
-    <el-checkbox
-      v-for="(option, index) in options"
-      v-bind="option.props"
-      :key="index"
-      :value="option[valueKey || 'value'] ?? option"
-    >
-      {{ option[labelKey || 'label'] ?? option }}
-    </el-checkbox>
-  </el-checkbox-group>
-</template>
-
-<script setup lang="ts">
-  import { pick } from '@daysnap/utils'
-  import { checkboxGroupProps, ElCheckbox, ElCheckboxGroup } from 'element-plus'
-  import { computed } from 'vue'
-
-  import { vroElCheckboxGroupProps } from './types'
-
-  defineOptions({ name: 'VroElCheckboxGroup' })
-  defineEmits(['update:modelValue', 'change'])
-  const props = defineProps(vroElCheckboxGroupProps)
-
-  const restProps = computed(() => {
-    return pick(props, Object.keys(checkboxGroupProps) as any[])
-  })
-</script>

package/src/vro-el-config-provider/README.md

@@ -1,65 +0,0 @@
-# VroElConfigProvider
-
-### 介绍
-
-为 Vro Element Plus 组件提供全局配置，目前用于统一内部文案。`locale` 支持局部覆盖，未传入的字段会使用默认中文文案。
-
-## 代码演示
-
-### 基础用法
-
-```html
-<vro-el-config-provider :locale="locale">
-  <app />
-</vro-el-config-provider>
-```
-
-```ts
-const locale = {
-  el: {
-    table: {
-      refresh: '重新加载',
-    },
-  },
-}
-```
-
-## API
-
-### 属性 Props
-
-<table>
-  <tbody>
-    <tr>
-      <td>名称</td>
-      <td>类型</td>
-      <td>默认值</td>
-    </tr>
-    <tr v-for="(item, key) in vroElConfigProviderProps" :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>默认内容</td>
-    </tr>
-  </tbody>
-</table>
-
-<script setup lang="ts">
-  import { reserve } from '@daysnap/utils'
-  import { VroElConfigProvider, vroElConfigProviderProps } from '.'
-  import { parseType } from '../utils'
-</script>

package/src/vro-el-config-provider/index.ts

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

package/src/vro-el-config-provider/style/css.ts

@@ -1,2 +0,0 @@
-import '../../style/base.scss'
-import './index.scss'

package/src/vro-el-config-provider/style/index.ts

@@ -1,2 +0,0 @@
-import './deps'
-import './css'

package/src/vro-el-config-provider/types.ts

@@ -1,18 +0,0 @@
-import { type DeepPartial } from '@vrojs/base'
-import type { ExtractPropTypes, PropType } from 'vue'
-
-import type { Locale } from '../locale'
-
-export type VroElLocale = DeepPartial<Locale>
-
-export const vroElConfigProviderProps = {
-  /**
-   * 组件内部文案配置，支持局部覆盖。
-   */
-  locale: {
-    type: Object as PropType<VroElLocale>,
-    default: () => ({}),
-  },
-}
-
-export type VroElConfigProviderProps = ExtractPropTypes<typeof vroElConfigProviderProps>

package/src/vro-el-config-provider/vro-el-config-provider.vue

@@ -1,19 +0,0 @@
-<template>
-  <slot> </slot>
-</template>
-
-<script setup lang="ts">
-  import { merge } from '@daysnap/utils'
-  import { computed, provide } from 'vue'
-
-  import { localeContextKey, zhCN } from '../locale'
-  import { vroElConfigProviderProps } from './types'
-
-  defineOptions({ name: 'VroElConfigProvider' })
-
-  const props = defineProps(vroElConfigProviderProps)
-
-  const locale = computed(() => merge({}, zhCN, props.locale))
-
-  provide(localeContextKey, locale)
-</script>