@elementplus-kit/uikit 1.4.0 → 1.6.0

package/components/table/src/index3.ts

@@ -1,233 +0,0 @@
-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";
-import TableColumn from "./TableColumn.vue"
-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: propsAttrs,
-  // emits: eventList,
-
-  // attrs, emit会继承, slots需要设置
-  setup(props: PropsAttrs, { attrs, emit, slots, expose }) {
-    provide("tableContext", {
-      tableSlots: slots,
-      events: (eProp, ...args: any) => {
-        emit(eProp, ...args);
-      },
-    });
-    // 暴露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 getSlots = () => {
-      const obj = {};
-      tableSlots.map((name) => {
-        if (slots[name]) {
-          obj[name] = slots[name];
-        }
-      });
-      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 renderTableColumn = () => {
-      const list = []
-      const rTableColumn = (columnsList, list) => {
-        
-      }
-      columns.map((item) => {
-        
-        const { children, ...p } = item;
-        // 递归处理子列
-        if (isArray(item.children)) {
-          item.children = renderTableColumn(item.children);
-        }
-      })
-    }
-    
-    TableColumn
-    // 渲染表格组件
-    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/table/src/tableDictLabel.vue

@@ -1,21 +0,0 @@
-<template>
-    {{ label }}
-</template>
-<script setup lang="ts">
-import { computed, PropType } from 'vue'
-const props = defineProps({
-    options: {
-        type: Array,
-        default: () => []
-    },
-    value: {
-        type: String as PropType<any>,
-        default: ''
-    },
-})
-const label = computed(() => {
-    // 处理value为数字的情况 后端字典都是字符串
-    const item = props.options?.find((item) => item.value == props.value.toString());
-    return item?.label || props.value;
-});
-</script>

package/components/table/src/tableaa.ts

@@ -1,71 +0,0 @@
-// import { ref, h, computed, toRefs, type ExtractPropTypes } from "vue";
-// import { ElTable, ElTableColumn } from "element-plus";
-// import { defaultAttrs } from "./constants.ts";
-
-// const propsAttrs = {};
-
-// export type PropsAttrs = ExtractPropTypes<typeof propsAttrs>;
-
-// export default {
-//   // props: propsAttrs,
-//   // emits: eventList,
-
-//   // attrs, emit会继承, slots需要设置
-//   setup(props: PropsAttrs, { attrs, emit, slots, expose }) {
-//     // const drawerRef = ref();
-
-//     // 暴露方法
-//     // expose({
-//     //   drawerRef,
-//     // });
-
-//     // 属性处理
-//     const getTAttrs = () => {
-//       const obj = {
-//         ...defaultAttrs, // 设置默认值
-//       };
-//       return obj;
-//     };
-//     // 事件处理
-//     const getEvents = () => {
-//       const obj = {
-//         ...defaultAttrs, // 设置默认值
-//       };
-//       return obj;
-//     };
-//     // 插槽处理
-//     const getSlots = () => {
-//       const obj = {
-//         ...defaultAttrs, // 设置默认值
-//       };
-//       return obj;
-//     };
-//      const renderTableColumn = () => {
-//       return h(
-//         ElTableColumn,
-//         {
-//           // ref: drawerRef,
-//           ...getAttrs(),
-//           class: "c-drawer",
-//         },
-//         slots
-//       );
-//     };
-
-//     // 渲染表格组件
-//     const renderTable = () => {
-//       return h(
-//         ElTable,
-//         {
-//           // ref: drawerRef,
-//           ...getAttrs(),
-//           class: "c-drawer",
-//         },
-//         slots
-//       );
-//     };
-
-//     // 返回渲染函数
-//     return () => renderTable();
-//   },
-// };

package/components/table2/index.ts

@@ -1,4 +0,0 @@
-import Table2 from "./src/index";
-export * from "./src/index";
-export { Table2 };
-export default Table2;

package/components/table2/src/config.ts

@@ -1,5 +0,0 @@
-export const TABLE_CONFIG = {
-  OPERATION_COL_LABEL: '操作',
-  OPERATION_SLOT_NAME: 'custom',
-  CHILDREN_SLOT_KEY: 'children'
-}

package/components/table2/src/index.ts

@@ -1,12 +0,0 @@
-import { defineComponent } from "vue";
-import render from "./render.ts";
-
-export default defineComponent({
-  props: ["schema", "data"],
-  emits: [],
-  setup(props: any, { attrs, emit, slots, expose }) {
-    return () => {
-      return render(props.schema, props.data, emit, slots);
-    };
-  },
-});

package/components/table2/src/render.ts

@@ -1,136 +0,0 @@
-import { h } from "vue";
-import { ElTable, ElTableColumn } from "element-plus";
-import _ from "lodash-es";
-import { TABLE_CONFIG } from "./config.ts";
-
-function render(schema: any, data: any, emit: any, slots: any) {
-  const renderSlots = {
-    default: () => {
-      return buildSlots(schema, slots);
-    },
-  };
-  return h(ElTable, { data, class: "c-table" }, renderSlots);
-}
-
-function buildSlots(schema: any, slots: any) {
-  const children: any[] = [];
-  // 渲染表格列子组件
-  if (_.isObject(schema)) {
-    let columnsKeys = Object.keys(schema);
-    columnsKeys.forEach((columnKey) => {
-      let colSchema = schema[columnKey];
-      let colSlots = slots[columnKey];
-      // 如果有列表头插槽
-      if (slots[`${columnKey}.header`]) {
-        let props = buildColumnProps(columnKey, colSchema);
-        let headerSlot = {
-          header: (scope: any) => {
-            // 调用插槽函数才能传参
-            return slots[`${columnKey}.header`](scope);
-          },
-        };
-        if (slots[columnKey]) {
-          headerSlot.default = (scope: any) => {
-            return [slots[columnKey](scope)];
-          };
-        }
-        children.push(h(ElTableColumn, props, headerSlot));
-      } else {
-        children.push(buildColumns(columnKey, colSchema, colSlots, slots));
-      }
-    });
-  }
-
-  // 额外插槽处理
-  // 增加插槽式操作栏 判断是否有操作列名称的插槽
-  if (slots[TABLE_CONFIG.OPERATION_SLOT_NAME]) {
-    // 如果有列表头插槽
-    let scopeProp = { label: TABLE_CONFIG.OPERATION_COL_LABEL };
-
-    if (slots[`${TABLE_CONFIG.OPERATION_SLOT_NAME}.header`]) {
-      let headerSlot = {
-        header: (scope: any) => {
-          // 调用插槽函数才能传参
-          return slots[`${TABLE_CONFIG.OPERATION_SLOT_NAME}.header`](scope);
-        },
-        default: (scope: any) => {
-          return [slots[TABLE_CONFIG.OPERATION_SLOT_NAME](scope)];
-        },
-      };
-      children.push(h(ElTableColumn, scopeProp, headerSlot));
-    } else {
-      let scopeSlots = {
-        default: (scope: any) => {
-          return [slots[TABLE_CONFIG.OPERATION_SLOT_NAME](scope)];
-        },
-      };
-      children.push(h(ElTableColumn, scopeProp, scopeSlots));
-    }
-  }
-  return children;
-}
-
-function buildColumns(
-  columnKey: any,
-  option: any,
-  slots: any,
-  globalSlots: any
-) {
-  // 组装props
-  let props = buildColumnProps(columnKey, option);
-  // 过滤出 children 多级表头配置 消除vue警告
-  delete props[TABLE_CONFIG.CHILDREN_SLOT_KEY];
-
-  let renderSlotsArr = [];
-  // 多级表头组合
-  if (
-    option[TABLE_CONFIG.CHILDREN_SLOT_KEY] &&
-    _.isObject(option[TABLE_CONFIG.CHILDREN_SLOT_KEY])
-  ) {
-    let scopeOption = option[TABLE_CONFIG.CHILDREN_SLOT_KEY];
-    if (_.isObject(scopeOption)) {
-      let columnsKeys = Object.keys(scopeOption);
-      columnsKeys.forEach((columnKey) => {
-        let colSchema = scopeOption[columnKey];
-        let colSlots = globalSlots[columnKey];
-        renderSlotsArr.push(
-          buildColumns(columnKey, colSchema, colSlots, globalSlots)
-        );
-      });
-    }
-  }
-
-  let renderSlots = () => [];
-
-  if (slots) {
-    renderSlots = {
-      default: (scope) => {
-        return [...renderSlotsArr, slots(scope)];
-      },
-    };
-  } else {
-    renderSlots = {
-      default: () => {
-        return [...renderSlotsArr];
-      },
-    };
-  }
-
-  return h(ElTableColumn, props, renderSlots);
-}
-
-function buildColumnProps(key: string, option: any) {
-  if (_.isString(option)) {
-    return {
-      prop: key,
-      label: option,
-    };
-  } else if (_.isObject(option)) {
-    return {
-      prop: key,
-      ...option,
-    };
-  }
-}
-
-export default render;

package/components/table2/src/types.ts

@@ -1,39 +0,0 @@
-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/index.tsx

@@ -1,57 +0,0 @@
-import {
-  ref,
-  computed,
-  defineComponent,
-} from "vue";
-
-// import { CForm, CDrawer } from "@elementplus-kit/uikit";
-// 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
-    // };
-    return () => (
-      <div className="xxxxxxx">xxxxxxx</div>
-    )
-  },
-})

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

