@elementplus-kit/uikit 1.0.1 → 1.0.2

package/components/{index.js → index.ts}

@@ -29,10 +29,12 @@ export * from "./drawer/index.ts";
 export const CDrawer = Drawer;
 
 // 搜索
+// import Search from "./search/index.ts";
+// export * from "./search/index.ts";
+// export const CSearch = Search;
 import Search from "./search/index.ts";
 export * from "./search/index.ts";
 export const CSearch = Search;
-
 // 测试单个引入-----------------------------
 // export * from "./dialog/index.ts"; // 弹窗
 // export * from "./drawer/index.ts"; // 抽屉

package/components/search/index.ts

@@ -1,4 +1,4 @@
-import Search from "./src/index.vue";
-export * from "./src/index.vue";
+import Search from "./src/index.tsx";
+export * from "./src/index.tsx";
 export { Search };
 export default Search;

package/components/search/src/{index.vue → index-/346/272/220.vue}

@@ -11,10 +11,12 @@
       </div>
       <div class="c-search-simple-btn">
         <slot name="btn-left" />
-        <el-icon @click="handleShow" v-if="showCount < props.formOptions.length" class="c-search-icon"
+        <div class="c-search-simple-icon" @click="handleShow" v-if="showCount < props.formOptions.length"
           :class="{ 'icon-rotate': showSearchForm }">
-          <ArrowUpBold />
-        </el-icon>
+          <el-icon class="c-search-icon">
+            <ArrowUpBold />
+          </el-icon>
+        </div>
         <el-button type="primary" @click="handleSearch">搜索</el-button>
         <el-button type="primary" @click="handleReset">重置</el-button>
         <slot name="btn-right" />
@@ -23,7 +25,7 @@
     <!-- 下拉悬浮 -->
     <transition name="search-form-transition">
       <el-card class="c-search-form" v-if="showSearchForm && props.isDrawer">
-        <c-form v-bind="getEvent()" inline :model="formData"
+        <c-form v-bind="getEvent(), getSlot('form')"" inline :model="formData"
           :formOptions="props.formOptions.filter((item, index) => index >= showCount)" ref="formRef">
         </c-form>
         <div style="text-align: right;">
@@ -86,6 +88,7 @@ const getEvent = (name: string) => {
   })
   return obj
 }
