easy-elplus 1.0.0

package/lib/packages/components/table/src/table.vue.js

@@ -0,0 +1,361 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var iconsVue = require('@element-plus/icons-vue');
+var scrollTo = require('./scrollTo.js');
+var shared_esmBundler = require('../../../../node_modules/.pnpm/@vue_shared@3.5.27/node_modules/@vue/shared/dist/shared.esm-bundler.js');
+var type = require('../../../utils/type.js');
+require('./table.vue2.js');
+var _pluginVue_exportHelper = require('../../../../_virtual/_plugin-vue_export-helper.js');
+
+const _hoisted_1 = { class: "table-container" };
+const _hoisted_2 = { class: "table" };
+const _hoisted_3 = { key: 0 };
+const _hoisted_4 = ["innerHTML"];
+const _hoisted_5 = ["innerHTML"];
+const _hoisted_6 = { class: "operate-group" };
+
+
+const _sfc_main = /*@__PURE__*/Object.assign({ name: "EasyTable" }, {
+  __name: 'table',
+  props: {
+  columns: { type: Array, default: () => [] },
+  tableData: { type: Array, default: () => [] },
+  total: { type: Number, default: 0 },
+  page: { type: Number, default: 1 },
+  options: {
+    type: Object,
+    default: () => ({ stripe: false, highlightCurrentRow: false, border: true })
+  },
+  limit: { type: Number, default: 20 },
+  pageSizes: { type: Array, default: () => [10, 20, 30, 50] },
+  pagerCount: {
+    type: Number,
+    default: () => (typeof document !== "undefined" && document.body.clientWidth < 992 ? 5 : 7)
+  },
+  layout: { type: String, default: "total, sizes, prev, pager, next, jumper" },
+  background: { type: Boolean, default: true },
+  autoScroll: { type: Boolean, default: true },
+  hidden: { type: Boolean, default: false },
+  operates: { type: Object, default: () => ({ list: [] }) },
+  paginationPosition: { type: String, default: "right" }
+},
+  emits: ["update:page", "update:limit", "pagination", "sortChange", "handleSelectionChange"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+
+
+
+const props = __props;
+
+const emit = __emit;
+
+const slots = vue.useSlots();
+const iTableRef = vue.ref(null);
+const processedHeaders = vue.ref([]);
+
+/** 1. 逻辑优化：使用 watch 监听 columns 变化，避免在 onBeforeUpdate 中过度计算 **/
+vue.watch(
+  () => [props.columns, slots],
+  () => {
+    processedHeaders.value = props.columns.map(column => {
+      const col = { ...column };
+      if (!col.key) col.key = col.prop;
+
+      // 匹配插槽逻辑保持不变
+      Object.keys(slots).forEach(key => {
+        const res = key.match(/^(\S+)-(\S+)/);
+
+        if (res && res[2] === col.key) {
+          col.slot = { ...col.slot, [res[1]]: res[0] };
+        }
+      });
+
+      return col
+    });
+  },
+  { immediate: true, deep: true }
+);
+
+/** 2. 工具函数 **/
+
+// 计算表头宽度
+const headSpanFit = column => {
+  const labelLen = column?.label?.length || 0;
+  return Math.max(labelLen * 20, 100)
+};
+
+// 判断列是否显示
+const isColumnVisible = column => {
+  if (shared_esmBundler.isFunction(column.show)) return column.show()
+  return column.show !== false
+};
+
+// 获取渲染内容
+const getRenderContent = (column, scope) => {
+  return shared_esmBundler.isFunction(column.render) ? column.render(scope) : column.render
+};
+
+// 获取可见按钮
+const getVisibleButtons = row => {
+  const list = (props.operates?.list || []).filter(item => {
+    return shared_esmBundler.isFunction(item.show) ? item.show(row) : item.show !== false
+  });
+  return list.length > 3
+    ? {
+        outside: list.slice(0, 2),
+        inside: list.slice(2)
+      }
+    : {
+        outside: list,
+        inside: []
+      }
+};
+
+/** 3. 分页计算属性 **/
+// 当前页码
+const currentPage = vue.computed({
+  get: () => props.page,
+  set: val => emit("update:page", val)
+});
+
+// 每页条数
+const pageSize = vue.computed({
+  get: () => props.limit,
+  set: val => emit("update:limit", val)
+});
+
+// 分页对齐方式
+const paginationJustify = vue.computed(() => {
+  const map = { left: "flex-start", center: "center", right: "flex-end" };
+  return map[props.paginationPosition] || "flex-end"
+});
+
+/** 4. 事件处理 **/
+// 改变每页条数
+const handleSizeChange = val => {
+  if (currentPage.value * val > props.total) currentPage.value = 1;
+  emit("pagination", { page: currentPage.value, limit: val });
+  if (props.autoScroll) scrollTo.scrollTo(0, 800);
+};
+
+// 改变当前页
+const handleCurrentChange = val => {
+  emit("pagination", { page: val, limit: pageSize.value });
+  if (props.autoScroll) scrollTo.scrollTo(0, 800);
+};
+
+// 改变排序
+const sortChange = args => emit("sortChange", args);
+
+// 改变选择
+const handleSelectionChange = val => emit("handleSelectionChange", val);
+
+__expose({ iTableRef });
+
+return (_ctx, _cache) => {
+  const _component_el_table_column = vue.resolveComponent("el-table-column");
+  const _component_el_icon = vue.resolveComponent("el-icon");
+  const _component_el_button = vue.resolveComponent("el-button");
+  const _component_el_dropdown_item = vue.resolveComponent("el-dropdown-item");
+  const _component_el_dropdown_menu = vue.resolveComponent("el-dropdown-menu");
+  const _component_el_dropdown = vue.resolveComponent("el-dropdown");
+  const _component_el_table = vue.resolveComponent("el-table");
+  const _component_el_pagination = vue.resolveComponent("el-pagination");
+
+  return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+    vue.createElementVNode("div", _hoisted_2, [
+      vue.createVNode(_component_el_table, vue.mergeProps({
+        id: "iTable",
+        ref_key: "iTableRef",
+        ref: iTableRef,
+        data: __props.tableData
+      }, __props.options, {
+        height: "100%",
+        style: {"width":"100%"},
+        onSortChange: sortChange,
+        onSelectionChange: handleSelectionChange
+      }), {
+        default: vue.withCtx(() => [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(processedHeaders.value, (column, index) => {
+            return (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+              key: index + (column.prop || '')
+            }, [
+              (isColumnVisible(column))
+                ? (vue.openBlock(), vue.createBlock(_component_el_table_column, vue.mergeProps({
+                    key: 0,
+                    "min-width": headSpanFit(column)
+                  }, { ref_for: true }, column), vue.createSlots({ _: 2 /* DYNAMIC */ }, [
+                    vue.renderList(column.slot, (value, key) => {
+                      return {
+                        name: key,
+                        fn: vue.withCtx((scope) => [
+                          vue.renderSlot(_ctx.$slots, value, vue.mergeProps({ ref_for: true }, scope), undefined, true)
+                        ])
+                      }
+                    }),
+                    (!column.slot)
+                      ? {
+                          name: "default",
+                          fn: vue.withCtx((scope) => [
+                            vue.createCommentVNode(" 渲染render "),
+                            (column.render)
+                              ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                                  vue.createCommentVNode(" 如果render返回的是字符串 "),
+                                  (vue.unref(type.isString)(getRenderContent(column, scope)))
+                                    ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+                                        vue.createElementVNode("div", {
+                                          innerHTML: getRenderContent(column, scope)
+                                        }, null, 8 /* PROPS */, _hoisted_4)
+                                      ]))
+                                    : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                                        vue.createCommentVNode(" 如果render返回的是组件 "),
+                                        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(column.render), vue.mergeProps({ ref_for: true }, scope, {
+                                          row: scope.row,
+                                          index: scope.$index
+                                        }), null, 16 /* FULL_PROPS */, ["row", "index"]))
+                                      ], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */))
+                                ], 64 /* STABLE_FRAGMENT */))
+                              : (column.formatter)
+                                ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                                    vue.createCommentVNode(" 渲染formatter "),
+                                    vue.createElementVNode("span", {
+                                      innerHTML: column.formatter(scope.row, column)
+                                    }, null, 8 /* PROPS */, _hoisted_5)
+                                  ], 64 /* STABLE_FRAGMENT */))
+                                : (!column.type)
+                                  ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
+                                      vue.createCommentVNode(" 渲染默认内容 "),
+                                      vue.createElementVNode("span", null, vue.toDisplayString(scope.row[column.prop] ?? "--"), 1 /* TEXT */)
+                                    ], 64 /* STABLE_FRAGMENT */))
+                                  : vue.createCommentVNode("v-if", true)
+                          ]),
+                          key: "0"
+                        }
+                      : undefined
+                  ]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["min-width"]))
+                : vue.createCommentVNode("v-if", true)
+            ], 64 /* STABLE_FRAGMENT */))
+          }), 128 /* KEYED_FRAGMENT */)),
+          vue.createCommentVNode(" 操作列 "),
+          (__props.operates.list?.length)
+            ? (vue.openBlock(), vue.createBlock(_component_el_table_column, {
+                key: 0,
+                label: "操作",
+                align: "left",
+                width: __props.operates.width,
+                fixed: __props.operates.fixed
+              }, {
+                default: vue.withCtx((scope) => [
+                  vue.createElementVNode("div", _hoisted_6, [
+                    vue.createCommentVNode(" 渲染外部按钮 "),
+                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getVisibleButtons(scope.row).outside, (item, idx) => {
+                      return (vue.openBlock(), vue.createBlock(_component_el_button, vue.mergeProps({
+                        key: idx,
+                        ref_for: true
+                      }, item, {
+                        type: item.type || 'primary',
+                        size: item.size || 'small',
+                        onClick: vue.withModifiers($event => (item.method(scope.row, scope.$index)), ["stop"])
+                      }), {
+                        default: vue.withCtx(() => [
+                          vue.createTextVNode(vue.toDisplayString(item.label) + " ", 1 /* TEXT */),
+                          (item.icon)
+                            ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
+                                key: 0,
+                                class: "el-icon--right"
+                              }, {
+                                default: vue.withCtx(() => [
+                                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item.icon)))
+                                ]),
+                                _: 2 /* DYNAMIC */
+                              }, 1024 /* DYNAMIC_SLOTS */))
+                            : vue.createCommentVNode("v-if", true)
+                        ]),
+                        _: 2 /* DYNAMIC */
+                      }, 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["type", "size", "onClick"]))
+                    }), 128 /* KEYED_FRAGMENT */)),
+                    vue.createCommentVNode(" 渲染下拉按钮 "),
+                    (getVisibleButtons(scope.row).inside.length)
+                      ? (vue.openBlock(), vue.createBlock(_component_el_dropdown, {
+                          key: 0,
+                          class: "custom-dropdown",
+                          trigger: "click"
+                        }, {
+                          dropdown: vue.withCtx(() => [
+                            vue.createVNode(_component_el_dropdown_menu, null, {
+                              default: vue.withCtx(() => [
+                                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getVisibleButtons(scope.row).inside, (item, idx) => {
+                                  return (vue.openBlock(), vue.createBlock(_component_el_dropdown_item, vue.mergeProps({ key: idx }, { ref_for: true }, item, {
+                                    onClick: $event => (item.method(scope.row, scope.$index))
+                                  }), {
+                                    default: vue.withCtx(() => [
+                                      vue.createTextVNode(vue.toDisplayString(item.label), 1 /* TEXT */)
+                                    ]),
+                                    _: 2 /* DYNAMIC */
+                                  }, 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["onClick"]))
+                                }), 128 /* KEYED_FRAGMENT */))
+                              ]),
+                              _: 2 /* DYNAMIC */
+                            }, 1024 /* DYNAMIC_SLOTS */)
+                          ]),
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_button, {
+                              link: "",
+                              size: "small",
+                              class: "custom-text"
+                            }, {
+                              default: vue.withCtx(() => [
+                                vue.createVNode(_component_el_icon, { size: 18 }, {
+                                  default: vue.withCtx(() => [
+                                    vue.createVNode(vue.unref(iconsVue.MoreFilled))
+                                  ]),
+                                  _: 1 /* STABLE */
+                                })
+                              ]),
+                              _: 1 /* STABLE */
+                            })
+                          ]),
+                          _: 2 /* DYNAMIC */
+                        }, 1024 /* DYNAMIC_SLOTS */))
+                      : vue.createCommentVNode("v-if", true)
+                  ])
+                ]),
+                _: 1 /* STABLE */
+              }, 8 /* PROPS */, ["width", "fixed"]))
+            : vue.createCommentVNode("v-if", true)
+        ]),
+        _: 3 /* FORWARDED */
+      }, 16 /* FULL_PROPS */, ["data"])
+    ]),
+    vue.createCommentVNode(" 分页 "),
+    (!__props.hidden)
+      ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          class: "pagination-container",
+          style: vue.normalizeStyle({ justifyContent: paginationJustify.value })
+        }, [
+          vue.createVNode(_component_el_pagination, {
+            "current-page": currentPage.value,
+            "onUpdate:currentPage": _cache[0] || (_cache[0] = $event => ((currentPage).value = $event)),
+            "page-size": pageSize.value,
+            "onUpdate:pageSize": _cache[1] || (_cache[1] = $event => ((pageSize).value = $event)),
+            background: __props.background,
+            layout: __props.layout,
+            "page-sizes": __props.pageSizes,
+            "pager-count": __props.pagerCount,
+            total: __props.total,
+            onSizeChange: handleSizeChange,
+            onCurrentChange: handleCurrentChange
+          }, null, 8 /* PROPS */, ["current-page", "page-size", "background", "layout", "page-sizes", "pager-count", "total"])
+        ], 4 /* STYLE */))
+      : vue.createCommentVNode("v-if", true)
+  ]))
+}
+}
+
+});
+var table = /*#__PURE__*/_pluginVue_exportHelper.default(_sfc_main, [['__scopeId',"data-v-d1947650"]]);
+
+exports.default = table;

