@duxweb/dvha-pro 1.0.23 → 1.0.25

package/dist/esm/components/dashboard/quick.js

@@ -1,7 +1,7 @@
-import { defineComponent as u, createVNode as r } from "vue";
+import { defineComponent as l, createVNode as t } from "vue";
 import o from "clsx";
-import { ceil as s } from "lodash-es";
-const f = /* @__PURE__ */ u({
+import { ceil as a } from "lodash-es";
+const u = /* @__PURE__ */ l({
   name: "DuxDashboardQuickItem",
   props: {
     icon: String,
@@ -9,21 +9,21 @@ const f = /* @__PURE__ */ u({
     color: String,
     onClick: Function
   },
-  setup(c) {
-    return () => r("div", {
+  setup(e) {
+    return () => t("div", {
       class: "flex flex-col justify-center items-center "
-    }, [r("div", {
+    }, [t("div", {
       class: "flex flex-col gap-1  justify-center items-center p-2 pb-1 hover:bg-elevated cursor-pointer",
-      onClick: c == null ? void 0 : c.onClick
-    }, [r("div", {
-      class: o(["p-1 rounded flex justify-center items-center text-white", `bg-${c.color || "primary"}`])
-    }, [r("div", {
-      class: o(["size-7", c.icon])
-    }, null)]), r("div", {
+      onClick: e?.onClick
+    }, [t("div", {
+      class: o(["p-1 rounded flex justify-center items-center text-white", `bg-${e.color || "primary"}`])
+    }, [t("div", {
+      class: o(["size-7", e.icon])
+    }, null)]), t("div", {
       class: "text-muted"
-    }, [c.title])])]);
+    }, [e.title])])]);
   }
-}), b = /* @__PURE__ */ u({
+}), x = /* @__PURE__ */ l({
   name: "DuxDashboardQuick",
   props: {
     data: Array,
@@ -32,28 +32,25 @@ const f = /* @__PURE__ */ u({
       default: 6
     }
   },
-  setup(c, {
+  setup(e, {
     slots: n
   }) {
-    const l = ["primary", "info", "success", "warning", "error"];
-    return () => {
-      var t, i;
-      return r("div", {
-        class: o(["grid gap-2", `grid-cols-${s(c.col / 2)}`, `xl:grid-cols-${c.col}`])
-      }, [(t = c.data) == null ? void 0 : t.map((e, a) => {
-        const d = l[a % l.length];
-        return r(f, {
-          icon: e == null ? void 0 : e.icon,
-          title: e == null ? void 0 : e.title,
-          color: d,
-          onClick: e == null ? void 0 : e.onClick,
-          key: a
-        }, null);
-      }), (i = n.default) == null ? void 0 : i.call(n)]);
-    };
+    const r = ["primary", "info", "success", "warning", "error"];
+    return () => t("div", {
+      class: o(["grid gap-2", `grid-cols-${a(e.col / 2)}`, `xl:grid-cols-${e.col}`])
+    }, [e.data?.map((c, i) => {
+      const s = r[i % r.length];
+      return t(u, {
+        icon: c?.icon,
+        title: c?.title,
+        color: s,
+        onClick: c?.onClick,
+        key: i
+      }, null);
+    }), n.default?.()]);
   }
 });
 export {
-  b as DuxDashboardQuick,
-  f as DuxDashboardQuickItem
+  x as DuxDashboardQuick,
+  u as DuxDashboardQuickItem
 };

package/dist/esm/components/data/dynamicData.js

@@ -1,10 +1,10 @@
-import { defineComponent as h, computed as A, createVNode as e, mergeProps as b, h as k } from "vue";
-import { useJsonSchema as g } from "@duxweb/dvha-core";
-import { useVModel as w } from "@vueuse/core";
-import { NTable as C, NButton as d } from "naive-ui";
-import { VueDraggable as D } from "vue-draggable-plus";
-import { DuxBlockEmpty as V } from "../status/blockEmpty.js";
-const E = /* @__PURE__ */ h({
+import { defineComponent as m, computed as y, createVNode as e, mergeProps as v, h as f } from "vue";
+import { useJsonSchema as h } from "@duxweb/dvha-core";
+import { useVModel as A } from "@vueuse/core";
+import { NTable as b, NButton as c } from "naive-ui";
+import { VueDraggable as k } from "vue-draggable-plus";
+import { DuxBlockEmpty as g } from "../status/blockEmpty.js";
+const B = /* @__PURE__ */ m({
   name: "DuxDynamicData",
   props: {
     createAction: {
@@ -28,31 +28,29 @@ const E = /* @__PURE__ */ h({
     }
   },
   setup(t, {
-    emit: s
+    emit: o
   }) {
-    const l = w(t, "value", s, {
+    const a = A(t, "value", o, {
       passive: !0,
       defaultValue: t.defaultValue || [],
       deep: !0
     }), {
-      renderAsync: m
-    } = g(), y = (n) => {
-      var u;
-      const r = (u = l.value) == null ? void 0 : u[0][n], a = [...l.value || []].map((i) => ({
-        ...i,
-        [n]: r
+      renderAsync: i
+    } = h(), d = (l) => {
+      const u = a.value?.[0][l], n = [...a.value || []].map((r) => ({
+        ...r,
+        [l]: u
       }));
-      l.value = [...a];
-    }, v = A(() => {
-      var r;
-      let n = ((r = t.columns) == null ? void 0 : r.length) || 0;
-      return (t.createAction || t.deleteAction) && (n += 1), n;
+      a.value = [...n];
+    }, s = y(() => {
+      let l = t.columns?.length || 0;
+      return (t.createAction || t.deleteAction) && (l += 1), l;
     });
-    return () => e(D, b({
-      modelValue: l.value
+    return () => e(k, v({
+      modelValue: a.value
     }, {
-      "onUpdate:modelValue": (n) => {
-        l.value = n;
+      "onUpdate:modelValue": (l) => {
+        a.value = l;
       }
     }, {
       handle: ".sort-handle",
@@ -61,85 +59,75 @@ const E = /* @__PURE__ */ h({
     }), {
       default: () => [e("div", {
         class: "overflow-auto w-full"
-      }, [e(C, {
+      }, [e(b, {
         class: "table-fixed w-full"
       }, {
-        default: () => {
-          var n, r;
-          return [e("thead", null, [e("tr", null, [e("th", {
-            style: {
-              width: "40px"
-            }
-          }, null), (n = t.columns) == null ? void 0 : n.map((a, u) => e("th", {
-            key: u,
-            style: {
-              width: `${a.width}px`
-            }
-          }, [e("div", {
-            class: "flex items-center justify-between"
-          }, [e("div", null, [a.title]), a.copy && e("div", null, [e(d, {
-            onClick: () => {
-              y(a.key);
-            },
-            renderIcon: () => e("div", {
-              class: "i-tabler:pencil-down t-icon"
-            }, null),
-            text: !0,
-            type: "primary"
-          }, null)])])])), (t.createAction || t.deleteAction) && e("th", {
-            class: "w-15"
-          }, [t.createAction && e(d, {
-            tertiary: !0,
-            type: "primary",
-            circle: !0,
-            renderIcon: () => e("div", {
-              class: "i-tabler:plus h-4 w-4"
-            }, null),
-            onClick: () => {
-              var a, u;
-              t != null && t.onCreate ? t.onCreate() : (l.value || (l.value = []), (u = l.value) == null || u.push(((a = t == null ? void 0 : t.createCallback) == null ? void 0 : a.call(t, l.value)) || {}));
-            }
-          }, null)])])]), e("tbody", {
-            class: "sort-target"
-          }, [l.value && ((r = l.value) == null ? void 0 : r.length) > 0 ? l.value.map((a, u) => {
-            var i;
-            return e("tr", {
-              key: u
-            }, [e("td", null, [e("div", {
-              class: "sort-handle i-tabler:grid-dots size-4 cursor-move"
-            }, null)]), (i = t.columns) == null ? void 0 : i.map((c, f) => {
-              var o;
-              return e("td", {
-                key: f
-              }, [c.schema ? k(m({
-                data: Array.isArray(c.schema) ? c.schema : [c.schema],
-                context: {
-                  rowIndex: u,
-                  model: l.value,
-                  row: a
-                }
-              })) : ((o = c.render) == null ? void 0 : o.call(c, a, u)) || a[c.key]]);
-            }), (t.createAction || t.deleteAction) && e("td", {
-              class: "w-15"
-            }, [t.deleteAction && e(d, {
-              tertiary: !0,
-              type: "error",
-              circle: !0,
-              renderIcon: () => e("div", {
-                class: "i-tabler:trash h-4 w-4"
-              }, null),
-              onClick: () => {
-                l.value.splice(u, 1);
-              }
-            }, null)])]);
-          }) : e("tr", null, [e("td", {
-            colspan: v.value
-          }, [e(V, null, null)])])])];
-        }
+        default: () => [e("thead", null, [e("tr", null, [e("th", {
+          style: {
+            width: "40px"
+          }
+        }, null), t.columns?.map((l, u) => e("th", {
+          key: u,
+          style: {
+            width: `${l.width}px`
+          }
+        }, [e("div", {
+          class: "flex items-center justify-between"
+        }, [e("div", null, [l.title]), l.copy && e("div", null, [e(c, {
+          onClick: () => {
+            d(l.key);
+          },
+          renderIcon: () => e("div", {
+            class: "i-tabler:pencil-down t-icon"
+          }, null),
+          text: !0,
+          type: "primary"
+        }, null)])])])), (t.createAction || t.deleteAction) && e("th", {
+          class: "w-15"
+        }, [t.createAction && e(c, {
+          tertiary: !0,
+          type: "primary",
+          circle: !0,
+          renderIcon: () => e("div", {
+            class: "i-tabler:plus h-4 w-4"
+          }, null),
+          onClick: () => {
+            t?.onCreate ? t.onCreate() : (a.value || (a.value = []), a.value?.push(t?.createCallback?.(a.value) || {}));
+          }
+        }, null)])])]), e("tbody", {
+          class: "sort-target"
+        }, [a.value && a.value?.length > 0 ? a.value.map((l, u) => e("tr", {
+          key: u
+        }, [e("td", null, [e("div", {
+          class: "sort-handle i-tabler:grid-dots size-4 cursor-move"
+        }, null)]), t.columns?.map((n, r) => e("td", {
+          key: r
+        }, [n.schema ? f(i({
+          data: Array.isArray(n.schema) ? n.schema : [n.schema],
+          context: {
+            rowIndex: u,
+            model: a.value,
+            row: l
+          }
+        })) : n.render?.(l, u) || l[n.key]])), (t.createAction || t.deleteAction) && e("td", {
+          class: "w-15"
+        }, [t.deleteAction && e(c, {
+          tertiary: !0,
+          type: "error",
+          circle: !0,
+          renderIcon: () => e("div", {
+            class: "i-tabler:trash h-4 w-4"
+          }, null),
+          onClick: () => {
+            a.value.splice(u, 1);
+          }
+        }, null)])])) : e("tr", null, [e("td", {
+          colspan: s.value
+        }, [e(g, null, null)])])])]
       })])]
     });
   }
 });
 export {
-  E as DuxDynamicData
+  B as DuxDynamicData
 };

package/dist/esm/components/data/dynamicSelect.js

@@ -1,15 +1,26 @@
-import { defineComponent as y, ref as h, watch as d, createVNode as s } from "vue";
-import { useClient as D, useI18n as S } from "@duxweb/dvha-core";
-import { useVModel as K } from "@vueuse/core";
+import { defineComponent as f, ref as s, watch as v, createVNode as y } from "vue";
+import { useClient as d, useI18n as h } from "@duxweb/dvha-core";
+import { useVModel as D } from "@vueuse/core";
 import "naive-ui";
 import "vue-router";
 import "@overlastic/vue";
 import "clsx";
 import "vue-echarts";
+import "vue3-ace-editor";
+import "ace-builds/src-noconflict/mode-vue";
+import "ace-builds/src-noconflict/mode-javascript";
+import "ace-builds/src-noconflict/mode-html";
+import "ace-builds/src-noconflict/mode-json";
+import "ace-builds/src-noconflict/mode-json5";
+import "ace-builds/src-noconflict/theme-tomorrow_night";
+import "ace-builds/src-noconflict/theme-tomorrow";
+import "ace-builds/src-noconflict/ext-searchbox";
+import "ace-builds/src-noconflict/ext-language_tools";
+import "ace-builds/src-noconflict/mode-snippets";
 import "vue-cropper";
 import "jinrishici";
 import "lodash-es";
-import { DuxDynamicData as A } from "./dynamicData.js";
+import { DuxDynamicData as S } from "./dynamicData.js";
 import "aieditor";
 import "vee-validate";
 import "@vee-validate/i18n";
@@ -25,24 +36,15 @@ import "vue-command-palette";
 import "@duxweb/dvha-naiveui";
 import "../../pages/page404.js";
 import "@iconify-json/tabler/icons.json";
+import "../image/elements/index.js";
+import "fabric";
 import "mime";
 import "vue-draggable-plus";
-import "vue3-ace-editor";
-import "ace-builds/src-noconflict/mode-vue";
-import "ace-builds/src-noconflict/mode-javascript";
-import "ace-builds/src-noconflict/mode-html";
-import "ace-builds/src-noconflict/mode-json";
-import "ace-builds/src-noconflict/mode-json5";
-import "ace-builds/src-noconflict/theme-tomorrow_night";
-import "ace-builds/src-noconflict/theme-tomorrow";
-import "ace-builds/src-noconflict/ext-searchbox";
-import "ace-builds/src-noconflict/ext-language_tools";
-import "ace-builds/src-noconflict/mode-snippets";
-import { useModal as C } from "../../hooks/modal.js";
+import { useModal as w } from "../../hooks/modal.js";
 import "dayjs";
 import "@tanstack/vue-query";
 import "pinia";
-const vt = /* @__PURE__ */ y({
+const st = /* @__PURE__ */ f({
   name: "DuxDynamicSelect",
   props: {
     rowKey: {
@@ -65,40 +67,38 @@ const vt = /* @__PURE__ */ y({
     }
   },
   setup(t, {
-    emit: p
+    emit: l
   }) {
-    const e = K(t, "value", p, {
+    const e = D(t, "value", l, {
       passive: !0,
       defaultValue: t.defaultValue,
       deep: !0
-    }), n = C(), c = D(), {
-      t: f
-    } = S(), i = h(!0);
-    return d([e, i], () => {
-      var r;
+    }), u = w(), p = d(), {
+      t: n
+    } = h(), i = s(!0);
+    return v([e, i], () => {
       if (!i.value || !e.value || e.value.length === 0)
         return;
-      const o = ((r = e.value) == null ? void 0 : r.map((m) => m[t.rowKey])) || [];
-      c.request({
+      const r = e.value?.map((o) => o[t.rowKey]) || [];
+      p.request({
         path: t.path,
         query: {
-          ids: (o == null ? void 0 : o.join(",")) || ""
+          ids: r?.join(",") || ""
         }
-      }).then((m) => {
-        var l;
-        i.value = !1, (l = m == null ? void 0 : m.data) == null || l.forEach((a, u) => {
-          e.value.some((v) => v[t.rowKey] === a[t.rowKey]) ? e.value[u] = {
-            ...e.value[u],
-            ...a
-          } : e.value.push(a);
+      }).then((o) => {
+        i.value = !1, o?.data?.forEach((m, a) => {
+          e.value.some((c) => c[t.rowKey] === m[t.rowKey]) ? e.value[a] = {
+            ...e.value[a],
+            ...m
+          } : e.value.push(m);
         });
       });
-    }), () => s(A, {
+    }), () => y(S, {
       value: e.value,
-      "onUpdate:value": (o) => e.value = o,
+      "onUpdate:value": (r) => e.value = r,
       columns: t.columns,
       onCreate: () => {
-        n.show({
+        u.show({
           component: () => import("./selectModal.js"),
           componentProps: {
             path: t.path,
@@ -106,10 +106,10 @@ const vt = /* @__PURE__ */ y({
             filterSchema: t.filterSchema
           },
           width: 1e3,
-          title: f("buttons.select")
-        }).then((o) => {
-          i.value = !1, o == null || o.forEach((r) => {
-            e.value.some((m) => m[t.rowKey] === r[t.rowKey]) || e.value.push(r);
+          title: n("buttons.select")
+        }).then((r) => {
+          i.value = !1, r?.forEach((o) => {
+            e.value.some((m) => m[t.rowKey] === o[t.rowKey]) || e.value.push(o);
           });
         });
       }
@@ -117,5 +117,5 @@ const vt = /* @__PURE__ */ y({
   }
 });
 export {
-  vt as DuxDynamicSelect
+  st as DuxDynamicSelect
 };

package/dist/esm/components/data/selectModal.js

@@ -1,13 +1,24 @@
-import { defineComponent as h, computed as C, ref as m, watch as b, createVNode as i, Fragment as x, h as w, mergeProps as z, isVNode as P } from "vue";
-import { useI18n as j, useJsonSchema as k } from "@duxweb/dvha-core";
-import { NButton as p, NDataTable as K } from "naive-ui";
+import { defineComponent as y, computed as h, ref as m, watch as C, createVNode as o, Fragment as b, h as x, mergeProps as w, isVNode as z } from "vue";
+import { useI18n as P, useJsonSchema as j } from "@duxweb/dvha-core";
+import { NButton as l, NDataTable as k } from "naive-ui";
 import "vue-router";
 import "@overlastic/vue";
 import "clsx";
 import "vue-echarts";
 import "@vueuse/core";
+import "vue3-ace-editor";
+import "ace-builds/src-noconflict/mode-vue";
+import "ace-builds/src-noconflict/mode-javascript";
+import "ace-builds/src-noconflict/mode-html";
+import "ace-builds/src-noconflict/mode-json";
+import "ace-builds/src-noconflict/mode-json5";
+import "ace-builds/src-noconflict/theme-tomorrow_night";
+import "ace-builds/src-noconflict/theme-tomorrow";
+import "ace-builds/src-noconflict/ext-searchbox";
+import "ace-builds/src-noconflict/ext-language_tools";
+import "ace-builds/src-noconflict/mode-snippets";
 import "vue-cropper";
-import N from "../modal/modalPage.js";
+import K from "../modal/modalPage.js";
 import "jinrishici";
 import "lodash-es";
 import "vue-draggable-plus";
@@ -26,26 +37,17 @@ import "vue-command-palette";
 import "@duxweb/dvha-naiveui";
 import "../../pages/page404.js";
 import "@iconify-json/tabler/icons.json";
+import "../image/elements/index.js";
+import "fabric";
 import "mime";
-import "vue3-ace-editor";
-import "ace-builds/src-noconflict/mode-vue";
-import "ace-builds/src-noconflict/mode-javascript";
-import "ace-builds/src-noconflict/mode-html";
-import "ace-builds/src-noconflict/mode-json";
-import "ace-builds/src-noconflict/mode-json5";
-import "ace-builds/src-noconflict/theme-tomorrow_night";
-import "ace-builds/src-noconflict/theme-tomorrow";
-import "ace-builds/src-noconflict/ext-searchbox";
-import "ace-builds/src-noconflict/ext-language_tools";
-import "ace-builds/src-noconflict/mode-snippets";
 import "dayjs";
 import "@tanstack/vue-query";
-import { useTable as D } from "../../hooks/table.js";
+import { useTable as N } from "../../hooks/table.js";
 import "pinia";
-function u(t) {
-  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !P(t);
+function c(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !z(t);
 }
-const bt = /* @__PURE__ */ h({
+const xt = /* @__PURE__ */ y({
   name: "Select",
   props: {
     path: String,
@@ -62,80 +64,76 @@ const bt = /* @__PURE__ */ h({
   },
   setup(t) {
     const {
-      t: n
-    } = j(), f = C(() => [{
+      t: a
+    } = P(), u = h(() => [{
       type: "selection",
       fixed: "left"
-    }, ...t.columns || []]), l = m({}), a = m({
+    }, ...t.columns || []]), n = m({}), i = m({
       page: 1,
       pageSize: 10
     }), {
-      table: d,
-      list: g,
-      pageCount: s,
-      pageSizes: S,
-      checkeds: v
-    } = D({
+      table: s,
+      list: f,
+      pageCount: d,
+      pageSizes: g,
+      checkeds: S
+    } = N({
       path: t.path || "",
-      columns: f.value || [],
-      filters: l,
-      pagination: a.value
-    }), c = m([]);
-    b(v, (e) => {
-      var r;
-      c.value = (r = g.value) == null ? void 0 : r.filter((o) => e.includes(o[t.rowKey]));
+      columns: u.value || [],
+      filters: n,
+      pagination: i.value
+    }), p = m([]);
+    C(S, (e) => {
+      p.value = f.value?.filter((r) => e.includes(r[t.rowKey]));
     });
-    const y = k({
+    const v = j({
       data: t.filterSchema || [],
       context: {
-        filter: l
+        filter: n
       }
     });
-    return () => i(N, {
-      title: n("components.data.selectTitle"),
+    return () => o(K, {
+      title: a("components.data.selectTitle"),
       onClose: () => {
-        var e;
-        (e = t.onClose) == null || e.call(t);
+        t.onClose?.();
       }
     }, {
-      default: () => i("div", {
+      default: () => o("div", {
         class: "flex flex-col gap-4"
-      }, [t.filterSchema && i("div", {
+      }, [t.filterSchema && o("div", {
         class: "grid grid-cols-1 md:grid-cols-4 gap-2"
-      }, [w(y.render)]), i(K, z({
+      }, [x(v.render)]), o(k, w({
         bordered: !1,
         maxHeight: 400,
         rowKey: (e) => e[t.rowKey]
-      }, d.value, {
+      }, s.value, {
         pagination: {
-          page: a.value.page,
-          pageSize: a.value.pageSize,
-          pageCount: s.value,
-          pageSizes: S,
+          page: i.value.page,
+          pageSize: i.value.pageSize,
+          pageCount: d.value,
+          pageSizes: g,
           onUpdatePage: (e) => {
-            a.value.page = e;
+            i.value.page = e;
           },
           onUpdatePageSize: (e) => {
-            a.value.pageSize = e;
+            i.value.pageSize = e;
           }
         }
       }), null)]),
       footer: () => {
         let e, r;
-        return i(x, null, [i(p, {
+        return o(b, null, [o(l, {
           onClick: () => {
-            var o;
-            (o = t.onClose) == null || o.call(t);
+            t.onClose?.();
           }
-        }, u(e = n("components.button.cancel")) ? e : {
+        }, c(e = a("components.button.cancel")) ? e : {
           default: () => [e]
-        }), i(p, {
+        }), o(l, {
           type: "primary",
           onClick: () => {
-            var o;
-            (o = t.onConfirm) == null || o.call(t, c.value);
+            t.onConfirm?.(p.value);
           }
-        }, u(r = n("components.button.select")) ? r : {
+        }, c(r = a("components.button.select")) ? r : {
           default: () => [r]
         })]);
       }
@@ -143,5 +141,5 @@ const bt = /* @__PURE__ */ h({
   }
 });
 export {
-  bt as default
+  xt as default
 };