+
 // 解析插槽 
 const getSlot = (type: 'form' | 'search') => {
   let searchObj: any = {}
@@ -101,18 +104,15 @@ const getSlot = (type: 'form' | 'search') => {
 }
 
 const handleSearch = () => {
-  console.log('搜索内容:')
   emit('search')
   showSearchForm.value = false
 }
 
 const handleReset = () => {
-  console.log('搜索重置:')
   emit('reset')
 }
 
 const handleClose = () => {
-  console.log('搜索关闭:')
   showSearchForm.value = false
   emit('close')
 }
@@ -173,81 +173,84 @@ const handleShow = () => {
   .c-search-simple-btn {
     display: flex;
     margin-left: auto;
+  }
 
-    .c-search-icon {
-      display: inline-block;
-      // 添加鼠标悬停效果
-      cursor: pointer;
-      height: 32px;
-      width: 32px;
-      line-height: 32px;
-      text-align: center;
-      margin-right: 10px;
-      background-color: #409eff;
-      padding-top: 2px;
-      transition: all 0.2s;
-      border-radius: 4px;
-      color: #fff;
-
-      &:hover {
-        background-color: rgb(121, 187, 255);
-      }
-
-      &:active {
-        background-color: rgb(51, 126, 204);
-      }
+  .c-search-simple-icon {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+    height: 32px;
+    width: 32px;
+    margin-right: 10px;
+    border-radius: 4px;
+    background-color: #409eff;
+    transition: all 0.2s;
+
+    &:hover {
+      background-color: rgb(121, 187, 255);
     }
 
-    .icon-rotate {
-      transform: rotate(180deg);
+    &:active {
       background-color: rgb(51, 126, 204);
     }
   }
 
+  .c-search-icon {
+    // 添加鼠标悬停效果
+    display: inline-block;
+    color: #fff;
+    transition: all 0.2s;
+
+  }
+
+  .icon-rotate {
+    background-color: rgb(51, 126, 204);
+
+    .c-search-icon {
+      transform: rotate(180deg);
+    }
+  }
+
   .c-search-form {
-    // padding: 16px;
-    // background-color: #333;
     width: 100%;
     position: absolute;
     top: 50px;
     left: 0;
     overflow: hidden;
-
-    /* 确保内容不会溢出 */
-    :deep(.el-card__body) {
-      // padding: 0;
-    }
+    z-index: 10;
+    background-color: #fff;
   }
+}
 
-  /* 下拉动画效果 */
-  .search-form-transition {
+/* 下拉动画效果 */
+.search-form-transition {
 
-    &-enter-active,
-    &-leave-active {
-      transition: all 0.3s ease;
-      /* 动画过渡时间和缓动函数 */
-      overflow: hidden;
-      max-height: 500px;
-      /* 确保足够大的最大高度以容纳内容 */
-    }
+  &-enter-active,
+  &-leave-active {
+    transition: all 0.3s ease;
+    /* 动画过渡时间和缓动函数 */
+    overflow: hidden;
+    max-height: 500px;
+    /* 确保足够大的最大高度以容纳内容 */
+  }
 
-    &-enter-from {
-      max-height: 0;
-      /* 入场开始时高度为0 */
-      opacity: 0;
-      /* 可以添加透明度效果增强视觉体验 */
-      padding-top: 0;
-      padding-bottom: 0;
-    }
+  &-enter-from {
+    max-height: 0;
+    /* 入场开始时高度为0 */
+    opacity: 0;
+    /* 可以添加透明度效果增强视觉体验 */
+    padding-top: 0;
+    padding-bottom: 0;
+  }
 
-    &-leave-to {
-      max-height: 0;
-      /* 出场结束时高度为0 */
-      opacity: 0;
-      /* 可以添加透明度效果增强视觉体验 */
-      padding-top: 0;
-      padding-bottom: 0;
-    }
+  &-leave-to {
+    max-height: 0;
+    /* 出场结束时高度为0 */
+    opacity: 0;
+    /* 可以添加透明度效果增强视觉体验 */
+    padding-top: 0;
+    padding-bottom: 0;
   }
 }
 </style>

package/components/search/src/index.tsx

@@ -0,0 +1,172 @@
+import {
+  ref,
+  computed,
+  defineComponent,
+} from "vue";
+
+import { CForm, CDrawer } from "@elementplus-kit/uikit";
+import { ArrowUpBold } from "@element-plus/icons-vue";
+import '../style/index.scss';
+
+export default defineComponent({
+  props: {
+    modelValue: {
+      type: Object,
+      default: {}
+    },
+    formOptions: {
+      type: Array,
+      default: () => []
+    },
+    isDrawer: {
+      type: Boolean,
+      default: false
+    },
+  },
+  emits: ['update:modelValue', 'search', 'reset', 'close'],
+
+  setup(props, { emit, slots, attrs, expose }) {
+    // 自己的 slot
+    const slotsList = ["active", "btn-left", "btn-right"];
+    // console.log('slots', slots);
+    // console.log('attrs', attrs);
+    // 解析 attrs 中的事件
+    const getEvent = () => {
+      let formObj: any = {};
+      Object.keys(attrs)?.forEach((name) => {
+        if (name.indexOf("on") === 0) {
+          formObj[name] = attrs[name];
+        }
+      })
+      return formObj
+    };
+
+    // 解析插槽
+    const getSlot = () => {
+      let formObj = {};
+      Object.keys(slots).forEach((key) => {
+        if (!slotsList.includes(key)) {
+          formObj[key] = slots[key];
+        }
+      });
+      return formObj
+    };
+
+    // 搜索
+    const handleSearch = () => {
+      emit("search");
+      showSearchForm.value = false;
+    };
+    // 重置
+    const handleReset = () => {
+      emit("reset");
+    };
+    // 关闭
+    const handleClose = () => {
+      showSearchForm.value = false;
+      emit("close");
+    };
+
+    const showCountC = computed(() => {
+      return props.showCount;
+    });
+
+    const showCount = ref(3); // 显示个数
+    const showSearchForm = ref(false); // 显示搜索表单
+    const handleShow = () => {
+      showSearchForm.value = !showSearchForm.value;
+    };
+    return () => (
+      <div className="c-search">
+        <div className="c-search-simple">
+          <div className="c-search-simple-form">
+            <CForm
+              {...getEvent()}
+              inline
+              model={props.modelValue}
+              formOptions={props.formOptions?.filter(
+                (item, index) => index < showCount.value
+              )}
+              ref="formRef"
+            >
+              {getSlot()}
+            </CForm>
+          </div>
+          <div className="c-search-simple-btn">
+            {slots["btn-left"]?.()}
+            {showCount.value < props.formOptions?.length && (
+              <div
+                className={
+                  `c-search-simple-icon ${showSearchForm.value ? "icon-rotate" : ""}`
+                }
+                onClick={handleShow}
+              >
+                <el-icon className="el-icon c-search-icon">
+                  <ArrowUpBold />
+                </el-icon>
+              </div>
+            )}
+            <el-button type="primary" onClick={handleSearch}>
+              搜索
+            </el-button>
+            <el-button type="primary" onClick={handleReset}>
+              重置
+            </el-button>
+            {slots["btn-right"]?.()}
+          </div>
+        </div>
+
+        {/* 下拉悬浮 */}
+        {!props.isDrawer && showSearchForm.value && (
+          <transition name="search-form-transition">
+            <el-card className="c-search-form el-card is-always-shadow">
+              <CForm
+                {...getEvent()}
+                inline
+                model={props.modelValue}
+                formOptions={props.formOptions.filter(
+                  (item, index) => index >= showCount.value
+                )}
+                ref="formRef"
+              >
+                {getSlot()}
+              </CForm>
+              <div style="text-align: right;">
+                <el-button type="primary" onClick={handleSearch}>
+                  搜索
+                </el-button>
+                <el-button type="primary" onClick={handleClose}>
+                  关闭
+                </el-button>
+              </div>
+            </el-card>
+          </transition>
+        )}
+
+        {props.isDrawer && (
+          <CDrawer title="搜索" v-model={showSearchForm.value} size="660px">
+            <CForm
+              {...getEvent()}
+              col={12}
+              model={props.modelValue}
+              formOptions={props.formOptions.filter(
+                (item, index) => index >= showCount.value
+              )}
+              ref="formRef"
+            >
+              {getSlot()}
+            </CForm>
+            <div style="text-align: right;">
+              <el-button type="primary" onClick={handleSearch}>
+                搜索
+              </el-button>
+              <el-button type="primary" onClick={handleClose}>
+                关闭
+              </el-button>
+            </div>
+          </CDrawer>
+        )}
+      </div>
+    )
+  },
+})

package/components/search/style/index.scss

@@ -0,0 +1,93 @@
+.search-btn {
+  margin-right: 20px;
+  margin-left: auto;
+}
+
+.c-search {
+  position: relative;
+  height: 50px;
+
+  .c-search-simple {
+    display: flex;
+    justify-content: space-between;
+  }
+
+  .c-search-simple-btn {
+    display: flex;
+    margin-left: auto;
+  }
+
+  .c-search-simple-icon {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+    height: 32px;
+    width: 32px;
+    margin-right: 10px;
+    border-radius: 4px;
+    background-color: #409eff;
+    transition: all 0.2s;
+
+    &:hover {
+      background-color: rgb(121, 187, 255);
+    }
+
+    &:active {
+      background-color: rgb(51, 126, 204);
+    }
+  }
+
+  .c-search-icon {
+    // 添加鼠标悬停效果
+    color: #fff;
+    transition: all 0.2s;
+  }
+
+  .icon-rotate {
+    background-color: rgb(51, 126, 204);
+    .c-search-icon {
+      transform: rotate(180deg);
+    }
+  }
+
+  .c-search-form {
+    width: 100%;
+    position: absolute;
+    top: 50px;
+    left: 0;
+    overflow: hidden;
+    z-index: 10;
+    background-color: #fff;
+  }
+}
+
+/* 下拉动画效果 */
+.search-form-transition {
+  &-enter-active,
+  &-leave-active {
+    transition: all 0.3s ease;
+    /* 动画过渡时间和缓动函数 */
+    overflow: hidden;
+    max-height: 500px;
+    /* 确保足够大的最大高度以容纳内容 */
+  }
+
+  &-enter-from {
+    max-height: 0;
+    /* 入场开始时高度为0 */
+    opacity: 0;
+    /* 可以添加透明度效果增强视觉体验 */
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+
+  &-leave-to {
+    max-height: 0;
+    /* 出场结束时高度为0 */
+    opacity: 0;
+    /* 可以添加透明度效果增强视觉体验 */
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+}

package/components/table/src/index.ts

@@ -1,12 +1,210 @@
-import { defineComponent } from "vue";
-import render from "./render.ts";
+import {
+  defineComponent,
+  h,
+  getCurrentInstance,
+  type ExtractPropTypes,
+} from "vue";
+import { ElTable, ElTableColumn } from "element-plus";
+import {
+  defaultAttrs,
+  tableSlots,
+  tablecolumnSlots,
+  selectionColumn,
+  indexColumn,
+} from "./constants.ts";
+import { isArray, isObject } from "lodash-es";
+const propsAttrs = {
+  module: {
+    // 公共参数用于业务判断
+    type: Object,
+    default: () => {},
+  },
+  // isRadio: { // 是否为单选框
+  //   type: Boolean,
+  //   default: false,
+  // },
+  // isCheckbox: { // 是否为复选框
+  //   type: Boolean,
+  //   default: false,
+  // },
+  columns: {
+    // 列数据
+    type: Array,
+    default: () => [],
+  },
+  showSelection: {
+    // 是否显示选择列
+    type: Boolean,
+    default: false,
+  },
+  showIndex: {
+    // 是否显示索引列
+    type: Boolean,
+    default: false,
+  },
+};
+
+export type PropsAttrs = ExtractPropTypes<typeof propsAttrs>;
 
 export default defineComponent({
-  props: ["schema", "data"],
-  emits: [],
-  setup(props: any, { attrs, emit, slots, expose }) {
-    return () => {
-      return render(props.schema, props.data, emit, slots);
+  props: propsAttrs,
+  // emits: eventList,
+
+  // attrs, emit会继承, slots需要设置
+  setup(props: PropsAttrs, { attrs, emit, slots, expose }) {
+    // 暴露elTable组件上的方法
+    const vm = getCurrentInstance(); // 获取虚拟DOM实例
+    const cTableFnRef = (el) => {
+      if (!el) return;
+      vm.exposed = el; // 设置暴露对象
+      vm.exposeProxy = el; // 设置代理暴露对象
+    };
+
+    // 暴露方法
+    expose({
+      // tableRef,
+    });
+
+    // 属性处理
+    const getAttrs = () => {
+      const obj = {
+        ...defaultAttrs, // 设置默认值
+      };
+      return obj;
+    };
+    // 事件处理
+    const getEvents = () => {
+      const obj = {
+        ...defaultAttrs, // 设置默认值
+      };
+      return obj;
+    };
+
+    // 处理列数据-数组
+    const getArrayColumn = () => {
+      console.log("adsadsd");
+      // 递归处理数据
+      const list = [];
+
+      const c = (columns, list) => {
+        columns?.map((item) => {
+          const { children, ...p } = item;
+          // 递归处理子列
+          if (isArray(item.children)) {
+            item.children = c(item.children, list);
+          }
+          list.push(p);
+        });
+      };
+      c(props.columns, list);
+      console.log("🚀 ~ gggggggg:", list);
+      return list;
+    };
+
+    // 渲染表格列
+    const renderTableColumn = () => {
+      const list = [];
+      // 处理多选与序号列
+      if (props.showSelection) {
+        list.push(
+          h(ElTableColumn, {
+            type: "selection",
+            width: 55,
+          })
+        );
+      }
+      if (props.showIndex) {
+        list.push(
+          h(ElTableColumn, {
+            label: "序号",
+            type: "index",
+            width: 55,
+          })
+        );
+      }
+
+      // 列递归渲染
+      const rColumn = (columns, list) => {
+        columns.map((item) => {
+          const { children, ...p } = item;
+
+          // 处理多级表头
+          const listSub = [];
+          if (children?.length) {
+            rColumn(children, listSub);
+          }
+
+          // 处理插槽
+          const itemSlot = {};
+          // column 自带插槽
+          tablecolumnSlots.map((name) => {
+            const slotName = `${item.prop}.${name}`;
+            if (slots[slotName]) {
+              itemSlot[name] = slots[slotName];
+            }
+          });
+
+          // column 列插槽
+          if (slots[item.prop]) {
+            itemSlot["default"] = slots[item.prop];
+          }
+
+          // 赋值
+          if (Object.keys(itemSlot).length) {
+            list.push(
+              h(
+                ElTableColumn,
+                { ...p, class: "c-table-column" },
+                listSub.length
+                  ? { ...itemSlot, default: () => listSub }
+                  : { ...itemSlot }
+              )
+            );
+          } else {
+            list.push(
+              h(
+                ElTableColumn,
+                { ...p, class: "c-table-column" },
+                listSub.length ? { default: () => listSub } : undefined
+              )
+            );
+          }
+        });
+      };
+      rColumn(props.columns, list);
+      return list;
+    };
+
+    // 插槽处理
+    const getSlots = () => {
+      const obj = {};
+      tableSlots.map((name) => {
+        if (slots[name]) {
+          obj[name] = slots[name];
+        }
+      });
+      return obj;
+    };
+    // 渲染表格组件
+    const renderTable = () => {
+      // getColumnList();
+      console.log("props", props);
+      console.log("attrs", attrs);
+      return h(
+        ElTable,
+        {
+          ref: cTableFnRef,
+          ...attrs,
+          class: "c-table",
+        },
+        {
+          default: () => renderTableColumn(),
+          ...getSlots(),
+        }
+      );
     };
+
+    // 返回渲染函数
+    return () => renderTable();
   },
 });

package/components/table2/src/index.ts

@@ -1,210 +1,12 @@
-import {
-  defineComponent,
-  h,
-  getCurrentInstance,
-  type ExtractPropTypes,
-} from "vue";
-import { ElTable, ElTableColumn } from "element-plus";
-import {
-  defaultAttrs,
-  tableSlots,
-  tablecolumnSlots,
-  selectionColumn,
-  indexColumn,
-} from "./constants.ts";
-import { isArray, isObject } from "lodash-es";
-const propsAttrs = {
-  module: {
-    // 公共参数用于业务判断
-    type: Object,
-    default: () => {},
-  },
-  // isRadio: { // 是否为单选框
-  //   type: Boolean,
-  //   default: false,
-  // },
-  // isCheckbox: { // 是否为复选框
-  //   type: Boolean,
-  //   default: false,
-  // },
-  columns: {
-    // 列数据
-    type: Array,
-    default: () => [],
-  },
-  showSelection: {
-    // 是否显示选择列
-    type: Boolean,
-    default: false,
-  },
-  showIndex: {
-    // 是否显示索引列
-    type: Boolean,
-    default: false,
-  },
-};
-
-export type PropsAttrs = ExtractPropTypes<typeof propsAttrs>;
+import { defineComponent } from "vue";
+import render from "./render.ts";
 
 export default defineComponent({
-  props: propsAttrs,
-  // emits: eventList,
-
-  // attrs, emit会继承, slots需要设置
-  setup(props: PropsAttrs, { attrs, emit, slots, expose }) {
-    // 暴露elTable组件上的方法
-    const vm = getCurrentInstance(); // 获取虚拟DOM实例
-    const cTableFnRef = (el) => {
-      if (!el) return;
-      vm.exposed = el; // 设置暴露对象
-      vm.exposeProxy = el; // 设置代理暴露对象
-    };
-
-    // 暴露方法
-    expose({
-      // tableRef,
-    });
-
-    // 属性处理
-    const getAttrs = () => {
-      const obj = {
-        ...defaultAttrs, // 设置默认值
-      };
-      return obj;
-    };
-    // 事件处理
-    const getEvents = () => {
-      const obj = {
-        ...defaultAttrs, // 设置默认值
-      };
-      return obj;
-    };
-
-    // 处理列数据-数组
-    const getArrayColumn = () => {
-      console.log("adsadsd");
-      // 递归处理数据
-      const list = [];
-
-      const c = (columns, list) => {
-        columns?.map((item) => {
-          const { children, ...p } = item;
-          // 递归处理子列
-          if (isArray(item.children)) {
-            item.children = c(item.children, list);
-          }
-          list.push(p);
-        });
-      };
-      c(props.columns, list);
-      console.log("🚀 ~ gggggggg:", list);
-      return list;
-    };
-
-    // 渲染表格列
-    const renderTableColumn = () => {
-      const list = [];
-      // 处理多选与序号列
-      if (props.showSelection) {
-        list.push(
-          h(ElTableColumn, {
-            type: "selection",
-            width: 55,
-          })
-        );
-      }
-      if (props.showIndex) {
-        list.push(
-          h(ElTableColumn, {
-            label: "序号",
-            type: "index",
-            width: 55,
-          })
-        );
-      }
-
-      // 列递归渲染
-      const rColumn = (columns, list) => {
-        columns.map((item) => {
-          const { children, ...p } = item;
-
-          // 处理多级表头
-          const listSub = [];
-          if (children?.length) {
-            rColumn(children, listSub);
-          }
-
-          // 处理插槽
-          const itemSlot = {};
-          // column 自带插槽
-          tablecolumnSlots.map((name) => {
-            const slotName = `${item.prop}.${name}`;
-            if (slots[slotName]) {
-              itemSlot[name] = slots[slotName];
-            }
-          });
-
-          // column 列插槽
-          if (slots[item.prop]) {
-            itemSlot["default"] = slots[item.prop];
-          }
-
-          // 赋值
-          if (Object.keys(itemSlot).length) {
-            list.push(
-              h(
-                ElTableColumn,
-                { ...p, class: "c-table-column" },
-                listSub.length
-                  ? { ...itemSlot, default: () => listSub }
-                  : { ...itemSlot }
-              )
-            );
-          } else {
-            list.push(
-              h(
-                ElTableColumn,
-                { ...p, class: "c-table-column" },
-                listSub.length ? { default: () => listSub } : undefined
-              )
-            );
-          }
-        });
-      };
-      rColumn(props.columns, list);
-      return list;
-    };
-
-    // 插槽处理
-    const getSlots = () => {
-      const obj = {};
-      tableSlots.map((name) => {
-        if (slots[name]) {
-          obj[name] = slots[name];
-        }
-      });
-      return obj;
-    };
-    // 渲染表格组件
-    const renderTable = () => {
-      // getColumnList();
-      console.log("props", props);
-      console.log("attrs", attrs);
-      return h(
-        ElTable,
-        {
-          ref: cTableFnRef,
-          ...attrs,
-          class: "c-table",
-        },
-        {
-          default: () => renderTableColumn(),
-          ...getSlots(),
-        }
-      );
+  props: ["schema", "data"],
+  emits: [],
+  setup(props: any, { attrs, emit, slots, expose }) {
+    return () => {
+      return render(props.schema, props.data, emit, slots);
     };
-
-    // 返回渲染函数
-    return () => renderTable();
   },
 });

package/components/{table → table2}/src/types.ts

@@ -1,39 +1,39 @@
-export interface FormItemListItem {
-  type: string
-  label?: string
-  prop: string
-  required?: Boolean
-  vIf?: boolean | ((item: FormItemListItem) => boolean)
-  dictType?: string
-  options?: Array<Object>
-  col?: Number
-  formItem?: Object
-  attrs?: Object
-}
-
-export interface FormItemList {
-  module: Object
-  formOpsions: FormItemListItem[]
-  readonly: boolean
-}
-
-export type formType =
-  | 'input'
-  | 'textarea'
-  | 'input-number'
-  | 'select'
-  | 'select-v2'
-  | 'cascader'
-  | 'tree-select'
-  | 'radio'
-  | 'checkbox'
-  | 'time-select'
-  | 'date-picker'
-  | 'time-picker'
-  | 'rate'
-  | 'color-picker'
-  | 'slider'
-  | 'switch'
-  | 'text'
-  | 'html'
-  | 'slot'
+export interface FormItemListItem {
+  type: string
+  label?: string
+  prop: string
+  required?: Boolean
+  vIf?: boolean | ((item: FormItemListItem) => boolean)
+  dictType?: string
+  options?: Array<Object>
+  col?: Number
+  formItem?: Object
+  attrs?: Object
+}
+
+export interface FormItemList {
+  module: Object
+  formOpsions: FormItemListItem[]
+  readonly: boolean
+}
+
+export type formType =
+  | 'input'
+  | 'textarea'
+  | 'input-number'
+  | 'select'
+  | 'select-v2'
+  | 'cascader'
+  | 'tree-select'
+  | 'radio'
+  | 'checkbox'
+  | 'time-select'
+  | 'date-picker'
+  | 'time-picker'
+  | 'rate'
+  | 'color-picker'
+  | 'slider'
+  | 'switch'
+  | 'text'
+  | 'html'
+  | 'slot'

package/components//346/250/241/346/235/277/ttt.ts

@@ -5,6 +5,7 @@ import {
   toRefs,
   getCurrentInstance,
   provide,
+  defineComponent,
   type ExtractPropTypes,
   type PropType,
 } from 'vue'
@@ -22,7 +23,7 @@ const propsAttrs = {
 
 export type PropsAttrs = ExtractPropTypes<typeof propsAttrs>
 
-export default {
+export default defineComponent({
   props: propsAttrs,
   emits: [...getEmits()],
   setup(props: PropsAttrs, { attrs: $attrs, emit, slots, expose }) {
@@ -62,4 +63,4 @@ export default {
     // 返回渲染函数
     return () => renderForm()
   },
-}
+})

package/components//346/250/241/346/235/277/ttt.vue

@@ -0,0 +1,18 @@
+<template>
+  <div class="xxx">
+    
+  </div>
+</template>
+<script setup lang="ts">
+import { ref, computed, useAttrs, useSlots, defineModel } from 'vue'
+import { ArrowUpBold } from '@element-plus/icons-vue'
+const props = defineProps({
+  formOptions: {
+    type: Array,
+    default: () => []
+  },
+})
+const emit = defineEmits(['search', 'reset', 'close'])
+
+</script>
+<style scoped lang="scss"></style>

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@elementplus-kit/uikit",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "",
-  "main": "./components/index.js",
+  "main": "./components/index.ts",
   "peerDependencies": {
     "element-plus": "^2.0.0",
     "vue": "^3.0.0"