package/lib/packages/components/table/src/table.vue2.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var styleInject_es = require('../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js');
+
+var css_248z = ".table-container[data-v-d1947650] {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 400px;\n}\n.table-container .table[data-v-d1947650] {\n  flex: 1;\n  position: relative;\n}\n.table-container .table [data-v-d1947650] .el-table {\n  position: absolute;\n  height: 100%;\n}\n\n.pagination-container[data-v-d1947650] {\n  padding: 16px 0;\n  display: flex;\n}\n\n.operate-group[data-v-d1947650] {\n  display: flex;\n  align-items: center;\n}\n.operate-group .el-button + .el-button[data-v-d1947650],\n.operate-group .el-button + .custom-dropdown[data-v-d1947650] {\n  margin-left: 16px;\n  position: relative;\n}\n.operate-group .el-button + .el-button[data-v-d1947650]::before,\n.operate-group .el-button + .custom-dropdown[data-v-d1947650]::before {\n  content: \"\";\n  position: absolute;\n  left: -8px;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 1px;\n  height: 12px;\n  background-color: #dcdfe6;\n}\n.operate-group [data-v-d1947650] .custom-text {\n  color: #606266;\n  padding: 0;\n}\n.operate-group [data-v-d1947650] .custom-text:hover {\n  color: #409eff;\n}";
+styleInject_es.default(css_248z);

