easy-elplus 1.0.0

package/lib/packages/components/descriptions/index.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var install = require('../../utils/vue/install.js');
+var descriptions = require('./src/descriptions.vue.js');
+
+// 用来整合组件的，最终实现导出组件
+
+
+// 通过 withInstall 方法给 button 添加了一个 Vue3 插件所需的 install 方法
+const EasyDescriptions = install.withInstall(descriptions.default);
+
+exports.EasyDescriptions = EasyDescriptions;
+exports.default = EasyDescriptions;

package/lib/packages/components/descriptions/src/comp.vue.js

@@ -0,0 +1,55 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var useDynamicComponent = require('../../../hooks/src/useDynamicComponent.js');
+
+const _sfc_main = /*@__PURE__*/Object.assign({
+  name: "EasyDescriptionsComp"
+}, {
+  __name: 'comp',
+  props: /*@__PURE__*/vue.mergeModels({
+  id: {
+    type: String,
+    default: ""
+  },
+  components: {
+    type: [String, Number, Function, Object],
+    default: ""
+  },
+  props: {
+    type: Object,
+    default: () => ({})
+  }
+}, {
+    "modelValue": {},
+    "modelModifiers": {},
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+
+
+
+
+
+const descriptionsData = vue.useModel(__props, "modelValue");
+
+const { getComponent } = useDynamicComponent.useDynamicComponent();
+
+return (_ctx, _cache) => {
+  return vue.renderSlot(_ctx.$slots, __props.components, {}, () => [
+    (__props.id)
+      ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(getComponent)(__props.components, descriptionsData.value)), vue.mergeProps({
+          key: 0,
+          modelValue: descriptionsData.value[__props.id],
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ((descriptionsData.value[__props.id]) = $event))
+        }, __props.props), null, 16 /* FULL_PROPS */, ["modelValue"]))
+      : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(getComponent)(__props.components)), vue.normalizeProps(vue.mergeProps({ key: 1 }, __props.props)), null, 16 /* FULL_PROPS */))
+  ])
+}
+}
+
+});
+
+exports.default = _sfc_main;

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

@@ -0,0 +1,182 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var shared_esmBundler = require('../../../../node_modules/.pnpm/@vue_shared@3.5.27/node_modules/@vue/shared/dist/shared.esm-bundler.js');
+var comp = require('./comp.vue.js');
+
+const _hoisted_1 = { class: "epl-descriptions" };
+
+
+const _sfc_main = /*@__PURE__*/Object.assign({
+  name: "EasyDescriptions"
+}, {
+  __name: 'descriptions',
+  props: /*@__PURE__*/vue.mergeModels({
+  items: {
+    type: Array,
+    default: () => []
+  }
+}, {
+    "modelValue": {},
+    "modelModifiers": {},
+  }),
+  emits: ["update:modelValue"],
+  setup(__props, { expose: __expose }) {
+
+
+
+const props = __props;
+
+const descriptionsData = vue.useModel(__props, "modelValue");
+
+// 内部处理单个列表的函数
+const normalizeItems = list => {
+  return list.reduce((prev, item) => {
+    const isHidden = shared_esmBundler.isFunction(item.hidden) ? item.hidden(descriptionsData.value) : item.hidden;
+
+    if (isHidden) return prev
+
+    prev.push({
+      ...item,
+      label: shared_esmBundler.isObject(item.label)
+        ? item.label
+        : {
+            components: item.label
+          },
+      value: shared_esmBundler.isObject(item.value)
+        ? item.value
+        : {
+            id: item.value,
+            components: item.value
+          }
+    });
+
+    return prev
+  }, [])
+};
+
+const renderList = vue.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 = shared_esmBundler.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 (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(renderList.value, (group, index) => {
+      return (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDescriptions), vue.mergeProps({
+        key: index,
+        ref_for: true
+      }, { ..._ctx.$attrs, ...group.bindProps }, { style: {"margin-bottom":"20px"} }), vue.createSlots({
+        default: vue.withCtx(() => [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(group.rows, (item) => {
+            return (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDescriptionsItem), vue.mergeProps({
+              key: item.label
+            }, { ref_for: true }, item), {
+              label: vue.withCtx(() => [
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(
+                vue.h(
+                  comp.default,
+                  {
+                    modelValue: descriptionsData.value,
+                    ...item.label
+                  },
+                  _ctx.$slots
+                )
+              )))
+              ]),
+              default: vue.withCtx(() => [
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(
+                vue.h(
+                  comp.default,
+                  {
+                    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: vue.withCtx(() => [
+                (group.title)
+                  ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                      vue.createTextVNode(vue.toDisplayString(group.title), 1 /* TEXT */)
+                    ], 64 /* STABLE_FRAGMENT */))
+                  : vue.renderSlot(_ctx.$slots, "title", {
+                      key: 1,
+                      group: group,
+                      index: index
+                    })
+              ]),
+              key: "0"
+            }
+          : undefined,
+        (group.extra || _ctx.$slots.extra)
+          ? {
+              name: "extra",
+              fn: vue.withCtx(() => [
+                (group.extra)
+                  ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                      vue.createTextVNode(vue.toDisplayString(group.extra), 1 /* TEXT */)
+                    ], 64 /* STABLE_FRAGMENT */))
+                  : vue.renderSlot(_ctx.$slots, "extra", {
+                      key: 1,
+                      group: group,
+                      index: index
+                    })
+              ]),
+              key: "1"
+            }
+          : undefined
+      ]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */))
+    }), 128 /* KEYED_FRAGMENT */))
+  ]))
+}
+}
+
+});
+
+exports.default = _sfc_main;

