vue-2024-ui 0.2.24 → 0.2.25

package/dist/index.es.js

@@ -471,7 +471,8 @@ const Dt = /* @__PURE__ */ Wt(Tl), Xt = {
   "default-placeholder": !0,
   style: {
     display: "flex",
-    flexWrap: "wrap"
+    flexWrap: "wrap",
+    padding: "20px"
   },
   // 表单底部属性
   footer: {
@@ -1473,7 +1474,7 @@ const Dt = /* @__PURE__ */ Wt(Tl), Xt = {
             ref: e,
             model: f.value,
             style: {
-              width: "98%",
+              width: "100%",
               padding: 0,
               margin: 0,
               "box-sizing": "border-box"
@@ -1654,7 +1655,7 @@ const Dt = /* @__PURE__ */ Wt(Tl), Xt = {
       ]);
     };
   }
-}), xt = /* @__PURE__ */ at(zl, [["__scopeId", "data-v-a28ff0af"]]), Bt = {
+}), xt = /* @__PURE__ */ at(zl, [["__scopeId", "data-v-3b3ffd4d"]]), Bt = {
   __name: "g-query-item",
   props: /* @__PURE__ */ tt(["more"], {
     modelValue: { required: !0 },
@@ -2056,10 +2057,10 @@ const Dt = /* @__PURE__ */ Wt(Tl), Xt = {
       ], 64);
     };
   }
