dld-vue-ui 0.0.7 → 0.0.9

package/README.md

@@ -1,20 +1,52 @@
-# Vue 3 + TypeScript + Vite
-
-This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
-
-## Recommended IDE Setup
-
-- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar)
-
-## Type Support For `.vue` Imports in TS
-
-Since TypeScript cannot handle type information for `.vue` imports, they are shimmed to be a generic Vue component type by default. In most cases this is fine if you don't really care about component prop types outside of templates. However, if you wish to get actual prop types in `.vue` imports (for example to get props validation when using manual `h(...)` calls), you can enable Volar's Take Over mode by following these steps:
-
-1. Run `Extensions: Show Built-in Extensions` from VS Code's command palette, look for `TypeScript and JavaScript Language Features`, then right click and select `Disable (Workspace)`. By default, Take Over mode will enable itself if the default TypeScript extension is disabled.
-2. Reload the VS Code window by running `Developer: Reload Window` from the command palette.
-
-You can learn more about Take Over mode [here](https://github.com/johnsoncodehk/volar/discussions/471).
-
-## List方法
-仿.netcore的Linq
-内置Where、First、Add、Remove、Any、Exist等方法
+# 分割面板
+
+## Splitpanes
+
+属性
+
+|属性名|说明|类型|默认值|
+|-----|----|-----|----|
+|`horizontal`|布局方向|`bool`|`false`|
+|`styles`|样式|`ISplitPaneStyle`|`{ width: '100%', height: '100%' }`|
+
+```ts
+interface ISplitPaneStyle {
+  [name: string]: string | number,
+  width: string,
+  height: string
+}
+```
+
+## Pane
+
+属性
+
+|属性名|说明|类型|默认值|
+|-----|----|-----|----|
+|`styles`|样式|`IPaneStyle`||
+
+```ts
+interface IPaneStyle {
+  [name: string]: string | number
+}
+```
+
+## UpLoadFile
+
+属性
+|属性名|说明|类型|默认值|
+|-----|----|-----|----|
+|`size`|组件大小|`small | default | large`|`default`|
+|`name`|上传按钮名称|`string`|上传文件|
+|`icon`|自`@element-plus/icons-vue`导入的图标|`Component`|`Upload`|
+|`type`|选择文件和上传文件的按钮类型|`ButtonType`|`success`|
+
+方法
+|方法名|说明|类型|默认值|
+|-----|----|-----|----|
+|`upload`|上传文件方法，返回选中的File|`Function`|`(file: File): void`|
+
+暴露变量
+|变量名|说明|类型|默认值|
+|-----|----|-----|----|
+|`Clear`|清空选中文件|`Function`||

package/dist/dld-vue-ui.js

@@ -1,28 +1,5 @@
-import { defineComponent as p, openBlock as l, createElementBlock as u, toDisplayString as v, h as g, normalizeStyle as c, renderSlot as m, createBlock as P, unref as S, withCtx as f } from "vue";
-const M = /* @__PURE__ */ p({
-  __name: "index",
-  props: {
-    name: { type: String, required: !1, default: "\u9ED8\u8BA4\u6309\u94AE" }
-  },
-  setup(e) {
-    const t = e;
-    return (n, i) => (l(), u("button", null, v(t.name), 1));
-  }
-}), d = (e, t) => {
-  const n = e.__vccOpts || e;
-  for (const [i, s] of t)
-    n[i] = s;
-  return n;
-}, y = /* @__PURE__ */ d(M, [["__file", "D:/Code/front/dld-vue-ui/src/packages/component/Button/index.vue"]]), C = /* @__PURE__ */ p({
-  __name: "index",
-  props: {
-    title: { type: String, required: !1, default: "\u9ED8\u8BA4\u5B57\u6BB5" }
-  },
-  setup(e) {
-    const t = e;
-    return (n, i) => (l(), u("p", null, v(t.title), 1));
-  }
-}), k = /* @__PURE__ */ d(C, [["__file", "D:/Code/front/dld-vue-ui/src/packages/component/P/index.vue"]]), E = {
+import { h as E, openBlock as u, createElementBlock as m, normalizeStyle as v, renderSlot as f, defineComponent as x, createBlock as w, unref as d, withCtx as p, createElementVNode as c, ref as b, onMounted as k, resolveComponent as N, createVNode as g, createTextVNode as y, withDirectives as $, vShow as R, toDisplayString as M } from "vue";
+const D = {
   name: "splitpanes",
   emits: ["ready", "resize", "resized", "pane-click", "pane-maximize", "pane-add", "pane-remove", "splitter-click"],
   props: {
@@ -94,16 +71,16 @@ const M = /* @__PURE__ */ p({
     },
     onSplitterDblClick(e, t) {
       let n = 0;
-      this.panes = this.panes.map((i, s) => (i.size = s === t ? i.max : i.min, s !== t && (n += i.min), i)), this.panes[t].size -= n, this.$emit("pane-maximize", this.panes[t]), this.$emit("resized", this.panes.map((i) => ({ min: i.min, max: i.max, size: i.size })));
+      this.panes = this.panes.map((s, i) => (s.size = i === t ? s.max : s.min, i !== t && (n += s.min), s)), this.panes[t].size -= n, this.$emit("pane-maximize", this.panes[t]), this.$emit("resized", this.panes.map((s) => ({ min: s.min, max: s.max, size: s.size })));
     },
     onPaneClick(e, t) {
       this.$emit("pane-click", this.indexedPanes[t]);
     },
     getCurrentMouseDrag(e) {
-      const t = this.container.getBoundingClientRect(), { clientX: n, clientY: i } = "ontouchstart" in window && e.touches ? e.touches[0] : e;
+      const t = this.container.getBoundingClientRect(), { clientX: n, clientY: s } = "ontouchstart" in window && e.touches ? e.touches[0] : e;
       return {
         x: n - t.left,
-        y: i - t.top
+        y: s - t.top
       };
     },
     getCurrentDragPercentage(e) {
@@ -119,38 +96,38 @@ const M = /* @__PURE__ */ p({
         prevReachedMinPanes: 0,
         nextReachedMinPanes: 0
       };
-      const i = 0 + (this.pushOtherPanes ? 0 : n.prevPanesSize), s = 100 - (this.pushOtherPanes ? 0 : n.nextPanesSize), a = Math.max(Math.min(this.getCurrentDragPercentage(e), s), i);
-      let o = [t, t + 1], r = this.panes[o[0]] || null, h = this.panes[o[1]] || null;
-      const z = r.max < 100 && a >= r.max + n.prevPanesSize, _ = h.max < 100 && a <= 100 - (h.max + this.sumNextPanesSize(t + 1));
-      if (z || _) {
-        z ? (r.size = r.max, h.size = Math.max(100 - r.max - n.prevPanesSize - n.nextPanesSize, 0)) : (r.size = Math.max(100 - h.max - n.prevPanesSize - this.sumNextPanesSize(t + 1), 0), h.size = h.max);
+      const s = 0 + (this.pushOtherPanes ? 0 : n.prevPanesSize), i = 100 - (this.pushOtherPanes ? 0 : n.nextPanesSize), a = Math.max(Math.min(this.getCurrentDragPercentage(e), i), s);
+      let o = [t, t + 1], r = this.panes[o[0]] || null, l = this.panes[o[1]] || null;
+      const h = r.max < 100 && a >= r.max + n.prevPanesSize, P = l.max < 100 && a <= 100 - (l.max + this.sumNextPanesSize(t + 1));
+      if (h || P) {
+        h ? (r.size = r.max, l.size = Math.max(100 - r.max - n.prevPanesSize - n.nextPanesSize, 0)) : (r.size = Math.max(100 - l.max - n.prevPanesSize - this.sumNextPanesSize(t + 1), 0), l.size = l.max);
         return;
       }
       if (this.pushOtherPanes) {
-        const x = this.doPushOtherPanes(n, a);
-        if (!x)
+        const z = this.doPushOtherPanes(n, a);
+        if (!z)
           return;
-        ({ sums: n, panesToResize: o } = x), r = this.panes[o[0]] || null, h = this.panes[o[1]] || null;
+        ({ sums: n, panesToResize: o } = z), r = this.panes[o[0]] || null, l = this.panes[o[1]] || null;
       }
-      r !== null && (r.size = Math.min(Math.max(a - n.prevPanesSize - n.prevReachedMinPanes, r.min), r.max)), h !== null && (h.size = Math.min(Math.max(100 - a - n.nextPanesSize - n.nextReachedMinPanes, h.min), h.max));
+      r !== null && (r.size = Math.min(Math.max(a - n.prevPanesSize - n.prevReachedMinPanes, r.min), r.max)), l !== null && (l.size = Math.min(Math.max(100 - a - n.nextPanesSize - n.nextReachedMinPanes, l.min), l.max));
     },
     doPushOtherPanes(e, t) {
-      const n = this.touch.activeSplitter, i = [n, n + 1];
-      return t < e.prevPanesSize + this.panes[i[0]].min && (i[0] = this.findPrevExpandedPane(n).index, e.prevReachedMinPanes = 0, i[0] < n && this.panes.forEach((s, a) => {
-        a > i[0] && a <= n && (s.size = s.min, e.prevReachedMinPanes += s.min);
-      }), e.prevPanesSize = this.sumPrevPanesSize(i[0]), i[0] === void 0) ? (e.prevReachedMinPanes = 0, this.panes[0].size = this.panes[0].min, this.panes.forEach((s, a) => {
-        a > 0 && a <= n && (s.size = s.min, e.prevReachedMinPanes += s.min);
-      }), this.panes[i[1]].size = 100 - e.prevReachedMinPanes - this.panes[0].min - e.prevPanesSize - e.nextPanesSize, null) : t > 100 - e.nextPanesSize - this.panes[i[1]].min && (i[1] = this.findNextExpandedPane(n).index, e.nextReachedMinPanes = 0, i[1] > n + 1 && this.panes.forEach((s, a) => {
-        a > n && a < i[1] && (s.size = s.min, e.nextReachedMinPanes += s.min);
-      }), e.nextPanesSize = this.sumNextPanesSize(i[1] - 1), i[1] === void 0) ? (e.nextReachedMinPanes = 0, this.panes[this.panesCount - 1].size = this.panes[this.panesCount - 1].min, this.panes.forEach((s, a) => {
-        a < this.panesCount - 1 && a >= n + 1 && (s.size = s.min, e.nextReachedMinPanes += s.min);
-      }), this.panes[i[0]].size = 100 - e.prevPanesSize - e.nextReachedMinPanes - this.panes[this.panesCount - 1].min - e.nextPanesSize, null) : { sums: e, panesToResize: i };
+      const n = this.touch.activeSplitter, s = [n, n + 1];
+      return t < e.prevPanesSize + this.panes[s[0]].min && (s[0] = this.findPrevExpandedPane(n).index, e.prevReachedMinPanes = 0, s[0] < n && this.panes.forEach((i, a) => {
+        a > s[0] && a <= n && (i.size = i.min, e.prevReachedMinPanes += i.min);
+      }), e.prevPanesSize = this.sumPrevPanesSize(s[0]), s[0] === void 0) ? (e.prevReachedMinPanes = 0, this.panes[0].size = this.panes[0].min, this.panes.forEach((i, a) => {
+        a > 0 && a <= n && (i.size = i.min, e.prevReachedMinPanes += i.min);
+      }), this.panes[s[1]].size = 100 - e.prevReachedMinPanes - this.panes[0].min - e.prevPanesSize - e.nextPanesSize, null) : t > 100 - e.nextPanesSize - this.panes[s[1]].min && (s[1] = this.findNextExpandedPane(n).index, e.nextReachedMinPanes = 0, s[1] > n + 1 && this.panes.forEach((i, a) => {
+        a > n && a < s[1] && (i.size = i.min, e.nextReachedMinPanes += i.min);
+      }), e.nextPanesSize = this.sumNextPanesSize(s[1] - 1), s[1] === void 0) ? (e.nextReachedMinPanes = 0, this.panes[this.panesCount - 1].size = this.panes[this.panesCount - 1].min, this.panes.forEach((i, a) => {
+        a < this.panesCount - 1 && a >= n + 1 && (i.size = i.min, e.nextReachedMinPanes += i.min);
+      }), this.panes[s[0]].size = 100 - e.prevPanesSize - e.nextReachedMinPanes - this.panes[this.panesCount - 1].min - e.nextPanesSize, null) : { sums: e, panesToResize: s };
     },
     sumPrevPanesSize(e) {
-      return this.panes.reduce((t, n, i) => t + (i < e ? n.size : 0), 0);
+      return this.panes.reduce((t, n, s) => t + (s < e ? n.size : 0), 0);
     },
     sumNextPanesSize(e) {
-      return this.panes.reduce((t, n, i) => t + (i > e + 1 ? n.size : 0), 0);
+      return this.panes.reduce((t, n, s) => t + (s > e + 1 ? n.size : 0), 0);
     },
     findPrevExpandedPane(e) {
       return [...this.panes].reverse().find((t) => t.index < e && t.size > t.min) || {};
@@ -165,8 +142,8 @@ const M = /* @__PURE__ */ p({
       });
     },
     addSplitter(e, t, n = !1) {
-      const i = e - 1, s = document.createElement("div");
-      s.classList.add("splitpanes__splitter"), n || (s.onmousedown = (a) => this.onMouseDown(a, i), typeof window < "u" && "ontouchstart" in window && (s.ontouchstart = (a) => this.onMouseDown(a, i)), s.onclick = (a) => this.onSplitterClick(a, i + 1)), this.dblClickSplitter && (s.ondblclick = (a) => this.onSplitterDblClick(a, i + 1)), t.parentNode.insertBefore(s, t);
+      const s = e - 1, i = document.createElement("div");
+      i.classList.add("splitpanes__splitter"), n || (i.onmousedown = (a) => this.onMouseDown(a, s), typeof window < "u" && "ontouchstart" in window && (i.ontouchstart = (a) => this.onMouseDown(a, s)), i.onclick = (a) => this.onSplitterClick(a, s + 1)), this.dblClickSplitter && (i.ondblclick = (a) => this.onSplitterDblClick(a, s + 1)), t.parentNode.insertBefore(i, t);
     },
     removeSplitter(e) {
       e.onmousedown = void 0, e.onclick = void 0, e.ondblclick = void 0, e.parentNode.removeChild(e);
@@ -183,28 +160,28 @@ const M = /* @__PURE__ */ p({
     },
     requestUpdate({ target: e, ...t }) {
       const n = this.indexedPanes[e._.uid];
-      Object.entries(t).forEach(([i, s]) => n[i] = s);
+      Object.entries(t).forEach(([s, i]) => n[s] = i);
     },
     onPaneAdd(e) {
       let t = -1;
-      Array.from(e.$el.parentNode.children).some((s) => (s.className.includes("splitpanes__pane") && t++, s === e.$el));
-      const n = parseFloat(e.minSize), i = parseFloat(e.maxSize);
+      Array.from(e.$el.parentNode.children).some((i) => (i.className.includes("splitpanes__pane") && t++, i === e.$el));
+      const n = parseFloat(e.minSize), s = parseFloat(e.maxSize);
       this.panes.splice(t, 0, {
         id: e._.uid,
         index: t,
         min: isNaN(n) ? 0 : n,
-        max: isNaN(i) ? 100 : i,
+        max: isNaN(s) ? 100 : s,
         size: e.size === null ? null : parseFloat(e.size),
         givenSize: e.size,
         update: e.update
-      }), this.panes.forEach((s, a) => s.index = a), this.ready && this.$nextTick(() => {
-        this.redoSplitters(), this.resetPaneSizes({ addedPane: this.panes[t] }), this.$emit("pane-add", { index: t, panes: this.panes.map((s) => ({ min: s.min, max: s.max, size: s.size })) });
+      }), this.panes.forEach((i, a) => i.index = a), this.ready && this.$nextTick(() => {
+        this.redoSplitters(), this.resetPaneSizes({ addedPane: this.panes[t] }), this.$emit("pane-add", { index: t, panes: this.panes.map((i) => ({ min: i.min, max: i.max, size: i.size })) });
       });
     },
     onPaneRemove(e) {
-      const t = this.panes.findIndex((i) => i.id === e._.uid), n = this.panes.splice(t, 1)[0];
-      this.panes.forEach((i, s) => i.index = s), this.$nextTick(() => {
-        this.redoSplitters(), this.resetPaneSizes({ removedPane: { ...n, index: t } }), this.$emit("pane-remove", { removed: n, panes: this.panes.map((i) => ({ min: i.min, max: i.max, size: i.size })) });
+      const t = this.panes.findIndex((s) => s.id === e._.uid), n = this.panes.splice(t, 1)[0];
+      this.panes.forEach((s, i) => s.index = i), this.$nextTick(() => {
+        this.redoSplitters(), this.resetPaneSizes({ removedPane: { ...n, index: t } }), this.$emit("pane-remove", { removed: n, panes: this.panes.map((s) => ({ min: s.min, max: s.max, size: s.size })) });
       });
     },
     resetPaneSizes(e = {}) {
@@ -213,44 +190,44 @@ const M = /* @__PURE__ */ p({
     equalize() {
       const e = 100 / this.panesCount;
       let t = 0;
-      const n = [], i = [];
-      this.panes.forEach((s) => {
-        s.size = Math.max(Math.min(e, s.max), s.min), t -= s.size, s.size >= s.max && n.push(s.id), s.size <= s.min && i.push(s.id);
-      }), t > 0.1 && this.readjustSizes(t, n, i);
+      const n = [], s = [];
+      this.panes.forEach((i) => {
+        i.size = Math.max(Math.min(e, i.max), i.min), t -= i.size, i.size >= i.max && n.push(i.id), i.size <= i.min && s.push(i.id);
+      }), t > 0.1 && this.readjustSizes(t, n, s);
     },
     initialPanesSizing() {
       let e = 100;
       const t = [], n = [];
-      let i = 0;
+      let s = 0;
       this.panes.forEach((a) => {
-        e -= a.size, a.size !== null && i++, a.size >= a.max && t.push(a.id), a.size <= a.min && n.push(a.id);
+        e -= a.size, a.size !== null && s++, a.size >= a.max && t.push(a.id), a.size <= a.min && n.push(a.id);
       });
-      let s = 100;
+      let i = 100;
       e > 0.1 && (this.panes.forEach((a) => {
-        a.size === null && (a.size = Math.max(Math.min(e / (this.panesCount - i), a.max), a.min)), s -= a.size;
-      }), s > 0.1 && this.readjustSizes(e, t, n));
+        a.size === null && (a.size = Math.max(Math.min(e / (this.panesCount - s), a.max), a.min)), i -= a.size;
+      }), i > 0.1 && this.readjustSizes(e, t, n));
     },
     equalizeAfterAddOrRemove({ addedPane: e, removedPane: t } = {}) {
-      let n = 100 / this.panesCount, i = 0;
-      const s = [], a = [];
+      let n = 100 / this.panesCount, s = 0;
+      const i = [], a = [];
       e && e.givenSize !== null && (n = (100 - e.givenSize) / (this.panesCount - 1)), this.panes.forEach((o) => {
-        i -= o.size, o.size >= o.max && s.push(o.id), o.size <= o.min && a.push(o.id);
-      }), !(Math.abs(i) < 0.1) && (this.panes.forEach((o) => {
-        e && e.givenSize !== null && e.id === o.id || (o.size = Math.max(Math.min(n, o.max), o.min)), i -= o.size, o.size >= o.max && s.push(o.id), o.size <= o.min && a.push(o.id);
-      }), i > 0.1 && this.readjustSizes(i, s, a));
+        s -= o.size, o.size >= o.max && i.push(o.id), o.size <= o.min && a.push(o.id);
+      }), !(Math.abs(s) < 0.1) && (this.panes.forEach((o) => {
+        e && e.givenSize !== null && e.id === o.id || (o.size = Math.max(Math.min(n, o.max), o.min)), s -= o.size, o.size >= o.max && i.push(o.id), o.size <= o.min && a.push(o.id);
+      }), s > 0.1 && this.readjustSizes(s, i, a));
     },
     readjustSizes(e, t, n) {
-      let i;
-      e > 0 ? i = e / (this.panesCount - t.length) : i = e / (this.panesCount - n.length), this.panes.forEach((s, a) => {
-        if (e > 0 && !t.includes(s.id)) {
-          const o = Math.max(Math.min(s.size + i, s.max), s.min), r = o - s.size;
-          e -= r, s.size = o;
-        } else if (!n.includes(s.id)) {
-          const o = Math.max(Math.min(s.size + i, s.max), s.min), r = o - s.size;
-          e -= r, s.size = o;
+      let s;
+      e > 0 ? s = e / (this.panesCount - t.length) : s = e / (this.panesCount - n.length), this.panes.forEach((i, a) => {
+        if (e > 0 && !t.includes(i.id)) {
+          const o = Math.max(Math.min(i.size + s, i.max), i.min), r = o - i.size;
+          e -= r, i.size = o;
+        } else if (!n.includes(i.id)) {
+          const o = Math.max(Math.min(i.size + s, i.max), i.min), r = o - i.size;
+          e -= r, i.size = o;
         }
-        s.update({
-          [this.horizontal ? "height" : "width"]: `${this.indexedPanes[s.id].size}%`
+        i.update({
+          [this.horizontal ? "height" : "width"]: `${this.indexedPanes[i.id].size}%`
         });
       }), Math.abs(e) > 0.1 && this.$nextTick(() => {
         this.ready && console.warn("Splitpanes: Could not resize panes correctly due to their constraints.");
@@ -273,7 +250,7 @@ const M = /* @__PURE__ */ p({
     },
     dblClickSplitter(e) {
       [...this.container.querySelectorAll(".splitpanes__splitter")].forEach((t, n) => {
-        t.ondblclick = e ? (i) => this.onSplitterDblClick(i, n) : void 0;
+        t.ondblclick = e ? (s) => this.onSplitterDblClick(s, n) : void 0;
       });
     }
   },
@@ -284,7 +261,7 @@ const M = /* @__PURE__ */ p({
     this.container = this.$refs.container, this.checkSplitpanesNodes(), this.redoSplitters(), this.resetPaneSizes(), this.$emit("ready"), this.ready = !0;
   },
   render() {
-    return g(
+    return E(
       "div",
       {
         ref: "container",
@@ -299,12 +276,12 @@ const M = /* @__PURE__ */ p({
       this.$slots.default()
     );
   }
-}, b = (e, t) => {
+}, T = (e, t) => {
   const n = e.__vccOpts || e;
-  for (const [i, s] of t)
-    n[i] = s;
+  for (const [s, i] of t)
+    n[s] = i;
   return n;
-}, w = {
+}, q = {
   name: "pane",
   inject: ["requestUpdate", "onPaneAdd", "onPaneRemove", "onPaneClick"],
   props: {
@@ -349,60 +326,198 @@ const M = /* @__PURE__ */ p({
     }
   }
 };
-function D(e, t, n, i, s, a) {
-  return l(), u("div", {
+function O(e, t, n, s, i, a) {
+  return u(), m("div", {
     class: "splitpanes__pane",
     onClick: t[0] || (t[0] = (o) => a.onPaneClick(o, e._.uid)),
-    style: c(e.style)
+    style: v(e.style)
   }, [
-    m(e.$slots, "default")
+    f(e.$slots, "default")
   ], 4);
 }
-const N = /* @__PURE__ */ b(w, [["render", D]]);
-const $ = /* @__PURE__ */ p({
+const U = /* @__PURE__ */ T(q, [["render", O]]);
+const L = /* @__PURE__ */ x({
   __name: "index",
   props: {
     styles: { type: Object, required: !1, default: () => ({ width: "100%", height: "100%" }) },
-    horizontal: { type: Boolean, required: !1, default: !1 },
-    title: { type: String, required: !1 }
+    horizontal: { type: Boolean, required: !1, default: !1 }
   },
   setup(e) {
-    return (t, n) => (l(), P(S(E), {
+    return (t, n) => (u(), w(d(D), {
       horizontal: e.horizontal,
-      style: c(e.styles),
+      style: v(e.styles),
       class: "splitpanes"
     }, {
-      default: f(() => [
-        m(t.$slots, "default", {}, void 0, !0)
+      default: p(() => [
+        f(t.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 8, ["horizontal", "style"]));
   }
 });
-const R = /* @__PURE__ */ d($, [["__scopeId", "data-v-a9f55ace"], ["__file", "D:/Code/front/dld-vue-ui/src/packages/component/SplitPanes/index.vue"]]), B = /* @__PURE__ */ p({
+const _ = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [s, i] of t)
+    n[s] = i;
+  return n;
+}, A = /* @__PURE__ */ _(L, [["__scopeId", "data-v-4226b5d2"], ["__file", "D:/Code/front/dld-vue-ui/src/packages/SplitPanes/index.vue"]]), F = /* @__PURE__ */ x({
   __name: "pane",
   props: {
     styles: { type: Object, required: !0, default: () => ({ background: "#ececec" }) }
   },
   setup(e) {
-    return (t, n) => (l(), P(S(N), {
-      style: c(e.styles)
+    return (t, n) => (u(), w(d(U), {
+      style: v(e.styles)
     }, {
-      default: f(() => [
-        m(t.$slots, "default")
+      default: p(() => [
+        f(t.$slots, "default")
       ]),
       _: 3
     }, 8, ["style"]));
   }
-}), q = /* @__PURE__ */ d(B, [["__file", "D:/Code/front/dld-vue-ui/src/packages/component/SplitPanes/pane.vue"]]), O = {
+}), B = /* @__PURE__ */ _(F, [["__file", "D:/Code/front/dld-vue-ui/src/packages/SplitPanes/pane.vue"]]);
+/*! Element Plus Icons Vue v2.0.10 */
+var C = (e, t) => {
+  let n = e.__vccOpts || e;
+  for (let [s, i] of t)
+    n[s] = i;
+  return n;
+}, j = {
+  name: "FolderOpened"
+}, I = {
+  viewBox: "0 0 1024 1024",
+  xmlns: "http://www.w3.org/2000/svg"
+}, H = /* @__PURE__ */ c("path", {
+  fill: "currentColor",
+  d: "M878.08 448H241.92l-96 384h636.16l96-384zM832 384v-64H485.76L357.504 192H128v448l57.92-231.744A32 32 0 0 1 216.96 384H832zm-24.96 512H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h287.872l128.384 128H864a32 32 0 0 1 32 32v96h23.04a32 32 0 0 1 31.04 39.744l-112 448A32 32 0 0 1 807.04 896z"
+}, null, -1), G = [
+  H
+];
+function V(e, t, n, s, i, a) {
+  return u(), m("svg", I, G);
+}
+var Y = /* @__PURE__ */ C(j, [["render", V], ["__file", "folder-opened.vue"]]), J = {
+  name: "Upload"
+}, W = {
+  viewBox: "0 0 1024 1024",
+  xmlns: "http://www.w3.org/2000/svg"
+}, X = /* @__PURE__ */ c("path", {
+  fill: "currentColor",
+  d: "M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64zm384-578.304V704h-64V247.296L237.248 490.048 192 444.8 508.8 128l316.8 316.8-45.312 45.248L544 253.696z"
+}, null, -1), K = [
+  X
+];
+function Q(e, t, n, s, i, a) {
+  return u(), m("svg", W, K);
+}
+var Z = /* @__PURE__ */ C(J, [["render", Q], ["__file", "upload.vue"]]), ee = function() {
+  function e(t) {
+    if (!t)
+      throw new TypeError("Invalid argument; `value` has no value.");
+    this.value = e.EMPTY, t && e.isGuid(t) && (this.value = t);
+  }
+  return e.isGuid = function(t) {
+    var n = t.toString();
+    return t && (t instanceof e || e.validator.test(n));
+  }, e.create = function() {
+    return new e([e.gen(2), e.gen(1), e.gen(1), e.gen(1), e.gen(3)].join("-"));
+  }, e.createEmpty = function() {
+    return new e("emptyguid");
+  }, e.parse = function(t) {
+    return new e(t);
+  }, e.raw = function() {
+    return [e.gen(2), e.gen(1), e.gen(1), e.gen(1), e.gen(3)].join("-");
+  }, e.gen = function(t) {
+    for (var n = "", s = 0; s < t; s++)
+      n += ((1 + Math.random()) * 65536 | 0).toString(16).substring(1);
+    return n;
+  }, e.prototype.equals = function(t) {
+    return e.isGuid(t) && this.value === t.toString();
+  }, e.prototype.isEmpty = function() {
+    return this.value === e.EMPTY;
+  }, e.prototype.toString = function() {
+    return this.value;
+  }, e.prototype.toJSON = function() {
+    return {
+      value: this.value
+    };
+  }, e.validator = new RegExp("^[a-z0-9]{8}-[a-z0-9]{4}-[a-z0-9]{4}-[a-z0-9]{4}-[a-z0-9]{12}$", "i"), e.EMPTY = "00000000-0000-0000-0000-000000000000", e;
+}(), te = ee;
+const ie = { style: {} }, ne = ["id"], se = { class: "filename" }, ae = /* @__PURE__ */ x({
+  __name: "index",
+  props: {
+    size: { type: String, required: !1, default: "default" },
+    name: { type: String, required: !1, default: "\u4E0A\u4F20\u6587\u4EF6" },
+    icon: { type: null, required: !1, default: Z },
+    type: { type: null, required: !1, default: "success" }
+  },
+  emits: ["upload"],
+  setup(e, { expose: t, emit: n }) {
+    let s = te.create().toString(), i, a = b("");
+    function o() {
+      i.click();
+    }
+    function r() {
+      a.value = i.value;
+    }
+    function l() {
+      i.files !== null && n("upload", i.files[0]);
+    }
+    function h() {
+      i.value = "", a.value = "";
+    }
+    return k(() => {
+      i = document.getElementById(s);
+    }), t({
+      Clear: h
+    }), (P, z) => {
+      const S = N("el-button");
+      return u(), m("div", ie, [
+        g(S, {
+          type: e.type,
+          icon: d(Y),
+          size: e.size,
+          class: "btn",
+          onClick: o
+        }, {
+          default: p(() => [
+            y("\u9009\u62E9\u6587\u4EF6")
+          ]),
+          _: 1
+        }, 8, ["type", "icon", "size"]),
+        $(c("input", {
+          type: "file",
+          id: d(s),
+          onChange: r
+        }, null, 40, ne), [
+          [R, !1]
+        ]),
+        c("span", se, M(d(a)), 1),
+        g(S, {
+          type: e.type,
+          icon: e.icon,
+          size: e.size,
+          disabled: d(a) == null || d(a) == "",
+          class: "btn",
+          onClick: l
+        }, {
+          default: p(() => [
+            y(M(e.name), 1)
+          ]),
+          _: 1
+        }, 8, ["type", "icon", "size", "disabled"])
+      ]);
+    };
+  }
+});
+const oe = /* @__PURE__ */ _(ae, [["__scopeId", "data-v-83b9cdd7"], ["__file", "D:/Code/front/dld-vue-ui/src/packages/UpLoadFile/index.vue"]]), le = {
   install: (e) => {
-    e.component("DVButton", y), e.component("DVP", k), e.component("SplitPanes", R), e.component("Pane", q);
+    e.component("SplitPanes", A), e.component("Pane", B), e.component("UpLoadFile", oe);
   }
 };
 export {
-  y as DVButton,
-  k as DVP,
-  q as Pane,
-  R as SplitPanes,
-  O as default
+  B as Pane,
+  A as SplitPanes,
+  oe as UpLoadFile,
+  le as default
 };

package/dist/dld-vue-ui.umd.cjs

@@ -1 +1 @@
-(function(h,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],r):(h=typeof globalThis<"u"?globalThis:h||self,r(h["dld-vue-ui"]={},h.Vue))})(this,function(h,r){"use strict";const P=r.defineComponent({__name:"index",props:{name:{type:String,required:!1,default:"\u9ED8\u8BA4\u6309\u94AE"}},setup(e){const t=e;return(s,n)=>(r.openBlock(),r.createElementBlock("button",null,r.toDisplayString(t.name),1))}}),d=(e,t)=>{const s=e.__vccOpts||e;for(const[n,i]of t)s[n]=i;return s},u=d(P,[["__file","D:/Code/front/dld-vue-ui/src/packages/component/Button/index.vue"]]),c=d(r.defineComponent({__name:"index",props:{title:{type:String,required:!1,default:"\u9ED8\u8BA4\u5B57\u6BB5"}},setup(e){const t=e;return(s,n)=>(r.openBlock(),r.createElementBlock("p",null,r.toDisplayString(t.title),1))}}),[["__file","D:/Code/front/dld-vue-ui/src/packages/component/P/index.vue"]]),S={name:"splitpanes",emits:["ready","resize","resized","pane-click","pane-maximize","pane-add","pane-remove","splitter-click"],props:{horizontal:{type:Boolean},pushOtherPanes:{type:Boolean,default:!0},dblClickSplitter:{type:Boolean,default:!0},rtl:{type:Boolean,default:!1},firstSplitter:{type:Boolean}},provide(){return{requestUpdate:this.requestUpdate,onPaneAdd:this.onPaneAdd,onPaneRemove:this.onPaneRemove,onPaneClick:this.onPaneClick}},data:()=>({container:null,ready:!1,panes:[],touch:{mouseDown:!1,dragging:!1,activeSplitter:null},splitterTaps:{splitter:null,timeoutId:null}}),computed:{panesCount(){return this.panes.length},indexedPanes(){return this.panes.reduce((e,t)=>(e[t.id]=t)&&e,{})}},methods:{updatePaneComponents(){this.panes.forEach(e=>{e.update&&e.update({[this.horizontal?"height":"width"]:`${this.indexedPanes[e.id].size}%`})})},bindEvents(){document.addEventListener("mousemove",this.onMouseMove,{passive:!1}),document.addEventListener("mouseup",this.onMouseUp),"ontouchstart"in window&&(document.addEventListener("touchmove",this.onMouseMove,{passive:!1}),document.addEventListener("touchend",this.onMouseUp))},unbindEvents(){document.removeEventListener("mousemove",this.onMouseMove,{passive:!1}),document.removeEventListener("mouseup",this.onMouseUp),"ontouchstart"in window&&(document.removeEventListener("touchmove",this.onMouseMove,{passive:!1}),document.removeEventListener("touchend",this.onMouseUp))},onMouseDown(e,t){this.bindEvents(),this.touch.mouseDown=!0,this.touch.activeSplitter=t},onMouseMove(e){this.touch.mouseDown&&(e.preventDefault(),this.touch.dragging=!0,this.calculatePanesSize(this.getCurrentMouseDrag(e)),this.$emit("resize",this.panes.map(t=>({min:t.min,max:t.max,size:t.size}))))},onMouseUp(){this.touch.dragging&&this.$emit("resized",this.panes.map(e=>({min:e.min,max:e.max,size:e.size}))),this.touch.mouseDown=!1,setTimeout(()=>{this.touch.dragging=!1,this.unbindEvents()},100)},onSplitterClick(e,t){"ontouchstart"in window&&(e.preventDefault(),this.dblClickSplitter&&(this.splitterTaps.splitter===t?(clearTimeout(this.splitterTaps.timeoutId),this.splitterTaps.timeoutId=null,this.onSplitterDblClick(e,t),this.splitterTaps.splitter=null):(this.splitterTaps.splitter=t,this.splitterTaps.timeoutId=setTimeout(()=>{this.splitterTaps.splitter=null},500)))),this.touch.dragging||this.$emit("splitter-click",this.panes[t])},onSplitterDblClick(e,t){let s=0;this.panes=this.panes.map((n,i)=>(n.size=i===t?n.max:n.min,i!==t&&(s+=n.min),n)),this.panes[t].size-=s,this.$emit("pane-maximize",this.panes[t]),this.$emit("resized",this.panes.map(n=>({min:n.min,max:n.max,size:n.size})))},onPaneClick(e,t){this.$emit("pane-click",this.indexedPanes[t])},getCurrentMouseDrag(e){const t=this.container.getBoundingClientRect(),{clientX:s,clientY:n}="ontouchstart"in window&&e.touches?e.touches[0]:e;return{x:s-t.left,y:n-t.top}},getCurrentDragPercentage(e){e=e[this.horizontal?"y":"x"];const t=this.container[this.horizontal?"clientHeight":"clientWidth"];return this.rtl&&!this.horizontal&&(e=t-e),e*100/t},calculatePanesSize(e){const t=this.touch.activeSplitter;let s={prevPanesSize:this.sumPrevPanesSize(t),nextPanesSize:this.sumNextPanesSize(t),prevReachedMinPanes:0,nextReachedMinPanes:0};const n=0+(this.pushOtherPanes?0:s.prevPanesSize),i=100-(this.pushOtherPanes?0:s.nextPanesSize),a=Math.max(Math.min(this.getCurrentDragPercentage(e),i),n);let o=[t,t+1],l=this.panes[o[0]]||null,p=this.panes[o[1]]||null;const f=l.max<100&&a>=l.max+s.prevPanesSize,k=p.max<100&&a<=100-(p.max+this.sumNextPanesSize(t+1));if(f||k){f?(l.size=l.max,p.size=Math.max(100-l.max-s.prevPanesSize-s.nextPanesSize,0)):(l.size=Math.max(100-p.max-s.prevPanesSize-this.sumNextPanesSize(t+1),0),p.size=p.max);return}if(this.pushOtherPanes){const x=this.doPushOtherPanes(s,a);if(!x)return;({sums:s,panesToResize:o}=x),l=this.panes[o[0]]||null,p=this.panes[o[1]]||null}l!==null&&(l.size=Math.min(Math.max(a-s.prevPanesSize-s.prevReachedMinPanes,l.min),l.max)),p!==null&&(p.size=Math.min(Math.max(100-a-s.nextPanesSize-s.nextReachedMinPanes,p.min),p.max))},doPushOtherPanes(e,t){const s=this.touch.activeSplitter,n=[s,s+1];return t<e.prevPanesSize+this.panes[n[0]].min&&(n[0]=this.findPrevExpandedPane(s).index,e.prevReachedMinPanes=0,n[0]<s&&this.panes.forEach((i,a)=>{a>n[0]&&a<=s&&(i.size=i.min,e.prevReachedMinPanes+=i.min)}),e.prevPanesSize=this.sumPrevPanesSize(n[0]),n[0]===void 0)?(e.prevReachedMinPanes=0,this.panes[0].size=this.panes[0].min,this.panes.forEach((i,a)=>{a>0&&a<=s&&(i.size=i.min,e.prevReachedMinPanes+=i.min)}),this.panes[n[1]].size=100-e.prevReachedMinPanes-this.panes[0].min-e.prevPanesSize-e.nextPanesSize,null):t>100-e.nextPanesSize-this.panes[n[1]].min&&(n[1]=this.findNextExpandedPane(s).index,e.nextReachedMinPanes=0,n[1]>s+1&&this.panes.forEach((i,a)=>{a>s&&a<n[1]&&(i.size=i.min,e.nextReachedMinPanes+=i.min)}),e.nextPanesSize=this.sumNextPanesSize(n[1]-1),n[1]===void 0)?(e.nextReachedMinPanes=0,this.panes[this.panesCount-1].size=this.panes[this.panesCount-1].min,this.panes.forEach((i,a)=>{a<this.panesCount-1&&a>=s+1&&(i.size=i.min,e.nextReachedMinPanes+=i.min)}),this.panes[n[0]].size=100-e.prevPanesSize-e.nextReachedMinPanes-this.panes[this.panesCount-1].min-e.nextPanesSize,null):{sums:e,panesToResize:n}},sumPrevPanesSize(e){return this.panes.reduce((t,s,n)=>t+(n<e?s.size:0),0)},sumNextPanesSize(e){return this.panes.reduce((t,s,n)=>t+(n>e+1?s.size:0),0)},findPrevExpandedPane(e){return[...this.panes].reverse().find(t=>t.index<e&&t.size>t.min)||{}},findNextExpandedPane(e){return this.panes.find(t=>t.index>e+1&&t.size>t.min)||{}},checkSplitpanesNodes(){Array.from(this.container.children).forEach(e=>{const t=e.classList.contains("splitpanes__pane"),s=e.classList.contains("splitpanes__splitter");!t&&!s&&(e.parentNode.removeChild(e),console.warn("Splitpanes: Only <pane> elements are allowed at the root of <splitpanes>. One of your DOM nodes was removed."))})},addSplitter(e,t,s=!1){const n=e-1,i=document.createElement("div");i.classList.add("splitpanes__splitter"),s||(i.onmousedown=a=>this.onMouseDown(a,n),typeof window<"u"&&"ontouchstart"in window&&(i.ontouchstart=a=>this.onMouseDown(a,n)),i.onclick=a=>this.onSplitterClick(a,n+1)),this.dblClickSplitter&&(i.ondblclick=a=>this.onSplitterDblClick(a,n+1)),t.parentNode.insertBefore(i,t)},removeSplitter(e){e.onmousedown=void 0,e.onclick=void 0,e.ondblclick=void 0,e.parentNode.removeChild(e)},redoSplitters(){const e=Array.from(this.container.children);e.forEach(s=>{s.className.includes("splitpanes__splitter")&&this.removeSplitter(s)});let t=0;e.forEach(s=>{s.className.includes("splitpanes__pane")&&(!t&&this.firstSplitter?this.addSplitter(t,s,!0):t&&this.addSplitter(t,s),t++)})},requestUpdate({target:e,...t}){const s=this.indexedPanes[e._.uid];Object.entries(t).forEach(([n,i])=>s[n]=i)},onPaneAdd(e){let t=-1;Array.from(e.$el.parentNode.children).some(i=>(i.className.includes("splitpanes__pane")&&t++,i===e.$el));const s=parseFloat(e.minSize),n=parseFloat(e.maxSize);this.panes.splice(t,0,{id:e._.uid,index:t,min:isNaN(s)?0:s,max:isNaN(n)?100:n,size:e.size===null?null:parseFloat(e.size),givenSize:e.size,update:e.update}),this.panes.forEach((i,a)=>i.index=a),this.ready&&this.$nextTick(()=>{this.redoSplitters(),this.resetPaneSizes({addedPane:this.panes[t]}),this.$emit("pane-add",{index:t,panes:this.panes.map(i=>({min:i.min,max:i.max,size:i.size}))})})},onPaneRemove(e){const t=this.panes.findIndex(n=>n.id===e._.uid),s=this.panes.splice(t,1)[0];this.panes.forEach((n,i)=>n.index=i),this.$nextTick(()=>{this.redoSplitters(),this.resetPaneSizes({removedPane:{...s,index:t}}),this.$emit("pane-remove",{removed:s,panes:this.panes.map(n=>({min:n.min,max:n.max,size:n.size}))})})},resetPaneSizes(e={}){!e.addedPane&&!e.removedPane?this.initialPanesSizing():this.panes.some(t=>t.givenSize!==null||t.min||t.max<100)?this.equalizeAfterAddOrRemove(e):this.equalize(),this.ready&&this.$emit("resized",this.panes.map(t=>({min:t.min,max:t.max,size:t.size})))},equalize(){const e=100/this.panesCount;let t=0;const s=[],n=[];this.panes.forEach(i=>{i.size=Math.max(Math.min(e,i.max),i.min),t-=i.size,i.size>=i.max&&s.push(i.id),i.size<=i.min&&n.push(i.id)}),t>.1&&this.readjustSizes(t,s,n)},initialPanesSizing(){let e=100;const t=[],s=[];let n=0;this.panes.forEach(a=>{e-=a.size,a.size!==null&&n++,a.size>=a.max&&t.push(a.id),a.size<=a.min&&s.push(a.id)});let i=100;e>.1&&(this.panes.forEach(a=>{a.size===null&&(a.size=Math.max(Math.min(e/(this.panesCount-n),a.max),a.min)),i-=a.size}),i>.1&&this.readjustSizes(e,t,s))},equalizeAfterAddOrRemove({addedPane:e,removedPane:t}={}){let s=100/this.panesCount,n=0;const i=[],a=[];e&&e.givenSize!==null&&(s=(100-e.givenSize)/(this.panesCount-1)),this.panes.forEach(o=>{n-=o.size,o.size>=o.max&&i.push(o.id),o.size<=o.min&&a.push(o.id)}),!(Math.abs(n)<.1)&&(this.panes.forEach(o=>{e&&e.givenSize!==null&&e.id===o.id||(o.size=Math.max(Math.min(s,o.max),o.min)),n-=o.size,o.size>=o.max&&i.push(o.id),o.size<=o.min&&a.push(o.id)}),n>.1&&this.readjustSizes(n,i,a))},readjustSizes(e,t,s){let n;e>0?n=e/(this.panesCount-t.length):n=e/(this.panesCount-s.length),this.panes.forEach((i,a)=>{if(e>0&&!t.includes(i.id)){const o=Math.max(Math.min(i.size+n,i.max),i.min),l=o-i.size;e-=l,i.size=o}else if(!s.includes(i.id)){const o=Math.max(Math.min(i.size+n,i.max),i.min),l=o-i.size;e-=l,i.size=o}i.update({[this.horizontal?"height":"width"]:`${this.indexedPanes[i.id].size}%`})}),Math.abs(e)>.1&&this.$nextTick(()=>{this.ready&&console.warn("Splitpanes: Could not resize panes correctly due to their constraints.")})}},watch:{panes:{deep:!0,immediate:!1,handler(){this.updatePaneComponents()}},horizontal(){this.updatePaneComponents()},firstSplitter(){this.redoSplitters()},dblClickSplitter(e){[...this.container.querySelectorAll(".splitpanes__splitter")].forEach((t,s)=>{t.ondblclick=e?n=>this.onSplitterDblClick(n,s):void 0})}},beforeUnmount(){this.ready=!1},mounted(){this.container=this.$refs.container,this.checkSplitpanesNodes(),this.redoSplitters(),this.resetPaneSizes(),this.$emit("ready"),this.ready=!0},render(){return r.h("div",{ref:"container",class:["splitpanes",`splitpanes--${this.horizontal?"horizontal":"vertical"}`,{"splitpanes--dragging":this.touch.dragging}]},this.$slots.default())}},v=(e,t)=>{const s=e.__vccOpts||e;for(const[n,i]of t)s[n]=i;return s},_={name:"pane",inject:["requestUpdate","onPaneAdd","onPaneRemove","onPaneClick"],props:{size:{type:[Number,String],default:null},minSize:{type:[Number,String],default:0},maxSize:{type:[Number,String],default:100}},data:()=>({style:{}}),mounted(){this.onPaneAdd(this)},beforeUnmount(){this.onPaneRemove(this)},methods:{update(e){this.style=e}},computed:{sizeNumber(){return this.size||this.size===0?parseFloat(this.size):null},minSizeNumber(){return parseFloat(this.minSize)},maxSizeNumber(){return parseFloat(this.maxSize)}},watch:{sizeNumber(e){this.requestUpdate({target:this,size:e})},minSizeNumber(e){this.requestUpdate({target:this,min:e})},maxSizeNumber(e){this.requestUpdate({target:this,max:e})}}};function g(e,t,s,n,i,a){return r.openBlock(),r.createElementBlock("div",{class:"splitpanes__pane",onClick:t[0]||(t[0]=o=>a.onPaneClick(o,e._.uid)),style:r.normalizeStyle(e.style)},[r.renderSlot(e.$slots,"default")],4)}const M=v(_,[["render",g]]),b="",y=r.defineComponent({__name:"index",props:{styles:{type:Object,required:!1,default:()=>({width:"100%",height:"100%"})},horizontal:{type:Boolean,required:!1,default:!1},title:{type:String,required:!1}},setup(e){return(t,s)=>(r.openBlock(),r.createBlock(r.unref(S),{horizontal:e.horizontal,style:r.normalizeStyle(e.styles),class:"splitpanes"},{default:r.withCtx(()=>[r.renderSlot(t.$slots,"default",{},void 0,!0)]),_:3},8,["horizontal","style"]))}}),w="",m=d(y,[["__scopeId","data-v-a9f55ace"],["__file","D:/Code/front/dld-vue-ui/src/packages/component/SplitPanes/index.vue"]]),z=d(r.defineComponent({__name:"pane",props:{styles:{type:Object,required:!0,default:()=>({background:"#ececec"})}},setup(e){return(t,s)=>(r.openBlock(),r.createBlock(r.unref(M),{style:r.normalizeStyle(e.styles)},{default:r.withCtx(()=>[r.renderSlot(t.$slots,"default")]),_:3},8,["style"]))}}),[["__file","D:/Code/front/dld-vue-ui/src/packages/component/SplitPanes/pane.vue"]]),C={install:e=>{e.component("DVButton",u),e.component("DVP",c),e.component("SplitPanes",m),e.component("Pane",z)}};h.DVButton=u,h.DVP=c,h.Pane=z,h.SplitPanes=m,h.default=C,Object.defineProperties(h,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(p,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],o):(p=typeof globalThis<"u"?globalThis:p||self,o(p["dld-vue-ui"]={},p.Vue))})(this,function(p,o){"use strict";const S={name:"splitpanes",emits:["ready","resize","resized","pane-click","pane-maximize","pane-add","pane-remove","splitter-click"],props:{horizontal:{type:Boolean},pushOtherPanes:{type:Boolean,default:!0},dblClickSplitter:{type:Boolean,default:!0},rtl:{type:Boolean,default:!1},firstSplitter:{type:Boolean}},provide(){return{requestUpdate:this.requestUpdate,onPaneAdd:this.onPaneAdd,onPaneRemove:this.onPaneRemove,onPaneClick:this.onPaneClick}},data:()=>({container:null,ready:!1,panes:[],touch:{mouseDown:!1,dragging:!1,activeSplitter:null},splitterTaps:{splitter:null,timeoutId:null}}),computed:{panesCount(){return this.panes.length},indexedPanes(){return this.panes.reduce((e,t)=>(e[t.id]=t)&&e,{})}},methods:{updatePaneComponents(){this.panes.forEach(e=>{e.update&&e.update({[this.horizontal?"height":"width"]:`${this.indexedPanes[e.id].size}%`})})},bindEvents(){document.addEventListener("mousemove",this.onMouseMove,{passive:!1}),document.addEventListener("mouseup",this.onMouseUp),"ontouchstart"in window&&(document.addEventListener("touchmove",this.onMouseMove,{passive:!1}),document.addEventListener("touchend",this.onMouseUp))},unbindEvents(){document.removeEventListener("mousemove",this.onMouseMove,{passive:!1}),document.removeEventListener("mouseup",this.onMouseUp),"ontouchstart"in window&&(document.removeEventListener("touchmove",this.onMouseMove,{passive:!1}),document.removeEventListener("touchend",this.onMouseUp))},onMouseDown(e,t){this.bindEvents(),this.touch.mouseDown=!0,this.touch.activeSplitter=t},onMouseMove(e){this.touch.mouseDown&&(e.preventDefault(),this.touch.dragging=!0,this.calculatePanesSize(this.getCurrentMouseDrag(e)),this.$emit("resize",this.panes.map(t=>({min:t.min,max:t.max,size:t.size}))))},onMouseUp(){this.touch.dragging&&this.$emit("resized",this.panes.map(e=>({min:e.min,max:e.max,size:e.size}))),this.touch.mouseDown=!1,setTimeout(()=>{this.touch.dragging=!1,this.unbindEvents()},100)},onSplitterClick(e,t){"ontouchstart"in window&&(e.preventDefault(),this.dblClickSplitter&&(this.splitterTaps.splitter===t?(clearTimeout(this.splitterTaps.timeoutId),this.splitterTaps.timeoutId=null,this.onSplitterDblClick(e,t),this.splitterTaps.splitter=null):(this.splitterTaps.splitter=t,this.splitterTaps.timeoutId=setTimeout(()=>{this.splitterTaps.splitter=null},500)))),this.touch.dragging||this.$emit("splitter-click",this.panes[t])},onSplitterDblClick(e,t){let i=0;this.panes=this.panes.map((s,n)=>(s.size=n===t?s.max:s.min,n!==t&&(i+=s.min),s)),this.panes[t].size-=i,this.$emit("pane-maximize",this.panes[t]),this.$emit("resized",this.panes.map(s=>({min:s.min,max:s.max,size:s.size})))},onPaneClick(e,t){this.$emit("pane-click",this.indexedPanes[t])},getCurrentMouseDrag(e){const t=this.container.getBoundingClientRect(),{clientX:i,clientY:s}="ontouchstart"in window&&e.touches?e.touches[0]:e;return{x:i-t.left,y:s-t.top}},getCurrentDragPercentage(e){e=e[this.horizontal?"y":"x"];const t=this.container[this.horizontal?"clientHeight":"clientWidth"];return this.rtl&&!this.horizontal&&(e=t-e),e*100/t},calculatePanesSize(e){const t=this.touch.activeSplitter;let i={prevPanesSize:this.sumPrevPanesSize(t),nextPanesSize:this.sumNextPanesSize(t),prevReachedMinPanes:0,nextReachedMinPanes:0};const s=0+(this.pushOtherPanes?0:i.prevPanesSize),n=100-(this.pushOtherPanes?0:i.nextPanesSize),a=Math.max(Math.min(this.getCurrentDragPercentage(e),n),s);let r=[t,t+1],l=this.panes[r[0]]||null,d=this.panes[r[1]]||null;const h=l.max<100&&a>=l.max+i.prevPanesSize,_=d.max<100&&a<=100-(d.max+this.sumNextPanesSize(t+1));if(h||_){h?(l.size=l.max,d.size=Math.max(100-l.max-i.prevPanesSize-i.nextPanesSize,0)):(l.size=Math.max(100-d.max-i.prevPanesSize-this.sumNextPanesSize(t+1),0),d.size=d.max);return}if(this.pushOtherPanes){const c=this.doPushOtherPanes(i,a);if(!c)return;({sums:i,panesToResize:r}=c),l=this.panes[r[0]]||null,d=this.panes[r[1]]||null}l!==null&&(l.size=Math.min(Math.max(a-i.prevPanesSize-i.prevReachedMinPanes,l.min),l.max)),d!==null&&(d.size=Math.min(Math.max(100-a-i.nextPanesSize-i.nextReachedMinPanes,d.min),d.max))},doPushOtherPanes(e,t){const i=this.touch.activeSplitter,s=[i,i+1];return t<e.prevPanesSize+this.panes[s[0]].min&&(s[0]=this.findPrevExpandedPane(i).index,e.prevReachedMinPanes=0,s[0]<i&&this.panes.forEach((n,a)=>{a>s[0]&&a<=i&&(n.size=n.min,e.prevReachedMinPanes+=n.min)}),e.prevPanesSize=this.sumPrevPanesSize(s[0]),s[0]===void 0)?(e.prevReachedMinPanes=0,this.panes[0].size=this.panes[0].min,this.panes.forEach((n,a)=>{a>0&&a<=i&&(n.size=n.min,e.prevReachedMinPanes+=n.min)}),this.panes[s[1]].size=100-e.prevReachedMinPanes-this.panes[0].min-e.prevPanesSize-e.nextPanesSize,null):t>100-e.nextPanesSize-this.panes[s[1]].min&&(s[1]=this.findNextExpandedPane(i).index,e.nextReachedMinPanes=0,s[1]>i+1&&this.panes.forEach((n,a)=>{a>i&&a<s[1]&&(n.size=n.min,e.nextReachedMinPanes+=n.min)}),e.nextPanesSize=this.sumNextPanesSize(s[1]-1),s[1]===void 0)?(e.nextReachedMinPanes=0,this.panes[this.panesCount-1].size=this.panes[this.panesCount-1].min,this.panes.forEach((n,a)=>{a<this.panesCount-1&&a>=i+1&&(n.size=n.min,e.nextReachedMinPanes+=n.min)}),this.panes[s[0]].size=100-e.prevPanesSize-e.nextReachedMinPanes-this.panes[this.panesCount-1].min-e.nextPanesSize,null):{sums:e,panesToResize:s}},sumPrevPanesSize(e){return this.panes.reduce((t,i,s)=>t+(s<e?i.size:0),0)},sumNextPanesSize(e){return this.panes.reduce((t,i,s)=>t+(s>e+1?i.size:0),0)},findPrevExpandedPane(e){return[...this.panes].reverse().find(t=>t.index<e&&t.size>t.min)||{}},findNextExpandedPane(e){return this.panes.find(t=>t.index>e+1&&t.size>t.min)||{}},checkSplitpanesNodes(){Array.from(this.container.children).forEach(e=>{const t=e.classList.contains("splitpanes__pane"),i=e.classList.contains("splitpanes__splitter");!t&&!i&&(e.parentNode.removeChild(e),console.warn("Splitpanes: Only <pane> elements are allowed at the root of <splitpanes>. One of your DOM nodes was removed."))})},addSplitter(e,t,i=!1){const s=e-1,n=document.createElement("div");n.classList.add("splitpanes__splitter"),i||(n.onmousedown=a=>this.onMouseDown(a,s),typeof window<"u"&&"ontouchstart"in window&&(n.ontouchstart=a=>this.onMouseDown(a,s)),n.onclick=a=>this.onSplitterClick(a,s+1)),this.dblClickSplitter&&(n.ondblclick=a=>this.onSplitterDblClick(a,s+1)),t.parentNode.insertBefore(n,t)},removeSplitter(e){e.onmousedown=void 0,e.onclick=void 0,e.ondblclick=void 0,e.parentNode.removeChild(e)},redoSplitters(){const e=Array.from(this.container.children);e.forEach(i=>{i.className.includes("splitpanes__splitter")&&this.removeSplitter(i)});let t=0;e.forEach(i=>{i.className.includes("splitpanes__pane")&&(!t&&this.firstSplitter?this.addSplitter(t,i,!0):t&&this.addSplitter(t,i),t++)})},requestUpdate({target:e,...t}){const i=this.indexedPanes[e._.uid];Object.entries(t).forEach(([s,n])=>i[s]=n)},onPaneAdd(e){let t=-1;Array.from(e.$el.parentNode.children).some(n=>(n.className.includes("splitpanes__pane")&&t++,n===e.$el));const i=parseFloat(e.minSize),s=parseFloat(e.maxSize);this.panes.splice(t,0,{id:e._.uid,index:t,min:isNaN(i)?0:i,max:isNaN(s)?100:s,size:e.size===null?null:parseFloat(e.size),givenSize:e.size,update:e.update}),this.panes.forEach((n,a)=>n.index=a),this.ready&&this.$nextTick(()=>{this.redoSplitters(),this.resetPaneSizes({addedPane:this.panes[t]}),this.$emit("pane-add",{index:t,panes:this.panes.map(n=>({min:n.min,max:n.max,size:n.size}))})})},onPaneRemove(e){const t=this.panes.findIndex(s=>s.id===e._.uid),i=this.panes.splice(t,1)[0];this.panes.forEach((s,n)=>s.index=n),this.$nextTick(()=>{this.redoSplitters(),this.resetPaneSizes({removedPane:{...i,index:t}}),this.$emit("pane-remove",{removed:i,panes:this.panes.map(s=>({min:s.min,max:s.max,size:s.size}))})})},resetPaneSizes(e={}){!e.addedPane&&!e.removedPane?this.initialPanesSizing():this.panes.some(t=>t.givenSize!==null||t.min||t.max<100)?this.equalizeAfterAddOrRemove(e):this.equalize(),this.ready&&this.$emit("resized",this.panes.map(t=>({min:t.min,max:t.max,size:t.size})))},equalize(){const e=100/this.panesCount;let t=0;const i=[],s=[];this.panes.forEach(n=>{n.size=Math.max(Math.min(e,n.max),n.min),t-=n.size,n.size>=n.max&&i.push(n.id),n.size<=n.min&&s.push(n.id)}),t>.1&&this.readjustSizes(t,i,s)},initialPanesSizing(){let e=100;const t=[],i=[];let s=0;this.panes.forEach(a=>{e-=a.size,a.size!==null&&s++,a.size>=a.max&&t.push(a.id),a.size<=a.min&&i.push(a.id)});let n=100;e>.1&&(this.panes.forEach(a=>{a.size===null&&(a.size=Math.max(Math.min(e/(this.panesCount-s),a.max),a.min)),n-=a.size}),n>.1&&this.readjustSizes(e,t,i))},equalizeAfterAddOrRemove({addedPane:e,removedPane:t}={}){let i=100/this.panesCount,s=0;const n=[],a=[];e&&e.givenSize!==null&&(i=(100-e.givenSize)/(this.panesCount-1)),this.panes.forEach(r=>{s-=r.size,r.size>=r.max&&n.push(r.id),r.size<=r.min&&a.push(r.id)}),!(Math.abs(s)<.1)&&(this.panes.forEach(r=>{e&&e.givenSize!==null&&e.id===r.id||(r.size=Math.max(Math.min(i,r.max),r.min)),s-=r.size,r.size>=r.max&&n.push(r.id),r.size<=r.min&&a.push(r.id)}),s>.1&&this.readjustSizes(s,n,a))},readjustSizes(e,t,i){let s;e>0?s=e/(this.panesCount-t.length):s=e/(this.panesCount-i.length),this.panes.forEach((n,a)=>{if(e>0&&!t.includes(n.id)){const r=Math.max(Math.min(n.size+s,n.max),n.min),l=r-n.size;e-=l,n.size=r}else if(!i.includes(n.id)){const r=Math.max(Math.min(n.size+s,n.max),n.min),l=r-n.size;e-=l,n.size=r}n.update({[this.horizontal?"height":"width"]:`${this.indexedPanes[n.id].size}%`})}),Math.abs(e)>.1&&this.$nextTick(()=>{this.ready&&console.warn("Splitpanes: Could not resize panes correctly due to their constraints.")})}},watch:{panes:{deep:!0,immediate:!1,handler(){this.updatePaneComponents()}},horizontal(){this.updatePaneComponents()},firstSplitter(){this.redoSplitters()},dblClickSplitter(e){[...this.container.querySelectorAll(".splitpanes__splitter")].forEach((t,i)=>{t.ondblclick=e?s=>this.onSplitterDblClick(s,i):void 0})}},beforeUnmount(){this.ready=!1},mounted(){this.container=this.$refs.container,this.checkSplitpanesNodes(),this.redoSplitters(),this.resetPaneSizes(),this.$emit("ready"),this.ready=!0},render(){return o.h("div",{ref:"container",class:["splitpanes",`splitpanes--${this.horizontal?"horizontal":"vertical"}`,{"splitpanes--dragging":this.touch.dragging}]},this.$slots.default())}},P=(e,t)=>{const i=e.__vccOpts||e;for(const[s,n]of t)i[s]=n;return i},g={name:"pane",inject:["requestUpdate","onPaneAdd","onPaneRemove","onPaneClick"],props:{size:{type:[Number,String],default:null},minSize:{type:[Number,String],default:0},maxSize:{type:[Number,String],default:100}},data:()=>({style:{}}),mounted(){this.onPaneAdd(this)},beforeUnmount(){this.onPaneRemove(this)},methods:{update(e){this.style=e}},computed:{sizeNumber(){return this.size||this.size===0?parseFloat(this.size):null},minSizeNumber(){return parseFloat(this.minSize)},maxSizeNumber(){return parseFloat(this.maxSize)}},watch:{sizeNumber(e){this.requestUpdate({target:this,size:e})},minSizeNumber(e){this.requestUpdate({target:this,min:e})},maxSizeNumber(e){this.requestUpdate({target:this,max:e})}}};function y(e,t,i,s,n,a){return o.openBlock(),o.createElementBlock("div",{class:"splitpanes__pane",onClick:t[0]||(t[0]=r=>a.onPaneClick(r,e._.uid)),style:o.normalizeStyle(e.style)},[o.renderSlot(e.$slots,"default")],4)}const M=P(g,[["render",y]]),H="",C=o.defineComponent({__name:"index",props:{styles:{type:Object,required:!1,default:()=>({width:"100%",height:"100%"})},horizontal:{type:Boolean,required:!1,default:!1}},setup(e){return(t,i)=>(o.openBlock(),o.createBlock(o.unref(S),{horizontal:e.horizontal,style:o.normalizeStyle(e.styles),class:"splitpanes"},{default:o.withCtx(()=>[o.renderSlot(t.$slots,"default",{},void 0,!0)]),_:3},8,["horizontal","style"]))}}),G="",u=(e,t)=>{const i=e.__vccOpts||e;for(const[s,n]of t)i[s]=n;return i},m=u(C,[["__scopeId","data-v-4226b5d2"],["__file","D:/Code/front/dld-vue-ui/src/packages/SplitPanes/index.vue"]]),z=u(o.defineComponent({__name:"pane",props:{styles:{type:Object,required:!0,default:()=>({background:"#ececec"})}},setup(e){return(t,i)=>(o.openBlock(),o.createBlock(o.unref(M),{style:o.normalizeStyle(e.styles)},{default:o.withCtx(()=>[o.renderSlot(t.$slots,"default")]),_:3},8,["style"]))}}),[["__file","D:/Code/front/dld-vue-ui/src/packages/SplitPanes/pane.vue"]]);/*! Element Plus Icons Vue v2.0.10 */var f=(e,t)=>{let i=e.__vccOpts||e;for(let[s,n]of t)i[s]=n;return i},E={name:"FolderOpened"},w={viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg"},k=o.createElementVNode("path",{fill:"currentColor",d:"M878.08 448H241.92l-96 384h636.16l96-384zM832 384v-64H485.76L357.504 192H128v448l57.92-231.744A32 32 0 0 1 216.96 384H832zm-24.96 512H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h287.872l128.384 128H864a32 32 0 0 1 32 32v96h23.04a32 32 0 0 1 31.04 39.744l-112 448A32 32 0 0 1 807.04 896z"},null,-1),b=[k];function N(e,t,i,s,n,a){return o.openBlock(),o.createElementBlock("svg",w,b)}var $=f(E,[["render",N],["__file","folder-opened.vue"]]),R={name:"Upload"},T={viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg"},D=o.createElementVNode("path",{fill:"currentColor",d:"M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64zm384-578.304V704h-64V247.296L237.248 490.048 192 444.8 508.8 128l316.8 316.8-45.312 45.248L544 253.696z"},null,-1),B=[D];function q(e,t,i,s,n,a){return o.openBlock(),o.createElementBlock("svg",T,B)}var O=f(R,[["render",q],["__file","upload.vue"]]),U=function(){function e(t){if(!t)throw new TypeError("Invalid argument; `value` has no value.");this.value=e.EMPTY,t&&e.isGuid(t)&&(this.value=t)}return e.isGuid=function(t){var i=t.toString();return t&&(t instanceof e||e.validator.test(i))},e.create=function(){return new e([e.gen(2),e.gen(1),e.gen(1),e.gen(1),e.gen(3)].join("-"))},e.createEmpty=function(){return new e("emptyguid")},e.parse=function(t){return new e(t)},e.raw=function(){return[e.gen(2),e.gen(1),e.gen(1),e.gen(1),e.gen(3)].join("-")},e.gen=function(t){for(var i="",s=0;s<t;s++)i+=((1+Math.random())*65536|0).toString(16).substring(1);return i},e.prototype.equals=function(t){return e.isGuid(t)&&this.value===t.toString()},e.prototype.isEmpty=function(){return this.value===e.EMPTY},e.prototype.toString=function(){return this.value},e.prototype.toJSON=function(){return{value:this.value}},e.validator=new RegExp("^[a-z0-9]{8}-[a-z0-9]{4}-[a-z0-9]{4}-[a-z0-9]{4}-[a-z0-9]{12}$","i"),e.EMPTY="00000000-0000-0000-0000-000000000000",e}(),L=U;const F={style:{}},A=["id"],j={class:"filename"},V=o.defineComponent({__name:"index",props:{size:{type:String,required:!1,default:"default"},name:{type:String,required:!1,default:"\u4E0A\u4F20\u6587\u4EF6"},icon:{type:null,required:!1,default:O},type:{type:null,required:!1,default:"success"}},emits:["upload"],setup(e,{expose:t,emit:i}){let s=L.create().toString(),n,a=o.ref("");function r(){n.click()}function l(){a.value=n.value}function d(){n.files!==null&&i("upload",n.files[0])}function h(){n.value="",a.value=""}return o.onMounted(()=>{n=document.getElementById(s)}),t({Clear:h}),(_,c)=>{const v=o.resolveComponent("el-button");return o.openBlock(),o.createElementBlock("div",F,[o.createVNode(v,{type:e.type,icon:o.unref($),size:e.size,class:"btn",onClick:r},{default:o.withCtx(()=>[o.createTextVNode("\u9009\u62E9\u6587\u4EF6")]),_:1},8,["type","icon","size"]),o.withDirectives(o.createElementVNode("input",{type:"file",id:o.unref(s),onChange:l},null,40,A),[[o.vShow,!1]]),o.createElementVNode("span",j,o.toDisplayString(o.unref(a)),1),o.createVNode(v,{type:e.type,icon:e.icon,size:e.size,disabled:o.unref(a)==null||o.unref(a)=="",class:"btn",onClick:d},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(e.name),1)]),_:1},8,["type","icon","size","disabled"])])}}}),J="",x=u(V,[["__scopeId","data-v-83b9cdd7"],["__file","D:/Code/front/dld-vue-ui/src/packages/UpLoadFile/index.vue"]]),I={install:e=>{e.component("SplitPanes",m),e.component("Pane",z),e.component("UpLoadFile",x)}};p.Pane=z,p.SplitPanes=m,p.UpLoadFile=x,p.default=I,Object.defineProperties(p,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/packages/{component/SplitPanes → SplitPanes}/index.vue.d.ts

@@ -13,10 +13,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: boolean;
     };
-    title: {
-        type: StringConstructor;
-        required: false;
-    };
 }, {
     readonly Splitpanes: Splitpanes;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -33,10 +29,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: boolean;
     };
-    title: {
-        type: StringConstructor;
-        required: false;
-    };
 }>>, {
     styles: Record<string, any>;
     horizontal: boolean;

package/dist/packages/UpLoadFile/index.vue.d.ts

@@ -0,0 +1,61 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    size: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    name: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    icon: {
+        type: null;
+        required: false;
+        default: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    };
+    type: {
+        type: null;
+        required: false;
+        default: string;
+    };
+}, {
+    emit: (e: 'upload', file: File) => void;
+    fileId: string;
+    dom: HTMLInputElement;
+    fileName: import("vue").Ref<string>;
+    OpenFile: () => void;
+    GetFiles: () => void;
+    UpLoadFile: () => void;
+    Clear: () => void;
+    readonly FolderOpened: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "upload"[], "upload", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    size: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    name: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    icon: {
+        type: null;
+        required: false;
+        default: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    };
+    type: {
+        type: null;
+        required: false;
+        default: string;
+    };
+}>> & {
+    onUpload?: ((...args: any[]) => any) | undefined;
+}, {
+    type: any;
+    size: string;
+    name: string;
+    icon: any;
+}>;
+export default _sfc_main;

package/dist/packages/index.d.ts

@@ -1,8 +1,7 @@
 import { App } from "vue";
-import DVButton from "./component/Button";
-import DVP from './component/P';
-import { SplitPanes, Pane } from './component/SplitPanes';
-export { DVButton, DVP, SplitPanes, Pane };
+import { SplitPanes, Pane } from './SplitPanes';
+import UpLoadFile from './UpLoadFile/index.vue';
+export { SplitPanes, Pane, UpLoadFile };
 declare const _default: {
     install: (app: App) => void;
 };

package/dist/style.css

@@ -1 +1 @@
-.splitpanes{display:flex;width:100%;height:100%}.splitpanes--vertical{flex-direction:row}.splitpanes--horizontal{flex-direction:column}.splitpanes--dragging *{user-select:none}.splitpanes__pane{width:100%;height:100%;overflow:hidden}.splitpanes--vertical .splitpanes__pane{transition:width .2s ease-out}.splitpanes--horizontal .splitpanes__pane{transition:height .2s ease-out}.splitpanes--dragging .splitpanes__pane{transition:none}.splitpanes__splitter{touch-action:none}.splitpanes--vertical>.splitpanes__splitter{min-width:1px;cursor:col-resize}.splitpanes--horizontal>.splitpanes__splitter{min-height:1px;cursor:row-resize}.splitpanes.default-theme .splitpanes__pane{background-color:#f2f2f2}.splitpanes.default-theme .splitpanes__splitter{background-color:#fff;box-sizing:border-box;position:relative;flex-shrink:0}.splitpanes.default-theme .splitpanes__splitter:before,.splitpanes.default-theme .splitpanes__splitter:after{content:"";position:absolute;top:50%;left:50%;background-color:#00000026;transition:background-color .3s}.splitpanes.default-theme .splitpanes__splitter:hover:before,.splitpanes.default-theme .splitpanes__splitter:hover:after{background-color:#00000040}.splitpanes.default-theme .splitpanes__splitter:first-child{cursor:auto}.default-theme.splitpanes .splitpanes .splitpanes__splitter{z-index:1}.default-theme.splitpanes--vertical>.splitpanes__splitter,.default-theme .splitpanes--vertical>.splitpanes__splitter{width:7px;border-left:1px solid #eee;margin-left:-1px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{transform:translateY(-50%);width:1px;height:30px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:before{margin-left:-2px}.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{margin-left:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter,.default-theme .splitpanes--horizontal>.splitpanes__splitter{height:7px;border-top:1px solid #eee;margin-top:-1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{transform:translate(-50%);width:30px;height:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before{margin-top:-2px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{margin-top:1px}.splitpanes[data-v-a9f55ace] .splitpanes__splitter{min-width:4px;min-height:4px}
+.splitpanes{display:flex;width:100%;height:100%}.splitpanes--vertical{flex-direction:row}.splitpanes--horizontal{flex-direction:column}.splitpanes--dragging *{user-select:none}.splitpanes__pane{width:100%;height:100%;overflow:hidden}.splitpanes--vertical .splitpanes__pane{transition:width .2s ease-out}.splitpanes--horizontal .splitpanes__pane{transition:height .2s ease-out}.splitpanes--dragging .splitpanes__pane{transition:none}.splitpanes__splitter{touch-action:none}.splitpanes--vertical>.splitpanes__splitter{min-width:1px;cursor:col-resize}.splitpanes--horizontal>.splitpanes__splitter{min-height:1px;cursor:row-resize}.splitpanes.default-theme .splitpanes__pane{background-color:#f2f2f2}.splitpanes.default-theme .splitpanes__splitter{background-color:#fff;box-sizing:border-box;position:relative;flex-shrink:0}.splitpanes.default-theme .splitpanes__splitter:before,.splitpanes.default-theme .splitpanes__splitter:after{content:"";position:absolute;top:50%;left:50%;background-color:#00000026;transition:background-color .3s}.splitpanes.default-theme .splitpanes__splitter:hover:before,.splitpanes.default-theme .splitpanes__splitter:hover:after{background-color:#00000040}.splitpanes.default-theme .splitpanes__splitter:first-child{cursor:auto}.default-theme.splitpanes .splitpanes .splitpanes__splitter{z-index:1}.default-theme.splitpanes--vertical>.splitpanes__splitter,.default-theme .splitpanes--vertical>.splitpanes__splitter{width:7px;border-left:1px solid #eee;margin-left:-1px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{transform:translateY(-50%);width:1px;height:30px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:before{margin-left:-2px}.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{margin-left:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter,.default-theme .splitpanes--horizontal>.splitpanes__splitter{height:7px;border-top:1px solid #eee;margin-top:-1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{transform:translate(-50%);width:30px;height:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before{margin-top:-2px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{margin-top:1px}.splitpanes[data-v-4226b5d2] .splitpanes__splitter{min-width:4px;min-height:4px}.fileupload[data-v-83b9cdd7]{overflow-x:auto}.btn[data-v-83b9cdd7]{margin-left:5px;margin-right:5px}.filename[data-v-83b9cdd7]{font-size:12px;text-indent:1em}.filename[data-v-83b9cdd7]:hover{background:rgb(228,228,228)}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "dld-vue-ui",
   "private": false,
-  "version": "0.0.7",
+  "version": "0.0.9",
   "type": "module",
   "main": "./dist/dld-vue-ui.umd.js",
   "module": "./dist/dld-vue-ui.js",

package/dist/packages/component/Button/index.d.ts

@@ -1,2 +0,0 @@
-import DVButton from './index.vue';
-export default DVButton;

package/dist/packages/component/Button/index.vue.d.ts

@@ -1,18 +0,0 @@
-declare const _sfc_main: import("vue").DefineComponent<{
-    name: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-}, {
-    props: any;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    name: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-}>>, {
-    name: string;
-}>;
-export default _sfc_main;

package/dist/packages/component/P/index.d.ts

@@ -1,2 +0,0 @@
-import DVP from './index.vue';
-export default DVP;

package/dist/packages/component/P/index.vue.d.ts

@@ -1,18 +0,0 @@
-declare const _sfc_main: import("vue").DefineComponent<{
-    title: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-}, {
-    props: any;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    title: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-    };
-}>>, {
-    title: string;
-}>;
-export default _sfc_main;