package/lib/packages/components/dialog/index.js

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

package/lib/packages/components/dialog/src/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/components/dialog/src/dialog.js

@@ -0,0 +1,132 @@
+'use strict';
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var install = require('../../../utils/vue/install.js');
+var type = require('../../../utils/type.js');
+
+function useEplDialog(componet, props, DialogProps) {
+  if (type.isString(componet)) {
+    const text = componet;
+    componet = () => vue.h("div", text);
+  }
+
+  const modal = vue.ref(true);
+  const instance = vue.ref();
+  const disabled = vue.ref(false);
+  const cb = DialogProps.cb;
+
+  const dialog = () =>
+    vue.h(
+      elementPlus.ElConfigProvider,
+      {
+        locale: vue.getCurrentInstance()?.appContext?.config.globalProperties?.locale
+      },
+      {
+        default: () =>
+          vue.h(
+            elementPlus.ElDialog,
+            {
+              ...DialogProps,
+              modelValue: modal.value
+            },
+            {
+              default: () => vue.h(componet, { ref: instance, ...props }),
+              footer: DialogProps.footer
+            }
+          )
+      }
+    );
+
+  const app = vue.createApp(dialog);
+
+  // 同步全局 app 的上下文
+  const globalApp = install.getApp();
+  if (globalApp) {
+    app._context.components = { ...globalApp._context.components, ...app._context.components };
+    app._context.directives = { ...globalApp._context.directives, ...app._context.directives };
+    app._context.provides = { ...globalApp._context.provides, ...app._context.provides };
+  }
+
+  const div = document.createElement("div");
+  document.body.appendChild(div);
+  app.mount(div);
+
+  const close = () => {
+    modal.value = false;
+  };
+
+  const createConfirm = props => {
+    const Component = {
+      setup() {
+        const _props = {
+          name: "确认",
+          hidden: false,
+          autoClose: true,
+          click: "confirm",
+          ...(type.isString(props) ? { name: props } : props)
+        };
+
+        const { name, hidden, autoClose, click } = _props;
+        const loading = vue.ref(false);
+
+        const onClick = async () => {
+          try {
+            loading.value = true;
+            disabled.value = true;
+
+            if (type.isString(click)) {
+              await instance.value?.[click]?.();
+            } else {
+              await click?.(instance);
+            }
+
+            cb?.();
+            autoClose && close();
+          } finally {
+            loading.value = false;
+            const t = setTimeout(() => {
+              disabled.value = false;
+              clearTimeout(t);
+            }, 200);
+          }
+        };
+
+        return () =>
+          !hidden &&
+          vue.h(
+            elementPlus.ElButton,
+            {
+              loading: loading.value,
+              type: "primary",
+              disabled: disabled.value,
+              onClick,
+              ..._props
+            },
+            () => name
+          )
+      }
+    };
+
+    return vue.h(Component)
+  };
+
+  const createCancel = (name = "取消", props) => {
+    const Component = {
+      setup() {
+        return () => vue.h(elementPlus.ElButton, { ...props, onClick: close }, () => name)
+      }
+    };
+
+    return vue.h(Component)
+  };
+
+  return {
+    instance,
+    close,
+    createConfirm,
+    createCancel
+  }
+}
+
+exports.useEplDialog = useEplDialog;

package/lib/packages/components/dialog/src/useDialog.js