-}, Wl = /* @__PURE__ */ at(Nl, [["__scopeId", "data-v-fbc339ad"]]), Gl = { style: { padding: "0", margin: "0", "box-sizing": "border-box" } }, Xl = { style: { padding: "5px 10px", "box-sizing": "border-box" } }, Ql = { style: { display: "flex", flex: "1", "align-items": "center", height: "30px" } }, Zl = { style: { display: "flex", flex: "1", "align-items": "center" } }, Jl = {
+}, Wl = /* @__PURE__ */ at(Nl, [["__scopeId", "data-v-fbc339ad"]]), Gl = { style: { padding: "15px", "box-sizing": "border-box" } }, Xl = { style: { display: "flex", flex: "1", "align-items": "center", height: "30px" } }, Ql = { style: { display: "flex", flex: "1", "align-items": "center" } }, Zl = {
   style: { display: "flex", "flex-wrap": "wrap" },
   id: "excelSortEl"
-}, Kl = ["textContent"], ea = { style: { width: "100%", display: "flex", padding: "10px", "box-sizing": "border-box", "justify-content": "center", "border-top": "1px solid #dcdfe6" } }, ta = {
+}, Jl = ["textContent"], Kl = { style: { width: "100%", display: "flex", padding: "10px", "box-sizing": "border-box", "justify-content": "center", "border-top": "1px solid #dcdfe6" } }, ea = {
   __name: "check-excel-item",
   props: {
     items: Array,
@@ -2102,9 +2103,9 @@ const Dt = /* @__PURE__ */ Wt(Tl), Xt = {
     }), (D, c) => {
       const v = L("el-divider"), u = L("el-icon"), d = L("el-text"), $ = L("el-checkbox"), le = L("el-button");
       return p(), Y("div", Gl, [
-        X("div", Xl, [
-          X("div", Ql, [
-            X("div", Zl, [
+        X("div", null, [
+          X("div", Xl, [
+            X("div", Ql, [
               X("a", {
                 onClick: e,
                 style: { cursor: "pointer" }
@@ -2134,7 +2135,7 @@ const Dt = /* @__PURE__ */ Wt(Tl), Xt = {
             ])
           ]),
           c[1] || (c[1] = X("div", { style: { margin: "1px 0" } }, null, -1)),
-          X("div", Jl, [
+          X("div", Zl, [
             (p(!0), Y(te, null, W(r.value, (B) => (p(), A($, {
               class: "check-box-hover",
               style: { width: "120px !important", height: "30px !important", border: "1px solid #dfe6ec", margin: "5px !important", "border-radius": "3px !important", "padding-left": "5px !important", display: "flex !important", "align-items": "center !important" },
@@ -2148,13 +2149,13 @@ const Dt = /* @__PURE__ */ Wt(Tl), Xt = {
                 X("span", {
                   textContent: Ee(B.label),
                   style: { display: "block", "text-overflow": "ellipsis", width: "95px", overflow: "hidden" }
-                }, null, 8, Kl)
+                }, null, 8, Jl)
               ]),
               _: 2
             }, 1032, ["data-id", "modelValue", "onUpdate:modelValue", "title"]))), 128))
           ])
         ]),
-        X("div", ea, [
+        X("div", Kl, [
           ee(le, {
             type: "primary",
             onClick: f,
@@ -2170,8 +2171,8 @@ const Dt = /* @__PURE__ */ Wt(Tl), Xt = {
       ]);
     };
   }
-}, la = /* @__PURE__ */ at(ta, [["__scopeId", "data-v-69098363"]]), aa = "vue-gyc-ui", ra = 1, ve = new Sl(aa);
-ve.version(ra).stores({
+}, ta = /* @__PURE__ */ at(ea, [["__scopeId", "data-v-13575747"]]), la = "vue-gyc-ui", aa = 1, ve = new Sl(la);
+ve.version(aa).stores({
   // 记录表格项设置信息
   tableWidths: "++id, [page+key], page, key,width",
   // 记录表格分页条数
@@ -2193,7 +2194,7 @@ async function $t(n, s, a) {
     throw console.error(`处理表格列状态时出错 (page: ${n}, key: ${s}, state: ${a}):`, t), t;
   }
 }
-async function oa(n, s, a) {
+async function ra(n, s, a) {
   ut(n);
   try {
     const t = await ve.tableWidths.where({ page: n, key: s }).first();
@@ -2202,7 +2203,7 @@ async function oa(n, s, a) {
     throw console.error(`保存表格项设置信息时出错 (page: ${n}, key: ${s}):`, t), t;
   }
 }
-async function na(n) {
+async function oa(n) {
   ut(n);
   try {
     return await ve.tableWidths.where({ page: n }).toArray();
@@ -2210,7 +2211,7 @@ async function na(n) {
     throw console.error(`获取表格项设置信息时出错 (page: ${n}):`, s), s;
   }
 }
-async function ua(n) {
+async function na(n) {
   ut(n);
   try {
     const s = await ve.tableColsState.where({ page: n }).toArray();
@@ -2219,7 +2220,7 @@ async function ua(n) {
     throw console.error(`获取表格列状态时出错 (page: ${n}):`, s), s;
   }
 }
-async function sa(n) {
+async function ua(n) {
   ut(n);
   try {
     return await ve.transaction("rw", ve.tableWidths, ve.pageInfo, ve.sorts, ve.tableColsState, async () => {
@@ -2234,7 +2235,7 @@ async function sa(n) {
     throw console.error(`删除页面"${n}"的表格设置信息时出错:`, s), s;
   }
 }
-async function ia({ page: n, size: s }) {
+async function sa({ page: n, size: s }) {
   ut(n);
   try {
     const a = await ve.pageInfo.where({ page: n }).first();
@@ -2243,7 +2244,7 @@ async function ia({ page: n, size: s }) {
     throw console.error(`保存分页条数时出错 (page: ${n}):`, a), a;
   }
 }
-async function da(n) {
+async function ia(n) {
   ut(n);
   try {
     const s = await ve.pageInfo.where({ page: n }).first();
@@ -2252,7 +2253,7 @@ async function da(n) {
     throw console.error(`获取分页条数时出错 (page: ${n}):`, s), s;
   }
 }
-async function ca(n, s) {
+async function da(n, s) {
   ut(n);
   try {
     const a = await ve.sorts.where({ page: n }).first();
@@ -2261,7 +2262,7 @@ async function ca(n, s) {
     throw console.error(`保存表格字段顺序时出错 (page: ${n}):`, a), a;
   }
 }
-async function fa(n) {
+async function ca(n) {
   ut(n);
   try {
     const s = await ve.sorts.where({ page: n }).first();
@@ -2270,7 +2271,7 @@ async function fa(n) {
     throw console.error(`获取表格字段顺序时出错 (page: ${n}):`, s), s;
   }
 }
-const va = { style: { display: "flex", "align-items": "center", padding: "5px 10px", height: "30px" } }, pa = {
+const fa = { style: { padding: "15px", "box-sizing": "border-box" } }, va = { style: { display: "flex", "align-items": "center", height: "30px" } }, pa = {
   style: { display: "flex", flex: "1", "align-items": "center" },
   class: "allcheck"
 }, ma = {
@@ -2301,7 +2302,7 @@ const va = { style: { display: "flex", "align-items": "center", padding: "5px 10
           onEnd: async () => {
             let $ = d.toArray();
             try {
-              ca(a.tuid, $).then((le) => {
+              da(a.tuid, $).then((le) => {
                 t("setting-drag-end");
               });
             } catch (le) {
@@ -2346,7 +2347,7 @@ const va = { style: { display: "flex", "align-items": "center", padding: "5px 10
         cancelButtonText: "取消",
         type: "warning"
       }).then(() => {
-        sa(a.tuid).then((u) => {
+        ua(a.tuid).then((u) => {
           window.location.reload();
         }).catch((u) => {
           console.error("复位操作出错:", u), et({
@@ -2367,7 +2368,7 @@ const va = { style: { display: "flex", "align-items": "center", padding: "5px 10
       })).sort((u, d) => u.sort - d.sort), f();
     }), (u, d) => {
       const $ = L("el-divider"), le = L("el-icon"), B = L("el-text"), G = L("el-checkbox");
-      return p(), Y("div", null, [
+      return p(), Y("div", fa, [
         X("div", va, [
           X("div", pa, [
             X("a", { onClick: D }, "全选"),
@@ -2416,7 +2417,7 @@ const va = { style: { display: "flex", "align-items": "center", padding: "5px 10
       ]);
     };
   }
-}, ga = /* @__PURE__ */ at(ya, [["__scopeId", "data-v-8b3dc588"]]), ba = { class: "title" }, $a = { class: "content" }, wa = {
+}, ga = /* @__PURE__ */ at(ya, [["__scopeId", "data-v-428381ae"]]), ba = { class: "title" }, $a = { class: "content" }, wa = {
   __name: "g-cell-toopTip",
   props: {
     content: {
@@ -2657,7 +2658,7 @@ const Sa = /* @__PURE__ */ Wt(Da), xa = { key: 0 }, Ma = { style: { display: "fl
       fit: !1,
       type: "hidden",
       load: async () => {
-        e.value.table.page.pageSize = await da(ce.value);
+        e.value.table.page.pageSize = await ia(ce.value);
         let { currentPage: l, pageSize: o } = e.value.table.page;
         try {
           r(
@@ -2682,7 +2683,7 @@ const Sa = /* @__PURE__ */ Wt(Da), xa = { key: 0 }, Ma = { style: { display: "fl
         }
       },
       onHeaderDragend: (l, o, m) => {
-        oa(ce.value, m.property, l);
+        ra(ce.value, m.property, l);
       },
       onRowDblclick: (l, o, m) => {
         e.value.table.dblclickType == "edit" ? g(l, o, m, e) : e.value.table.dblclickType == "view" ? V(l, o, m, e) : e.value.table.dblclickType == "delete" ? i(l, o, m, e) : e.value.table.dblclickType(l, o, m, e);
@@ -2705,7 +2706,7 @@ const Sa = /* @__PURE__ */ Wt(Da), xa = { key: 0 }, Ma = { style: { display: "fl
           e.value.table.page.currentPage = l, e.value.table.load();
         },
         onSizeChange: (l) => {
-          ia({ page: ce.value, size: l }).then(() => {
+          sa({ page: ce.value, size: l }).then(() => {
             e.value.table.page.pageSize = l, e.value.table.load();
           });
         }
@@ -3024,7 +3025,7 @@ const Sa = /* @__PURE__ */ Wt(Da), xa = { key: 0 }, Ma = { style: { display: "fl
             size: o.control.download(l, o).size || 480,
             width: o.control.download(l, o).width || 600,
             slots: {
-              default: () => we(la, {
+              default: () => we(ta, {
                 items: m,
                 commitText: o.control.download(l, o).excelLabel,
                 onExcel: (U, N) => {
@@ -3142,9 +3143,9 @@ const Sa = /* @__PURE__ */ Wt(Da), xa = { key: 0 }, Ma = { style: { display: "fl
     const xe = async () => {
       try {
         const [l, o, m] = await Promise.all([
-          na(ce.value),
-          fa(ce.value),
-          ua(ce.value)
+          oa(ce.value),
+          ca(ce.value),
+          na(ce.value)
         ]);
         l && Array.isArray(l) && l.forEach((b) => {
           const F = e.value[b.key];

package/dist/style.css

@@ -1 +1 @@
-.custom-upload[data-v-ecd28c07]{--up-width: 100px;--up-height: 100px;--up-font-size: 18px}[data-v-ecd28c07] .custom-upload img{width:100%;height:100%}[data-v-ecd28c07] .custom-upload .el-upload--picture-card,[data-v-ecd28c07] .custom-upload .el-upload-dragger,[data-v-ecd28c07] .custom-upload .el-upload-list__item{width:var(--up-width);height:var(--up-height);line-height:var(--up-height);box-sizing:border-box}[data-v-ecd28c07] .custom-upload .el-upload-dragger{display:flex;align-items:center;justify-content:center;border:1px dashed var(--el-border-color);border-radius:6px;background-color:var(--el-fill-color-light);transition:border-color .3s}[data-v-ecd28c07] .custom-upload .el-upload-dragger:hover{border-color:var(--el-color-primary)}[data-v-ecd28c07] .custom-upload .el-icon{font-size:var(--up-font-size)}.up-view[data-v-ecd28c07]:hover{background-color:#0003}.g-form-container[data-v-a28ff0af]{width:100%;display:flex;flex-direction:column}.g-query-container[data-v-fbc339ad]{position:relative;display:flex;flex:1;flex-direction:column;padding:10px;box-sizing:border-box}.outer[data-v-fbc339ad]{min-height:100px;border-radius:4px;background-color:var(--el-bg-color);top:60px;padding-top:10px;width:100%;box-sizing:border-box}.inner[data-v-fbc339ad]{border-radius:4px;min-height:100px;border:1px solid var(--el-border-color);padding:18px 18px 0;box-sizing:border-box;width:100%;background-color:var(--el-bg-color)}.nested-enter-active[data-v-fbc339ad],.nested-leave-active[data-v-fbc339ad]{transition:all .3s ease-in-out}.nested-leave-active[data-v-fbc339ad]{transition-delay:.25s}.nested-enter-from[data-v-fbc339ad],.nested-leave-to[data-v-fbc339ad]{transform:translateY(-100px);opacity:0}.nested-enter-active .inner[data-v-fbc339ad],.nested-leave-active .inner[data-v-fbc339ad]{transition:all .3s ease-in-out}.nested-enter-active .inner[data-v-fbc339ad]{transition-delay:.25s}.nested-enter-from .inner[data-v-fbc339ad],.nested-leave-to .inner[data-v-fbc339ad]{transform:translateY(-100px);opacity:.001}.query-form[data-v-fbc339ad]{padding:20px;background-color:var(--el-bg-color);border:1px solid var(--el-border-color);margin:5px;border-radius:4px}.check-box-hover[data-v-69098363]:hover,.check-box-hover[data-v-8b3dc588]:hover{background:var(--el-border-color)}.allcheck a[data-v-8b3dc588]{cursor:pointer}.filtered[data-v-8b3dc588]{pointer-events:none}.g-cell-toopTip[data-v-f28912da]{max-height:400px;border-radius:var(--el-border-radius-base);padding:12px;transition:all .3s ease}.g-cell-toopTip .title[data-v-f28912da]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;height:24px;border-bottom:1px solid var(--el-border-color)}.g-cell-toopTip .title .title-text[data-v-f28912da]{font-weight:700;line-height:24px}.g-cell-toopTip .content[data-v-f28912da]{max-height:300px;overflow-y:auto;line-height:1.5;padding:4px 0}.copy-btn[data-v-f28912da]{width:16px;height:16px;cursor:pointer}.copy-btn[data-v-f28912da]:hover{color:var(--el-color-success)}.control .el-button[data-v-fb74c643]{padding:0 3px;margin:0 3px}.g-table-container[data-v-fb74c643]{margin:0;padding:0;width:100%;height:100%}.table-query-container[data-v-fb74c643]{background-color:var(--el-bg-color);margin-bottom:10px;border:1px solid var(--el-border-color-lighter)}.table-container[data-v-fb74c643]{box-sizing:border-box;background-color:var(--el-bg-color)}.max[data-v-fb74c643]{cursor:pointer;color:var(--el-text-color)}.max[data-v-fb74c643]:hover{color:var(--el-color-primary)}.btns[data-v-fb74c643]{display:flex}[data-v-fb74c643] .drag-dialog{resize:both;overflow:auto}[data-v-fb74c643] .el-dialog__header,[data-v-fb74c643] .el-dialog__body{pointer-events:auto!important}.g-tree-table[data-v-c888e4fc]{width:100%;display:flex;box-sizing:border-box}.g-tree-container[data-v-c888e4fc]{display:flex;width:100%;box-sizing:border-box;border-radius:4px;overflow:auto;height:100%;border:1px solid var(--el-border-color-lighter)}.g-tree-table-container[data-v-c888e4fc]{display:flex;flex:1;overflow:auto}.g-tree-left[data-v-c888e4fc]{display:flex;flex-direction:column;box-sizing:border-box;margin-right:10px;overflow:auto}.op-group[data-v-c0ac6b77]{display:flex;justify-content:space-between;align-items:center;font-weight:700;color:#fff;padding:5px 25px;box-sizing:border-box;background-color:var(--el-color-primary-light-3)}.op-items[data-v-c0ac6b77]{display:flex;justify-content:space-between;align-items:center;color:#666;margin-left:12px}.op-items span[data-v-c0ac6b77]{background-color:var(--el-color-primary-light-7);border-radius:3px;margin:2px 2px 0 0;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
+.custom-upload[data-v-ecd28c07]{--up-width: 100px;--up-height: 100px;--up-font-size: 18px}[data-v-ecd28c07] .custom-upload img{width:100%;height:100%}[data-v-ecd28c07] .custom-upload .el-upload--picture-card,[data-v-ecd28c07] .custom-upload .el-upload-dragger,[data-v-ecd28c07] .custom-upload .el-upload-list__item{width:var(--up-width);height:var(--up-height);line-height:var(--up-height);box-sizing:border-box}[data-v-ecd28c07] .custom-upload .el-upload-dragger{display:flex;align-items:center;justify-content:center;border:1px dashed var(--el-border-color);border-radius:6px;background-color:var(--el-fill-color-light);transition:border-color .3s}[data-v-ecd28c07] .custom-upload .el-upload-dragger:hover{border-color:var(--el-color-primary)}[data-v-ecd28c07] .custom-upload .el-icon{font-size:var(--up-font-size)}.up-view[data-v-ecd28c07]:hover{background-color:#0003}.g-form-container[data-v-3b3ffd4d]{width:100%;display:flex;flex-direction:column}.g-query-container[data-v-fbc339ad]{position:relative;display:flex;flex:1;flex-direction:column;padding:10px;box-sizing:border-box}.outer[data-v-fbc339ad]{min-height:100px;border-radius:4px;background-color:var(--el-bg-color);top:60px;padding-top:10px;width:100%;box-sizing:border-box}.inner[data-v-fbc339ad]{border-radius:4px;min-height:100px;border:1px solid var(--el-border-color);padding:18px 18px 0;box-sizing:border-box;width:100%;background-color:var(--el-bg-color)}.nested-enter-active[data-v-fbc339ad],.nested-leave-active[data-v-fbc339ad]{transition:all .3s ease-in-out}.nested-leave-active[data-v-fbc339ad]{transition-delay:.25s}.nested-enter-from[data-v-fbc339ad],.nested-leave-to[data-v-fbc339ad]{transform:translateY(-100px);opacity:0}.nested-enter-active .inner[data-v-fbc339ad],.nested-leave-active .inner[data-v-fbc339ad]{transition:all .3s ease-in-out}.nested-enter-active .inner[data-v-fbc339ad]{transition-delay:.25s}.nested-enter-from .inner[data-v-fbc339ad],.nested-leave-to .inner[data-v-fbc339ad]{transform:translateY(-100px);opacity:.001}.query-form[data-v-fbc339ad]{padding:20px;background-color:var(--el-bg-color);border:1px solid var(--el-border-color);margin:5px;border-radius:4px}.check-box-hover[data-v-13575747]:hover,.check-box-hover[data-v-428381ae]:hover{background:var(--el-border-color)}.allcheck a[data-v-428381ae]{cursor:pointer}.filtered[data-v-428381ae]{pointer-events:none}.g-cell-toopTip[data-v-f28912da]{max-height:400px;border-radius:var(--el-border-radius-base);padding:12px;transition:all .3s ease}.g-cell-toopTip .title[data-v-f28912da]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;height:24px;border-bottom:1px solid var(--el-border-color)}.g-cell-toopTip .title .title-text[data-v-f28912da]{font-weight:700;line-height:24px}.g-cell-toopTip .content[data-v-f28912da]{max-height:300px;overflow-y:auto;line-height:1.5;padding:4px 0}.copy-btn[data-v-f28912da]{width:16px;height:16px;cursor:pointer}.copy-btn[data-v-f28912da]:hover{color:var(--el-color-success)}.control .el-button[data-v-fb74c643]{padding:0 3px;margin:0 3px}.g-table-container[data-v-fb74c643]{margin:0;padding:0;width:100%;height:100%}.table-query-container[data-v-fb74c643]{background-color:var(--el-bg-color);margin-bottom:10px;border:1px solid var(--el-border-color-lighter)}.table-container[data-v-fb74c643]{box-sizing:border-box;background-color:var(--el-bg-color)}.max[data-v-fb74c643]{cursor:pointer;color:var(--el-text-color)}.max[data-v-fb74c643]:hover{color:var(--el-color-primary)}.btns[data-v-fb74c643]{display:flex}[data-v-fb74c643] .drag-dialog{resize:both;overflow:auto}[data-v-fb74c643] .el-dialog__header,[data-v-fb74c643] .el-dialog__body{pointer-events:auto!important}.g-tree-table[data-v-c888e4fc]{width:100%;display:flex;box-sizing:border-box}.g-tree-container[data-v-c888e4fc]{display:flex;width:100%;box-sizing:border-box;border-radius:4px;overflow:auto;height:100%;border:1px solid var(--el-border-color-lighter)}.g-tree-table-container[data-v-c888e4fc]{display:flex;flex:1;overflow:auto}.g-tree-left[data-v-c888e4fc]{display:flex;flex-direction:column;box-sizing:border-box;margin-right:10px;overflow:auto}.op-group[data-v-c0ac6b77]{display:flex;justify-content:space-between;align-items:center;font-weight:700;color:#fff;padding:5px 25px;box-sizing:border-box;background-color:var(--el-color-primary-light-3)}.op-items[data-v-c0ac6b77]{display:flex;justify-content:space-between;align-items:center;color:#666;margin-left:12px}.op-items span[data-v-c0ac6b77]{background-color:var(--el-color-primary-light-7);border-radius:3px;margin:2px 2px 0 0;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-2024-ui",
-  "version": "0.2.24",
+  "version": "0.2.25",
   "private": false,
   "type": "module",
   "description": "A Vue 3 and Element Plus based plugin",