easy-elplus 1.0.1 → 1.2.0

package/es/packages/components/button/index.mjs

@@ -0,0 +1,10 @@
+import { withInstall } from '../../utils/vue/install.mjs';
+import _sfc_main from './src/button.vue.mjs';
+
+// 用来整合组件的，最终实现导出组件
+
+
+// 通过 withInstall 方法给 button 添加了一个 Vue3 插件所需的 install 方法
+const EasyButton = withInstall(_sfc_main);
+
+export { EasyButton, EasyButton as default };

package/es/packages/components/button/src/button.vue.mjs

@@ -0,0 +1,42 @@
+import { ref, useAttrs, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { ElButton } from 'element-plus';
+import { isFunction } from '../../../utils/type.mjs';
+import omit from '../../../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/omit.mjs';
+
+const _sfc_main = /*@__PURE__*/Object.assign({
+  inheritAttrs: false,
+  name: "EasyButton"
+}, {
+  __name: 'button',
+  setup(__props) {
+
+
+
+const loading = ref(false);
+
+const attrs = useAttrs();
+const onClick = async () => {
+  try {
+    loading.value = true;
+
+    if (isFunction(attrs.onClick)) {
+      await attrs.onClick();
+    }
+  } finally {
+    loading.value = false;
+  }
+};
+
+return (_ctx, _cache) => {
+  return (openBlock(), createBlock(unref(ElButton), mergeProps({ loading: loading.value }, unref(omit)(unref(attrs), 'onClick'), { onClick: onClick }), {
+    default: withCtx(() => [
+      renderSlot(_ctx.$slots, "default")
+    ]),
+    _: 3 /* FORWARDED */
+  }, 16 /* FULL_PROPS */, ["loading"]))
+}
+}
+
+});
+
+export { _sfc_main as default };

package/es/packages/components/descriptions/index.mjs

@@ -0,0 +1,10 @@
+import { withInstall } from '../../utils/vue/install.mjs';
+import _sfc_main from './src/descriptions.vue.mjs';
+
+// 用来整合组件的，最终实现导出组件
+
+
+// 通过 withInstall 方法给 button 添加了一个 Vue3 插件所需的 install 方法
+const EasyDescriptions = withInstall(_sfc_main);
+
+export { EasyDescriptions, EasyDescriptions as default };

package/es/packages/components/descriptions/src/comp.vue.mjs

@@ -0,0 +1,58 @@
+import { useModel, computed, renderSlot, openBlock, createBlock, resolveDynamicComponent, mergeProps, mergeModels } from 'vue';
+import { useDynamicComponent } from '../../../hooks/src/useDynamicComponent.mjs';
+
+const _sfc_main = /*@__PURE__*/Object.assign({
+  name: "EasyDescriptionsComp"
+}, {
+  __name: 'comp',
+  props: /*@__PURE__*/mergeModels({
+  id: {
+    type: String,
+    default: ""
+  },
+  components: {
+    type: [String, Number, Function, Object],
+    default: ""
+  },
+  props: {
+    type: Object,
+    default: () => ({})
+  }
+}, {
+    "modelValue": {},
+    "modelModifiers": {},
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+
+
+
+const componentProps = __props;
+
+const descriptionsData = useModel(__props, "modelValue");
+const { getComponent } = useDynamicComponent();
+
+// 1. 动态计算要渲染的组件
+const currentComponent = computed(() => {
+  return componentProps.id
+    ? getComponent(componentProps.components, descriptionsData.value)
+    : getComponent(componentProps.components)
+});
+
+// 2. 动态构建 Model 绑定 (仅在有 id 时绑定)
+const dynamicModel = computed(() => {
+  return componentProps.id ? { modelValue: descriptionsData.value[componentProps.id] } : {}
+});
+
+return (_ctx, _cache) => {
+  return renderSlot(_ctx.$slots, __props.components, {}, () => [
+    (openBlock(), createBlock(resolveDynamicComponent(currentComponent.value), mergeProps({ ...dynamicModel.value, ...__props.props }, {
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = val => __props.id && (descriptionsData.value[__props.id] = val))
+    }), null, 16 /* FULL_PROPS */))
+  ])
+}
+}
+
+});
+
+export { _sfc_main as default };

package/es/packages/components/descriptions/src/descriptions.vue.mjs

@@ -0,0 +1,178 @@
+import { useModel, computed, openBlock, createElementBlock, Fragment, renderList, createBlock, unref, mergeProps, createSlots, withCtx, resolveDynamicComponent, h, createTextVNode, toDisplayString, renderSlot, mergeModels } from 'vue';
+import { ElDescriptions, ElDescriptionsItem } from 'element-plus';
+import { isFunction, isObject } from '../../../utils/type.mjs';
+import _sfc_main$1 from './comp.vue.mjs';
+
+const _hoisted_1 = { class: "epl-descriptions" };
+
+
+const _sfc_main = /*@__PURE__*/Object.assign({
+  name: "EasyDescriptions"
+}, {
+  __name: 'descriptions',
+  props: /*@__PURE__*/mergeModels({
+  items: {
+    type: Array,
+    default: () => []
+  }
+}, {
+    "modelValue": {},
+    "modelModifiers": {},
+  }),
+  emits: ["update:modelValue"],
+  setup(__props, { expose: __expose }) {
+
+
+
+const props = __props;
+
+const descriptionsData = useModel(__props, "modelValue");
+
+// 内部处理单个列表的函数
+const normalizeItems = list => {
+  return list.reduce((prev, item) => {
+    const isHidden = isFunction(item.hidden) ? item.hidden(descriptionsData.value) : item.hidden;
+
+    if (isHidden) return prev
+
+    prev.push({
+      ...item,
+      label: isObject(item.label)
+        ? item.label
+        : {
+            components: item.label
+          },
+      value: isObject(item.value)
+        ? item.value
+        : {
+            id: item.value,
+            components: item.value
+          }
+    });
+
+    return prev
+  }, [])
+};
+
+const renderList$1 = computed(() => {
+  if (!props.items || props.items.length === 0) return []
+
+  // 判断是否为分组模式：第一项包含 items 字段且是一个数组
+  // 为了兼容性更好，这里假设如果 item 内部有 items 属性，则认为是分组
+  const isGroup = props.items.some(item => item.items && Array.isArray(item.items));
+
+  if (isGroup) {
+    // 分组模式
+    return props.items
+      .filter(group => {
+        const isHidden = isFunction(group.hidden) ? group.hidden(descriptionsData.value) : group.hidden;
+        return !isHidden
+      })
+      .map(group => {
+        // 分离出内部使用的属性，其他的属性放入 bindProps 透传给 el-descriptions
+        // eslint-disable-next-line no-unused-vars
+        const { extra, items, hidden, ...rest } = group;
+        return {
+          ...group,
+          rows: normalizeItems(group.items),
+          bindProps: rest
+        }
+      })
+  } else {
+    // 单组模式：包装成一个默认分组
+    return [
+      {
+        rows: normalizeItems(props.items),
+        bindProps: {}
+      }
+    ]
+  }
+});
+
+__expose({});
+
+return (_ctx, _cache) => {
+  return (openBlock(), createElementBlock("div", _hoisted_1, [
+    (openBlock(true), createElementBlock(Fragment, null, renderList(renderList$1.value, (group, index) => {
+      return (openBlock(), createBlock(unref(ElDescriptions), mergeProps({
+        key: index,
+        ref_for: true
+      }, { ..._ctx.$attrs, ...group.bindProps }, { style: {"margin-bottom":"20px"} }), createSlots({
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(group.rows, (item) => {
+            return (openBlock(), createBlock(unref(ElDescriptionsItem), mergeProps({
+              key: item.label
+            }, { ref_for: true }, item), {
+              label: withCtx(() => [
+                (openBlock(), createBlock(resolveDynamicComponent(
+                h(
+                  _sfc_main$1,
+                  {
+                    modelValue: descriptionsData.value,
+                    ...item.label
+                  },
+                  _ctx.$slots
+                )
+              )))
+              ]),
+              default: withCtx(() => [
+                (openBlock(), createBlock(resolveDynamicComponent(
+                h(
+                  _sfc_main$1,
+                  {
+                    modelValue: descriptionsData.value,
+                    ...item.value
+                  },
+                  _ctx.$slots
+                )
+              )))
+              ]),
+              _: 2 /* DYNAMIC */
+            }, 1040 /* FULL_PROPS, DYNAMIC_SLOTS */))
+          }), 128 /* KEYED_FRAGMENT */))
+        ]),
+        _: 2 /* DYNAMIC */
+      }, [
+        (group.title || _ctx.$slots.title)
+          ? {
+              name: "title",
+              fn: withCtx(() => [
+                (group.title)
+                  ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                      createTextVNode(toDisplayString(group.title), 1 /* TEXT */)
+                    ], 64 /* STABLE_FRAGMENT */))
+                  : renderSlot(_ctx.$slots, "title", {
+                      key: 1,
+                      group: group,
+                      index: index
+                    })
+              ]),
+              key: "0"
+            }
+          : undefined,
+        (group.extra || _ctx.$slots.extra)
+          ? {
+              name: "extra",
+              fn: withCtx(() => [
+                (group.extra)
+                  ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                      createTextVNode(toDisplayString(group.extra), 1 /* TEXT */)
+                    ], 64 /* STABLE_FRAGMENT */))
+                  : renderSlot(_ctx.$slots, "extra", {
+                      key: 1,
+                      group: group,
+                      index: index
+                    })
+              ]),
+              key: "1"
+            }
+          : undefined
+      ]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */))
+    }), 128 /* KEYED_FRAGMENT */))
+  ]))
+}
+}
+
+});
+
+export { _sfc_main as default };

