@uf_lee/leeui 1.0.26 → 1.0.28

package/README.md

@@ -1,3 +1,11 @@
+<!--
+ * @Author: 李天惊 uf_lee@163.com
+ * @Date: 2025-04-09 12:39:11
+ * @LastEditors: 李天惊 uf_lee@163.com
+ * @LastEditTime: 2025-04-09 12:58:22
+ * @FilePath: \leeui\lee-ui\README.md
+ * Copyright (c) 2025 by ${git_name_email}, All Rights Reserved. 
+-->
 
 # LeeUI
 
@@ -41,409 +49,10 @@ app.use(LeeUI);
 app.mount("#app");
 ``` -->
 
-### 示例代码
+### 示例及测试代码
 
-```vue
-<script setup lang="ts">
-import { reactive, ref, onMounted } from "vue";
-import { ElDivider } from "element-plus";
-import { LElForm, LElFormItemCom } from "@uf_lee/leeui";
-import type { FormSchema } from "@uf_lee/leeui/dist/types/types";
-
-// --------------------- Autocomplete 使用的一些设置 start -------------------------
-interface RestaurantItem {
-  value: string;
-  link: string;
-}
-const restaurants = ref<RestaurantItem[]>([]);
-const querySearch = (queryString: string, cb: any) => {
-  const results = queryString
-    ? restaurants.value.filter(createFilter(queryString))
-    : restaurants.value;
-  // call callback function to return suggestions
-  cb(results);
-};
-const createFilter = (queryString: string) => {
-  return (restaurant: RestaurantItem) => {
-    return (
-      restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0
-    );
-  };
-};
-const loadAll = () => {
-  return [
-    { 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: Record<string, any>) => {
-  console.log(item);
-};
-
-onMounted(() => {
-  restaurants.value = loadAll();
-});
-// --------------------- Autocomplete 使用的一些设置 end -------------------------
-
-const schema: FormSchema[] = [
-  {
-    field: "undefined",
-    label: "undefined",
-    componentProps: {
-      placeholder: "默认输入框",
-    },
-    colProps: {
-      span: 24,
-    },
-  },
-  {
-    field: "Radio",
-    label: "Radio",
-    component: "Radio",
-    componentProps: {
-      options: [
-        {
-          label: "选项1",
-          value: "1",
-        },
-        {
-          label: "选项2",
-          value: "2",
-        },
-      ],
-    },
-    colProps: {
-      span: 6,
-    },
-  },
-  {
-    field: "RadioButton",
-    label: "RadioButton",
-    component: "RadioButton",
-    componentProps: {
-      options: [
-        {
-          label: "选项1",
-          value: "1",
-        },
-        {
-          label: "选项2",
-          value: "2",
-        },
-      ],
-    },
-    colProps: {
-      span: 6,
-    },
-  },
-  {
-    field: "Checkbox",
-    label: "Checkbox",
-    component: "Checkbox",
-    componentProps: {
-      options: [
-        {
-          label: "选项1",
-          value: "1",
-        },
-        {
-          label: "选项2",
-          value: "2",
-        },
-      ],
-    },
-    colProps: {
-      span: 6,
-    },
-  },
-  {
-    field: "CheckboxButton",
-    label: "CheckboxButton",
-    component: "CheckboxButton",
-    componentProps: {
-      options: [
-        {
-          label: "选项1",
-          value: "1",
-        },
-        {
-          label: "选项2",
-          value: "2",
-        },
-      ],
-    },
-    colProps: {
-      span: 6,
-    },
-  },
-  {
-    field: "Input",
-    label: "Input",
-    component: "Input",
-    componentProps: {
-      placeholder: "输入框",
-    },
-    colProps: {
-      span: 8,
-    },
-  },
-  {
-    field: "Autocomplete",
-    label: "Autocomplete",
-    component: "Autocomplete",
-    componentProps: {
-      placeholder: "自动补全输入框",
-      fetchSuggestions: querySearch,
-      onselect: handleSelect,
-    },
-    colProps: {
-      span: 8,
-    },
-  },
-  {
-    field: "InputNumber",
-    label: "InputNumber",
-    component: "InputNumber",
-    componentProps: {},
-    colProps: {
-      span: 8,
-    },
-  },
-  {
-    field: "Select",
-    label: "Select",
-    component: "Select",
-    componentProps: {
-      placeholder: "请选择下拉框",
-      options: [
-        {
-          label: "选项1",
-          value: "1",
-        },
-        {
-          label: "选项2",
-          value: "2",
-        },
-      ],
-    },
-    colProps: {
-      span: 10,
-    },
-  },
-  {
-    field: "Cascader",
-    label: "Cascader",
-    component: "Cascader",
-    componentProps: {
-      placeholder: "级联选择器",
-      options: [
-        {
-          label: "选项1",
-          value: "1",
-          children: [
-            {
-              label: "选项1-1",
-              value: "1001",
-            },
-            {
-              label: "选项1-2",
-              value: "1002",
-            },
-            {
-              label: "选项1-3",
-              value: "1003",
-            },
-            {
-              label: "选项1-4",
-              value: "1004",
-            },
-          ],
-        },
-        {
-          label: "选项2",
-          value: "2",
-          children: [
-            {
-              label: "选项2-1",
-              value: "2001",
-            },
-            {
-              label: "选项2-2",
-              value: "2002",
-            },
-            {
-              label: "选项2-3",
-              value: "2003",
-            },
-            {
-              label: "选项2-4",
-              value: "2004",
-            },
-          ],
-        },
-        {
-          label: "选项3",
-          value: "3",
-          children: [
-            {
-              label: "选项3-1",
-              value: "3001",
-              children: [
-                {
-                  label: "选项3-1-1",
-                  value: "3001001",
-                },
-                {
-                  label: "选项3-1-1",
-                  value: "3001--2",
-                },
-              ],
-            },
-            {
-              label: "选项3-2",
-              value: "3002",
-            },
-          ],
-        },
-        {
-          label: "选项4",
-          value: "4",
-        },
-        {
-          label: "选项5",
-          value: "5",
-        },
-      ],
-    },
-    colProps: {
-      span: 10,
-    },
-  },
-  {
-    field: "Switch",
-    label: "Switch",
-    component: "Switch",
-    componentProps: {},
-    colProps: {
-      span: 4,
-    },
-  },
-  {
-    field: "Slider",
-    label: "Slider",
-    component: "Slider",
-    componentProps: {},
-    colProps: {
-      span: 24,
-    },
-  },
-  {
-    field: "TimePicker",
-    label: "TimePicker",
-    component: "TimePicker",
-    componentProps: {},
-    colProps: {
-      span: 6,
-    },
-  },
-  {
-    field: "DatePicker",
-    label: "DatePicker",
-    component: "DatePicker",
-    componentProps: {},
-    colProps: {
-      span: 6,
-    },
-  },
-  {
-    field: "Rate",
-    label: "Rate",
-    component: "Rate",
-    componentProps: {},
-    colProps: {
-      span: 6,
-    },
-  },
-  {
-    field: "ColorPicker",
-    label: "ColorPicker",
-    component: "ColorPicker",
-    componentProps: {},
-    colProps: {
-      span: 6,
-    },
-  },
-  {
-    field: "Transfer",
-    label: "Transfer",
-    component: "Transfer",
-    componentProps: {},
-    colProps: {
-      span: 12,
-    },
-  },
-  {
-    field: "Divider",
-    label: "Divider",
-    component: "Divider",
-    componentProps: {
-      contentPosition: "center",
-    },
-    colProps: {
-      span: 12,
-    },
-  },
-  {
-    field: "TimeSelect",
-    label: "TimeSelect",
-    component: "TimeSelect",
-    componentProps: {},
-    colProps: {
-      span: 12,
-    },
-  },
-  {
-    field: "SelectV2",
-    label: "SelectV2",
-    component: "SelectV2",
-    componentProps: {
-      options: [
-        {
-          label: "选项1",
-          value: "1",
-        },
-        {
-          label: "选项2",
-          value: "2",
-        },
-      ],
-    },
-    colProps: {
-      span: 12,
-    },
-  },
-];
-
-// 值
-const model: any = reactive({
-  undefined: "12312",
-});
-</script>
-
-<template>
-  <el-divider content-position="left">model</el-divider>
-  {{ model }}
-  <el-divider content-position="left">LElForm</el-divider>
-  <LElForm :schema="schema" :model="model" />
-  <el-divider content-position="left">LElFormItemCom</el-divider>
-  <LElFormItemCom :data="schema[0]" v-model="model.undefined" />
-  <LElFormItemCom :data="schema[1]" v-model="model[schema[1].field]" />
-</template>
+```bash
+git clone https://gitee.com/uf_lee/lee-ui-test.git
 ```
 
 ## 📖 API 说明
@@ -466,11 +75,11 @@ const model: any = reactive({
 
 欢迎贡献代码！请提交 PR 或 Issue 进行讨论。
 
-<!-- 1. Fork 本仓库。
+1. Fork 本仓库。
 2. 创建新分支：`git checkout -b feature-branch`。
 3. 提交更改：`git commit -m 'Add some feature'`。
 4. 推送分支：`git push origin feature-branch`。
-5. 提交 Pull Request。 -->
+5. 提交 Pull Request。
 
 ## 📜 License
 

package/dist/types/components/LElCom/src/componentMap.d.ts

@@ -1,3 +1,5 @@
 import type { Component } from "vue";
+import type { ComponentName } from "./types";
+import type { Recordable } from "../../../global";
 declare const componentMap: Recordable<Component, ComponentName>;
 export { componentMap };

package/dist/types/components/LElCom/src/helper.d.ts

@@ -1,6 +1,8 @@
 import { Slots } from "vue";
+import type { Recordable } from "../../../global";
 import type { ComData } from "./types";
-import type { FormSchema, TableSchema } from "@/types";
+import type { FormSchema } from "../../LElForm/src/types";
+import type { TableSchema } from "../../LElTable/src/types";
 /**
  *
  * @param item 传入的组件属性

package/dist/types/components/LElCom/src/types.d.ts

@@ -1,3 +1,22 @@
+import type { Recordable } from "../../../global";
+import type { FormValueType } from "../../LElForm/src/types";
+export type ComponentOptions = {
+    label?: string;
+    value?: FormValueType;
+    disabled?: boolean;
+    key?: string | number;
+    children?: ComponentOptions[];
+    options?: ComponentOptions[];
+} & Recordable;
+declare type ComponentOptionsAlias = {
+    labelField?: string;
+    valueField?: string;
+};
+export type ComponentProps = {
+    optionsAlias?: ComponentOptionsAlias;
+    options?: ComponentOptions[];
+    optionsSlot?: boolean;
+} & Recordable;
 export type ComData = {
     field: string;
     component?: ComponentName;
@@ -6,3 +25,5 @@ export type ComData = {
     } & ComponentProps;
     slots?: Recordable;
 };
+export type ComponentName = "Text" | "Link" | "Button" | "Icon" | "Avatar" | "Image" | "Divider" | "Badge" | "Radio" | "RadioButton" | "Checkbox" | "CheckboxButton" | "Input" | "Autocomplete" | "InputNumber" | "Select" | "Cascader" | "Switch" | "Slider" | "TimePicker" | "DatePicker" | "Rate" | "ColorPicker" | "Transfer" | "TimeSelect" | "SelectV2" | "Mention" | "InputTag";
+export {};

package/dist/types/components/LElForm/src/LElForm.vue.d.ts

@@ -1,5 +1,7 @@
 import { PropType } from "vue";
 import { FormRules } from "element-plus";
+import type { FormSchema } from "./types";
+import type { Recordable } from "../../../global";
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     schema: {
         type: PropType<FormSchema[]>;
@@ -30,7 +32,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onRegister?: ((...args: any[]) => any) | undefined;
 }>, {
     schema: FormSchema[];
-    model: Recordable<any, string>;
+    model: Recordable;
     rules: Partial<Record<string, import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>>>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/types/components/LElForm/src/helper.d.ts

@@ -1,3 +1,5 @@
+import { ColProps, FormSchema } from "./types";
+import type { Recordable } from "../../../global";
 /**
  *
  * @param col 内置栅格
@@ -12,4 +14,4 @@ export declare const setGridProp: (col?: ColProps) => ColProps;
  * @returns FormMoel
  * @description 生成对应的formModel
  */
-export declare const initModel: (schema: FormSchema[], formModel: Recordable) => Recordable<any, string>;
+export declare const initModel: (schema: FormSchema[], formModel: Recordable) => Recordable;

package/dist/types/components/LElForm/src/types.d.ts

@@ -1,4 +1,7 @@
-import { AxiosPromise } from "axios";
+import type { Recordable } from "../../../global";
+import type { AxiosPromise } from "axios";
+import type { ComponentName, ComponentProps } from "../../LElCom/src/types";
+import type { CSSProperties } from "vue";
 export type FormProps = {
     schema?: FormSchema[];
     isCol?: boolean;
@@ -22,3 +25,22 @@ export type FormSchema = {
     hidden?: boolean;
     api?: <T = any>() => AxiosPromise<T>;
 };
+export type ColProps = {
+    span?: number;
+    xs?: number;
+    sm?: number;
+    md?: number;
+    lg?: number;
+    xl?: number;
+    tag?: string;
+};
+export type FormItemProps = {
+    labelWidth?: string | number;
+    required?: boolean;
+    rules?: Recordable;
+    error?: string;
+    showMessage?: boolean;
+    inlineMessage?: boolean;
+    style?: CSSProperties;
+};
+export type FormValueType = string | number | string[] | number[] | boolean | undefined | null;

package/dist/types/components/LElTable/src/LElTable.vue.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from "vue";
+import type { Recordable } from "../../../global";
 import type { TableSchema } from "./types.ts";
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     data: {
@@ -19,7 +20,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: () => never[];
     };
 }>> & Readonly<{}>, {
-    data: Recordable<any, string>[];
+    data: Recordable[];
     schema: TableSchema[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/types/components/LElTable/src/helper.d.ts

@@ -1,4 +1,5 @@
 import { TableSchema } from "./types";
+import type { Recordable } from "../../../global";
 /**
  *
  * @param item 传入的组件属性

package/dist/types/components/LElTable/src/types.d.ts

@@ -1,3 +1,6 @@
+import type { ComponentProps, ComponentName } from "../../LElCom/src/types";
+import type { FormValueType } from "../../LElForm/src/types";
+import type { Recordable } from "../../../global";
 export type TableSchema = {
     field: string;
     label?: string;

package/dist/types/global.d.ts

@@ -0,0 +1,2 @@
+export type Recordable<T = any, K extends keyof any = string> = Record<K, T>;
+export type ComponentRef<T extends new (...args: any) => any> = InstanceType<T>;

package/dist/types/index.d.ts

@@ -1,4 +1,8 @@
 import { LElForm } from "./components/LElForm";
 import { LElCom } from "./components/LElCom";
 import { LElTable } from "./components/LElTable";
-export { LElForm, LElCom, LElTable };
+import type { FormProps } from "./components/LElForm/src/types";
+import type { FormSchema } from "./components/LElForm/src/types";
+import type { TableSchema } from "./components/LElTable/src/types";
+import type { ComData } from "./components/LElCom/src/types";
+export { LElForm, LElCom, LElTable, FormProps, FormSchema, TableSchema, ComData, };

package/dist/types/utils/tsxHelper.d.ts

@@ -1,4 +1,5 @@
 import { Slots } from "vue";
+import type { Recordable } from "../global";
 export declare const getSlot: (slots: Slots, slot?: string, data?: Recordable) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>[] | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uf_lee/leeui",
-  "version": "1.0.26",
+  "version": "1.0.28",
   "description": "自己的组件库",
   "main": "dist/leeui.umd.js",
   "module": "dist/leeui.es.js",
@@ -40,4 +40,4 @@
   "peerDependencies": {
     "vue": ">=3.0.0"
   }
-}
+}

package/dist/types/types.d.ts

@@ -1,5 +0,0 @@
-import { FormProps } from "@/components/LElForm/src/types";
-import { FormSchema } from "@/components/LElForm/src/types";
-import { TableSchema } from "@/components/LElTable/src/types";
-import { ComData } from "@/components/LElCom/src/types";
-export { FormProps, FormSchema, TableSchema, ComData };