@@ -1,66 +0,0 @@
-import {
-  ref,
-  h,
-  computed,
-  toRefs,
-  getCurrentInstance,
-  provide,
-  defineComponent,
-  type ExtractPropTypes,
-  type PropType,
-} from 'vue'
-import { ElConfigProvider, ElForm, ElRow, ElCol } from 'element-plus'
-import zhCn from 'element-plus/es/locale/lang/zh-cn'
-import { get, has, isArray, isBoolean, isFunction, isNumber } from 'lodash-es'
-
-
-const propsAttrs = {
-  // 表单数据
-  model: { type: Object, default: () => ({}) },
-  // 表单项
-  formOptions: { type: Array, default: () => [] },
-}
-
-export type PropsAttrs = ExtractPropTypes<typeof propsAttrs>
-
-export default defineComponent({
-  props: propsAttrs,
-  emits: [...getEmits()],
-  setup(props: PropsAttrs, { attrs: $attrs, emit, slots, expose }) {
-
-    // 暴露方法
-    expose({
-      optionsRef,
-    })
-
-    // 解构props
-    const { model, formOptions, readonly, gutter, col } = toRefs(props)
-
-    // 渲染表单
-    const renderForm = () => {
-      return h(
-        ElConfigProvider,
-        {
-          locale: zhCn,
-        },
-        {
-          default: () =>
-            h(
-              ElForm,
-              {
-                ref: cFormFnRef,
-                ...$attrs,
-                class: allReadonly.value ? 'isReadonly c-form' : 'c-form', // 放在 $attrs 后面可自动合并 放在 $attrs 前面会被 $attrs.class 覆盖， h函数渲染的是标签就会覆盖 是组件就会合并不用管顺序
-              },
-              {
-                default: () => renderRow(),
-              },
-            ),
-        },
-      )
-    }
-
-    // 返回渲染函数
-    return () => renderForm()
-  },
-})

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

@@ -1,18 +0,0 @@
-<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/index.ts

@@ -1,2 +0,0 @@
-//  import c from './components/index.ts'
-// export default c