package/es/packages/components/dialog/index.mjs

@@ -0,0 +1,11 @@
+import { useDialog } from './src/useDialog.mjs';
+
+// Dialog 是一个命令式 API（函数式调用），而非 Vue 组件
+// 用法: const dialog = useDialog(component, props, options)
+// 或者: import { EasyDialog } from "@easy-elplus"; EasyDialog(...)
+
+
+// 导出命名函数，保持与其他组件命名一致性
+const EasyDialog = useDialog;
+
+export { EasyDialog, useDialog };

package/{packages/components/dialog/src/useDialog.js → es/packages/components/dialog/src/useDialog.mjs}

@@ -1,6 +1,7 @@
-import { h, ref, createApp, markRaw } from "vue"
-import { ElDialog, ElButton } from "element-plus"
-import { isString, isFunction, getGlobalAppContext } from "@easy-elplus/utils"
+import { markRaw, ref, createApp, h } from 'vue';
+import { ElDialog, ElButton } from 'element-plus';
+import { isString, isFunction } from '../../../utils/type.mjs';
+import { getGlobalAppContext } from '../../../utils/vue/appContext.mjs';
 
 /**
  *
@@ -10,9 +11,9 @@ import { isString, isFunction, getGlobalAppContext } from "@easy-elplus/utils"
  * @param {*} context 上下文
  * @returns Promise
  */