@@ -0,0 +1,185 @@
+'use strict';
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var shared_esmBundler = require('../../../../node_modules/.pnpm/@vue_shared@3.5.27/node_modules/@vue/shared/dist/shared.esm-bundler.js');
+var appContext = require('../../../utils/vue/appContext.js');
+var type = require('../../../utils/type.js');
+
+/**
+ *
+ * @param {*} component 组件
+ * @param {*} componentProps 组件属性
+ * @param {*} modalProps 对话框属性
+ * @param {*} context 上下文
+ * @returns Promise
+ */
+const useDialog = (component, componentProps = {}, modalProps = {}, context = null) => {
+  // 如果 component 是字符串，转换为渲染函数
+  const contentComponent = type.isString(component) ? { render: () => vue.h("div", component) } : vue.markRaw(component);
+
+  const {
+    title = "提示",
+    confirmButtonText = "确 认",
+    cancelButtonText = "取 消",
+    showConfirmButton = true,
+    showCancelButton = true,
+    methodKey = "submit",
+    beforeClose,
+    onConfirm,
+    onCancel,
+    footer,
+    draggable = true,
+    ...dialogProps
+  } = modalProps;
+
+  const visible = vue.ref(true);
+  const loading = vue.ref(false);
+  const componentRef = vue.ref(null);
+
+  const appContext$1 = context || appContext.getGlobalAppContext();
+
+  const div = document.createElement("div");
+  document.body.appendChild(div);
+
+  return new Promise((resolve, reject) => {
+    let app = null;
+    let isSettled = false; // 标记 Promise 是否已完成，防止重复触发
+
+    // 销毁
+    const destroy = () => {
+      if (app) {
+        app.unmount();
+        app = null;
+      }
+      if (div.parentNode) {
+        div.parentNode.removeChild(div);
+      }
+    };
+
+    // 关闭
+    const close = () => {
+      visible.value = false;
+    };
+
+    // 统一处理 Promise 结束逻辑
+    const handleAction = async (action, data) => {
+      if (isSettled) return
+      isSettled = true;
+      if (action === "resolve") resolve(data);
+      else reject(data);
+      close();
+    };
+
+    // 确认
+    const handleConfirm = async () => {
+      loading.value = true;
+      try {
+        const target = componentRef.value;
+        // 调用组件方法
+        if (target && methodKey && shared_esmBundler.isFunction(target[methodKey])) {
+          await target[methodKey]();
+        }
+        // 调用 onConfirm
+        if (shared_esmBundler.isFunction(onConfirm)) {
+          await onConfirm(target);
+        }
+        // 返回 resolve
+        await handleAction("resolve", target);
+      } catch (e) {
+        isSettled = false; // 失败时不沉淀状态，允许用户修正后重试
+        reject(e);
+      } finally {
+        loading.value = false;
+      }
+    };
+
+    // 取消
+    const handleCancel = () => {
+      if (shared_esmBundler.isFunction(onCancel)) onCancel();
+      handleAction("reject", "closed");
+    };
+
+    // DialogApp
+    const DialogApp = {
+      setup() {
+        return () =>
+          vue.h(
+            elementPlus.ElDialog,
+            {
+              ...dialogProps,
+              modelValue: visible.value,
+              "onUpdate:modelValue": val => {
+                visible.value = val;
+                if (!val && !isSettled) handleAction("reject", "closed");
+              },
+              title,
+              draggable,
+              destroyOnClose: true,
+              onClosed: destroy, // 动画结束后彻底回收
+              // 拦截右上角 X 和遮罩层点击
+              beforeClose: done => {
+                if (beforeClose) {
+                  beforeClose(() => {
+                    if (!isSettled) handleAction("reject", "closed");
+                    done();
+                  });
+                } else {
+                  if (!isSettled) handleAction("reject", "closed");
+                  done();
+                }
+              }
+            },
+            {
+              // 默认内容 渲染组件
+              default: () => vue.h(contentComponent, { ...componentProps, ref: componentRef }),
+
+              // 底部内容
+              footer: () => {
+                // 自定义 footer
+                if (footer) {
+                  return shared_esmBundler.isFunction(footer)
+                    ? footer({ close: handleCancel, confirm: handleConfirm, loading: loading.value })
+                    : footer
+                }
+                return vue.h("div", { class: "dialog-footer" }, [
+                  // 取消按钮
+                  showCancelButton && vue.h(elementPlus.ElButton, { onClick: handleCancel }, () => cancelButtonText),
+                  // 确认按钮
+                  showConfirmButton &&
+                    vue.h(
+                      elementPlus.ElButton,
+                      {
+                        type: "primary",
+                        loading: loading.value,
+                        onClick: handleConfirm
+                      },
+                      () => confirmButtonText
+                    )
+                ])
+              }
+            }
+          )
+      }
+    };
+
+    app = vue.createApp(DialogApp);
+
+    // 优化：上下文继承
+    if (appContext$1) {
+      // 核心插件继承 (避免直接操作 _context 私有属性的风险)
+      // 如果你的 getGlobalAppContext 已经拿到了真实的 context，可以这样同步
+      Object.assign(app._context, {
+        ...appContext$1,
+        reload: app._context.reload // 保留新应用的 reload 方法
+      });
+
+      // 必须手动同步 provides 以确保 inject 可用
+      app._context.provides = { ...(appContext$1.provides || {}), ...app._context.provides };
+    }
+
+    app.mount(div);
+  })
+};
+
+exports.useDialog = useDialog;

package/lib/packages/components/table/index.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var install = require('../../utils/vue/install.js');
+var table = require('./src/table.vue.js');
+
+// 用来整合组件的，最终实现导出组件
+
+
+// 通过 withInstall 方法给 button 添加了一个 Vue3 插件所需的 install 方法
+const EasyTable = install.withInstall(table.default);
+
+exports.EasyTable = EasyTable;
+exports.default = EasyTable;

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

@@ -0,0 +1,71 @@
+'use strict';
+
+var type = require('../../../utils/type.js');
+
+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 = type.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();
+}
+
+exports.scrollTo = scrollTo;