package/lib/packages/components/table/src/tableColumn.vue.js

@@ -0,0 +1,76 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var useDynamicComponent = require('../../../hooks/src/useDynamicComponent.js');
+var omit = require('../../../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/omit.js');
+
+const _sfc_main = /*@__PURE__*/Object.assign({
+  name: "EasyTableColumn"
+}, {
+  __name: 'tableColumn',
+  props: {
+  columns: {
+    type: Array,
+    default: () => []
+  }
+},
+  setup(__props) {
+
+
+
+const props = __props;
+
+const columns = vue.computed(() => {
+  return props.columns.filter(column => !column.hidden)
+});
+
+const { getComponent } = useDynamicComponent.useDynamicComponent();
+
+/**
+ * 获取列属性（过滤掉自定义属性）
+ */
+const getColumnProps = column => {
+  return omit.default(column, ["compType", "compProps", "header", "hidden"])
+};
+
+return (_ctx, _cache) => {
+  return (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(columns.value, (column) => {
+    return (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElTableColumn), vue.mergeProps({
+      key: column.prop || column.label
+    }, { ref_for: true }, getColumnProps(column)), vue.createSlots({ _: 2 /* DYNAMIC */ }, [
+      (column.header)
+        ? {
+            name: "header",
+            fn: vue.withCtx((scope) => [
+              vue.renderSlot(_ctx.$slots, column.header, vue.mergeProps({ ref_for: true }, scope), () => [
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(getComponent)(column.header, scope))))
+              ])
+            ]),
+            key: "0"
+          }
+        : undefined,
+      (column.compType || _ctx.$slots[column.prop])
+        ? {
+            name: "default",
+            fn: vue.withCtx((scope) => [
+              vue.renderSlot(_ctx.$slots, column.prop, vue.mergeProps({ ref_for: true }, scope), () => [
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(getComponent)(column.compType, scope)), vue.mergeProps({
+                  modelValue: scope.row[column.prop],
+                  "onUpdate:modelValue": $event => ((scope.row[column.prop]) = $event)
+                }, { ref_for: true }, column.compProps || {}), null, 16 /* FULL_PROPS */, ["modelValue", "onUpdate:modelValue"]))
+              ])
+            ]),
+            key: "1"
+          }
+        : undefined
+    ]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */))
+  }), 128 /* KEYED_FRAGMENT */))
+}
+}
+
+});
+
+exports.default = _sfc_main;