-export const useDialog = (component, componentProps = {}, modalProps = {}, context = null) => {
+const useDialog = (component, componentProps = {}, modalProps = {}, context = null) => {
   // 如果 component 是字符串，转换为渲染函数
-  const contentComponent = isString(component) ? { render: () => h("div", component) } : markRaw(component)
+  const contentComponent = isString(component) ? { render: () => h("div", component) } : markRaw(component);
 
   const {
     title = "提示",
@@ -27,74 +28,74 @@ export const useDialog = (component, componentProps = {}, modalProps = {}, conte
     footer,
     draggable = true,
     ...dialogProps
-  } = modalProps
+  } = modalProps;
 
-  const visible = ref(true)
-  const loading = ref(false)
-  const componentRef = ref(null)
+  const visible = ref(true);
+  const loading = ref(false);
+  const componentRef = ref(null);
 
-  const appContext = context || getGlobalAppContext()
+  const appContext = context || getGlobalAppContext();
 
-  const div = document.createElement("div")
-  document.body.appendChild(div)
+  const div = document.createElement("div");
+  document.body.appendChild(div);
 
   return new Promise((resolve, reject) => {
-    let app = null
-    let isSettled = false // 标记 Promise 是否已完成，防止重复触发
+    let app = null;
+    let isSettled = false; // 标记 Promise 是否已完成，防止重复触发
 
     // 销毁
     const destroy = () => {
       if (app) {
-        app.unmount()
-        app = null
+        app.unmount();
+        app = null;
       }
       if (div.parentNode) {
-        div.parentNode.removeChild(div)
+        div.parentNode.removeChild(div);
       }
-    }
+    };
 
     // 关闭
     const close = () => {
-      visible.value = false
-    }
+      visible.value = false;
+    };
 
     // 统一处理 Promise 结束逻辑
     const handleAction = async (action, data) => {
       if (isSettled) return
-      isSettled = true
-      if (action === "resolve") resolve(data)
-      else reject(data)
-      close()
-    }
+      isSettled = true;
+      if (action === "resolve") resolve(data);
+      else reject(data);
+      close();
+    };
 
     // 确认
     const handleConfirm = async () => {
-      loading.value = true
+      loading.value = true;
       try {
-        const target = componentRef.value
+        const target = componentRef.value;
         // 调用组件方法
         if (target && methodKey && isFunction(target[methodKey])) {
-          await target[methodKey]()
+          await target[methodKey]();
         }
         // 调用 onConfirm
         if (isFunction(onConfirm)) {
-          await onConfirm(target)
+          await onConfirm(target);
         }
         // 返回 resolve
-        await handleAction("resolve", target)
+        await handleAction("resolve", target);
       } catch (e) {
-        isSettled = false // 失败时不沉淀状态，允许用户修正后重试
-        reject(e)
+        isSettled = false; // 失败时不沉淀状态，允许用户修正后重试
+        reject(e);
       } finally {
-        loading.value = false
+        loading.value = false;
       }
-    }
+    };
 
     // 取消
     const handleCancel = () => {
-      if (isFunction(onCancel)) onCancel()
-      handleAction("reject", "closed")
-    }
+      if (isFunction(onCancel)) onCancel();
+      handleAction("reject", "closed");
+    };
 
     // DialogApp
     const DialogApp = {
@@ -106,8 +107,8 @@ export const useDialog = (component, componentProps = {}, modalProps = {}, conte
               ...dialogProps,
               modelValue: visible.value,
               "onUpdate:modelValue": val => {
-                visible.value = val
-                if (!val && !isSettled) handleAction("reject", "closed")
+                visible.value = val;
+                if (!val && !isSettled) handleAction("reject", "closed");
               },
               title,
               draggable,
@@ -117,12 +118,12 @@ export const useDialog = (component, componentProps = {}, modalProps = {}, conte
               beforeClose: done => {
                 if (beforeClose) {
                   beforeClose(() => {
-                    if (!isSettled) handleAction("reject", "closed")
-                    done()
-                  })
+                    if (!isSettled) handleAction("reject", "closed");
+                    done();
+                  });
                 } else {
-                  if (!isSettled) handleAction("reject", "closed")
-                  done()
+                  if (!isSettled) handleAction("reject", "closed");
+                  done();
                 }
               }
             },