package/lib/packages/constants/event.js

@@ -0,0 +1,5 @@
+'use strict';
+
+const UPDATE_MODEL_EVENT = "update:modelValue";
+
+exports.UPDATE_MODEL_EVENT = UPDATE_MODEL_EVENT;

package/lib/packages/hooks/src/useDynamicComponent.js

@@ -0,0 +1,55 @@
+'use strict';
+
+var vue = require('vue');
+var shared_esmBundler = require('../../../node_modules/.pnpm/@vue_shared@3.5.27/node_modules/@vue/shared/dist/shared.esm-bundler.js');
+var type = require('../../utils/type.js');
+
+function useDynamicComponent() {
+  /**
+   *
+   * @param {string | number | Component | Function} type 组件名称
+   * @param {Object} scope 作用域
+   * @returns {Component}
+   */
+  const getComponent = (type$1, scope) => {
+    //  非 string / number，说明是组件对象或渲染函数
+    if (type$1 && !type.isString(type$1) && !type.isNumber(type$1)) {
+      return shared_esmBundler.isFunction(type$1) ? type$1(scope) : type$1
+    }
+
+    const componentKey = type$1;
+    let dynamicComponent;
+
+    // 只解析 el- 前缀的组件
+    if (type.isString(componentKey) && componentKey.startsWith("el-")) {
+      dynamicComponent = vue.resolveComponent(componentKey);
+    }
+
+    // 成功解析到组件（resolveComponent 失败会返回字符串）
+    if (dynamicComponent && !type.isString(dynamicComponent)) {
+      return dynamicComponent
+    }
+
+    // fallback：文本组件
+    return {
+      name: "DynamicText",
+      props: ["modelValue"],
+      render() {
+        if (!scope) {
+          return vue.h("span", {}, componentKey)
+        }
+
+        // 否则是 value,判断是否为空(null 或空字符串)
+        const isEmpty = this.modelValue === null || this.modelValue === "" || this.modelValue === undefined;
+        const displayValue = isEmpty ? "--" : this.modelValue;
+        return vue.h("span", {}, displayValue)
+      }
+    }
+  };
+
+  return {
+    getComponent
+  }
+}
+
+exports.useDynamicComponent = useDynamicComponent;

package/lib/packages/utils/type.js

@@ -0,0 +1,9 @@
+'use strict';
+
+const isUndefined = val => typeof val === "undefined";
+const isNumber = val => typeof val === "number";
+const isString = val => typeof val === "string";
+
+exports.isNumber = isNumber;
+exports.isString = isString;
+exports.isUndefined = isUndefined;

package/lib/packages/utils/vue/appContext.js

@@ -0,0 +1,28 @@
+'use strict';
+
+/**
+ * 全局应用上下文管理
+ * 用于在非组件上下文中访问主应用的配置、插件和全局组件
+ */
+
+let globalAppContext = null;
+
+/**
+ * 设置全局应用上下文
+ * 应该在主应用初始化时调用（通常在 app.use() 中）
+ * @param {AppContext} context - Vue 应用上下文
+ */
+function setGlobalAppContext(context) {
+  globalAppContext = context;
+}
+
+/**
+ * 获取全局应用上下文
+ * @returns {AppContext | null}
+ */
+function getGlobalAppContext() {
+  return globalAppContext
+}
+
+exports.getGlobalAppContext = getGlobalAppContext;
+exports.setGlobalAppContext = setGlobalAppContext;

package/lib/packages/utils/vue/install.js

@@ -0,0 +1,24 @@
+'use strict';
+
+/**
+ * 给组件添加 install 方法，支持主组件 + 附加组件
+ * @param {Object} main 主组件
+ * @param {Object} [extra] 附加组件集合
+ */
+const withInstall = (main, extra) => {
+  main.install = app => {
+    const components = [main, ...([])];
+
+    for (const comp of components) {
+      if (comp.name) {
+        app.component(comp.name, comp);
+      } else {
+        console.warn("Component missing name:", comp);
+      }
+    }
+  };
+
+  return main
+};
+
+exports.withInstall = withInstall;