@@ -157,9 +158,9 @@ export const useDialog = (component, componentProps = {}, modalProps = {}, conte
             }
           )
       }
-    }
+    };
 
-    app = createApp(DialogApp)
+    app = createApp(DialogApp);
 
     // 优化：上下文继承
     if (appContext) {
@@ -168,12 +169,14 @@ export const useDialog = (component, componentProps = {}, modalProps = {}, conte
       Object.assign(app._context, {
         ...appContext,
         reload: app._context.reload // 保留新应用的 reload 方法
-      })
+      });
 
       // 必须手动同步 provides 以确保 inject 可用
-      app._context.provides = { ...(appContext.provides || {}), ...app._context.provides }
+      app._context.provides = { ...(appContext.provides || {}), ...app._context.provides };
     }
 
-    app.mount(div)
+    app.mount(div);
   })
-}
+};
+
+export { useDialog };

package/es/packages/components/table/index.mjs

@@ -0,0 +1,10 @@
+import { withInstall } from '../../utils/vue/install.mjs';
+import table from './src/table.vue.mjs';
+
+// 用来整合组件的，最终实现导出组件
+
+
+// 通过 withInstall 方法给 button 添加了一个 Vue3 插件所需的 install 方法
+const EasyTable = withInstall(table);
+
+export { EasyTable, EasyTable as default };

package/es/packages/components/table/src/scrollTo.mjs

@@ -0,0 +1,69 @@
+import { isUndefined } from '../../../utils/type.mjs';
+
+Math.easeInOutQuad = function (t, b, c, d) {
+  t /= d / 2;
+  if (t < 1) {
+    return (c / 2) * t * t + b
+  }
+  t--;
+  return (-c / 2) * (t * (t - 2) - 1) + b
+};
+
+// requestAnimationFrame for Smart Animating http://goo.gl/sx5sts
+var requestAnimFrame = (function () {
+  if (typeof window === "undefined") {
+    return function (callback) {
+      setTimeout(callback, 1000 / 60);
+    }
+  }
+  return (
+    window.requestAnimationFrame ||
+    window.webkitRequestAnimationFrame ||
+    window.mozRequestAnimationFrame ||
+    function (callback) {
+      window.setTimeout(callback, 1000 / 60);
+    }
+  )
+})();
+
+/**
+ * Because it's so fucking difficult to detect the scrolling element, just move them all
+ * @param {number} amount
+ */
+function move(amount) {
+  document.documentElement.scrollTop = amount;
+  document.body.parentNode.scrollTop = amount;
+  document.body.scrollTop = amount;
+}
+
+function position() {
+  return document.documentElement.scrollTop || document.body.parentNode.scrollTop || document.body.scrollTop
+}
+
+/**
+ * @param {number} to
+ * @param {number} duration
+ * @param {Function} callback
+ */
+function scrollTo(to, duration, callback) {
+  const start = position();
+  const change = to - start;
+  const increment = 20;
+  let currentTime = 0;
+  duration = isUndefined(duration) ? 500 : duration;
+  var animateScroll = function () {
+    // increment the time
+    currentTime += increment;
+    // find the value with the quadratic in-out easing function
+    var val = Math.easeInOutQuad(currentTime, start, change, duration);
+    // move the document.body
+    move(val);
+    // do the animation unless its over
+    if (currentTime < duration) {
+      requestAnimFrame(animateScroll);
+    }
+  };
+  animateScroll();
+}
+
+export { scrollTo };