package/package.json

@@ -0,0 +1,62 @@
+{
+  "name": "easy-elplus",
+  "version": "1.0.0",
+  "description": "A Component Library for Vue 3",
+  "author": {
+    "name": "Mr.Jia",
+    "email": "jiagongzi0625@gmail.com"
+  },
+  "keywords": [
+    "element-plus",
+    "element",
+    "component library",
+    "ui framework",
+    "ui",
+    "vue"
+  ],
+  "homepage": "https://github.com/jiayc4215/easy-elplus",
+  "bugs": {
+    "url": "https://github.com/jiayc4215/easy-elplus/issues"
+  },
+  "license": "MIT",
+  "main": "lib/index.js",
+  "module": "es/index.mjs",
+  "unpkg": "dist/index.full.js",
+  "jsdelivr": "dist/index.full.js",
+  "exports": {
+    ".": {
+      "import": "./es/index.mjs",
+      "require": "./lib/index.js"
+    },
+    "./es": "./es/index.mjs",
+    "./lib": "./lib/index.js",
+    "./dist/*": "./dist/*",
+    "./es/*": "./es/*",
+    "./lib/*": "./lib/*",
+    "./*": "./*"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/jiayc4215/easy-elplus.git"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "dependencies": {
+    "@vue/shared": "catalog:",
+    "lodash-es": "^4.17.23"
+  },
+  "engines": {
+    "node": ">= 4.0.0",
+    "npm": ">= 3.0.0"
+  },
+  "peerDependencies": {
+    "vue": "^3.3.0"
+  },
+  "browserslist": [
+    "> 1%",
+    "not ie 11",
+    "not op_mini all"
+  ]
+}