@duxweb/dvha-pro 0.0.8 → 1.0.15

package/dist/esm/components/card/card.js

@@ -1,5 +1,5 @@
-import { defineComponent as v, computed as r, createVNode as d } from "vue";
-const S = /* @__PURE__ */ v({
+import { defineComponent as b, computed as a, createVNode as t } from "vue";
+const S = /* @__PURE__ */ b({
   name: "DuxCard",
   props: {
     size: {
@@ -64,20 +64,21 @@ const S = /* @__PURE__ */ v({
     }
   },
   setup(e, {
-    slots: t
+    slots: d
   }) {
-    const a = (i) => {
+    const r = (i) => {
       switch (i) {
         case "small":
-          return "px-2 py-1";
+          return "p-2";
         case "large":
-          return "px-6 py-4";
+          return "p-6";
         case "medium":
-          return "px-4 py-3";
+          return "p-4";
+        case "none":
         default:
           return "";
       }
-    }, c = r(() => a(e.size)), n = r(() => a(e.headerSize)), o = r(() => a(e.footerSize)), m = r(() => a(e.contentSize)), y = r(() => {
+    }, c = a(() => r(e.size)), n = a(() => r(e.headerSize)), o = a(() => r(e.footerSize)), m = a(() => r(e.contentSize)), v = a(() => {
       switch (e.type) {
         case "elevated":
           return "bg-elevated";
@@ -89,23 +90,23 @@ const S = /* @__PURE__ */ v({
     });
     return () => {
       var i, u, l, f;
-      return d("div", {
-        class: ["rounded  flex flex-col dark:border dark:border-muted", e.divide && "divide-y divide-muted", e.shadow && "shadow-sm", e.bordered && "border border-muted", y.value, c.value]
-      }, [t.header && d("div", {
-        class: [n.value, e.headerClass, e.headerBordered && "border-b border-muted"]
-      }, [(i = t.header) == null ? void 0 : i.call(t)]), e.title && d("div", {
-        class: ["flex justify-between items-center", n.value, e.headerBordered && "border-b border-muted", e.headerClass]
-      }, [d("div", {
+      return t("div", {
+        class: ["rounded  flex flex-col dark:border dark:border-muted", e.divide && "divide-y divide-muted", e.shadow && "shadow-sm", e.bordered && "border border-muted", v.value, c.value]
+      }, [d.header && t("div", {
+        class: [n.value, e.headerClass, e.headerBordered || e.divide ? "border-b border-muted" : "pb-0"]
+      }, [(i = d.header) == null ? void 0 : i.call(d)]), e.title && t("div", {
+        class: ["flex justify-between items-center", n.value, e.headerBordered || e.divide ? "border-b border-muted" : "pb-0", e.headerClass]
+      }, [t("div", {
         class: "flex flex-col"
-      }, [d("div", {
+      }, [t("div", {
         class: "text-base"
-      }, [e.title]), e.description && d("div", {
+      }, [e.title]), e.description && t("div", {
         class: "text-sm text-muted"
-      }, [e.description])]), (u = t.headerExtra) == null ? void 0 : u.call(t)]), d("div", {
-        class: [(e.title || t.header || t.footer) && m.value, e.contentClass]
-      }, [(l = t.default) == null ? void 0 : l.call(t)]), t.footer && d("div", {
+      }, [e.description])]), (u = d.headerExtra) == null ? void 0 : u.call(d)]), t("div", {
+        class: [(e.title || d.header || d.footer) && m.value, e.contentClass]
+      }, [(l = d.default) == null ? void 0 : l.call(d)]), d.footer && t("div", {
         class: [o.value, e.footerClass, e.footerBordered && "border-t border-muted"]
-      }, [(f = t.footer) == null ? void 0 : f.call(t)])]);
+      }, [(f = d.footer) == null ? void 0 : f.call(d)])]);
     };
   }
 });

package/dist/esm/components/card/store.js

@@ -0,0 +1,64 @@
+import { defineComponent as d, createVNode as t } from "vue";
+import { DuxMedia as l } from "../media/media.js";
+import { DuxCard as u } from "./card.js";
+const c = /* @__PURE__ */ d({
+  name: "DuxStatsStore",
+  props: {
+    title: String,
+    avatar: String,
+    desc: String
+  },
+  setup(a, {
+    slots: e
+  }) {
+    return () => t(u, {
+      divide: !0,
+      footerSize: "small"
+    }, {
+      header: () => {
+        var r;
+        return t("div", {
+          class: "flex gap-2 items-center"
+        }, [t(l, {
+          class: "flex-1",
+          avatar: !0,
+          imageHeight: 46,
+          imageWidth: 46,
+          image: a.avatar,
+          title: a.title,
+          desc: a.desc
+        }, null), t("div", null, [(r = e.extra) == null ? void 0 : r.call(e)])]);
+      },
+      default: () => {
+        var r, i;
+        return t("div", {
+          class: "flex flex-col"
+        }, [e.header ? t("div", {
+          class: "flex flex-col bg-muted rounded p-4 text-muted"
+        }, [(r = e.header) == null ? void 0 : r.call(e)]) : null, t("div", {
+          class: "grid grid-cols-[repeat(auto-fit,minmax(100px,1fr))] gap-2 pt-2"
+        }, [(i = e.default) == null ? void 0 : i.call(e)])]);
+      },
+      footer: e.footer
+    });
+  }
+}), f = /* @__PURE__ */ d({
+  name: "DuxStatsStoreItem",
+  props: {
+    label: String,
+    value: String
+  },
+  setup(a) {
+    return () => t("div", {
+      class: "flex flex-col items-center justify-center"
+    }, [t("div", {
+      class: "text-lg font-bold"
+    }, [a.value]), t("div", {
+      class: "text-sm text-muted"
+    }, [a.label])]);
+  }
+});
+export {
+  c as DuxStatsStore,
+  f as DuxStatsStoreItem
+};

package/dist/esm/components/chart/echart.js

@@ -1,25 +1,35 @@
 import { defineComponent as p, computed as m, createVNode as n, mergeProps as a } from "vue";
-import e from "vue-echarts";
+import o from "vue-echarts";
 import "@duxweb/dvha-core";
 import "naive-ui";
 import "vue-router";
 import "@overlastic/vue";
 import "clsx";
+import "@vueuse/core";
+import "vue-cropper";
 import "jinrishici";
 import "lodash-es";
-import "@vueuse/core";
+import "vue-draggable-plus";
+import "aieditor";
 import "vee-validate";
 import "@vee-validate/i18n";
 import "colorizr";
 import "echarts";
 import "@ant-design/colors";
+import "@unocss/preset-icons/browser";
 import "@unocss/preset-typography";
+import "unocss/preset-wind4";
+import "@vee-validate/i18n/dist/locale/en.json";
+import "@vee-validate/i18n/dist/locale/zh_CN.json";
 import "vue-command-palette";
 import "@duxweb/dvha-naiveui";
 import "../../pages/page404.js";
+import "mime";
+import "dayjs";
 import { useEchartType as u } from "../../hooks/echart.js";
+import "@tanstack/vue-query";
 import "pinia";
-const k = /* @__PURE__ */ p({
+const M = /* @__PURE__ */ p({
   name: "DuxChart",
   props: {
     height: {
@@ -43,25 +53,28 @@ const k = /* @__PURE__ */ p({
       default: ""
     }
   },
-  extends: e,
+  extends: o,
   setup(t) {
-    const o = m(() => {
+    const r = m(() => {
       const {
-        min: s,
-        height: h,
-        option: l,
-        ...i
+        min: h,
+        height: l,
+        option: s,
+        ...e
       } = t;
-      return i;
+      return e;
     }), {
-      option: r
-    } = u(t.type, t.option);
-    return () => n(e, a({
+      option: i
+    } = u(t.type, {
+      min: t.min,
+      ...t.option
+    });
+    return () => n(o, a({
       style: {
         minHeight: t.height
       }
-    }, o.value, {
-      option: r.value,
+    }, r.value, {
+      option: i.value,
       autoresize: !0,
       theme: "default",
       initOptions: {
@@ -71,5 +84,5 @@ const k = /* @__PURE__ */ p({
   }
 });
 export {
-  k as DuxChart
+  M as DuxChart
 };

package/dist/esm/components/crop/imageCrop.js

@@ -0,0 +1,105 @@
+import { defineComponent as d, createVNode as a } from "vue";
+import { useI18n as f, useManage as g, useUpload as v } from "@duxweb/dvha-core";
+import { useVModel as h } from "@vueuse/core";
+import { useMessage as x } from "naive-ui";
+import "vue-router";
+import "@overlastic/vue";
+import "clsx";
+import { DuxAvatar as y } from "../widget/avatar.js";
+import "vue-echarts";
+import "vue-cropper";
+import "jinrishici";
+import "lodash-es";
+import "vue-draggable-plus";
+import "aieditor";
+import "vee-validate";
+import "@vee-validate/i18n";
+import "colorizr";
+import "echarts";
+import "@ant-design/colors";
+import "@unocss/preset-icons/browser";
+import "@unocss/preset-typography";
+import "unocss/preset-wind4";
+import "@vee-validate/i18n/dist/locale/en.json";
+import "@vee-validate/i18n/dist/locale/zh_CN.json";
+import "vue-command-palette";
+import "@duxweb/dvha-naiveui";
+import "../../pages/page404.js";
+import "mime";
+import { useModal as C } from "../../hooks/modal.js";
+import "dayjs";
+import "@tanstack/vue-query";
+import "pinia";
+const $ = /* @__PURE__ */ d({
+  name: "DuxImageCrop",
+  props: {
+    defaultValue: {
+      type: String,
+      default: ""
+    },
+    value: {
+      type: String,
+      default: ""
+    },
+    path: {
+      type: String,
+      default: ""
+    },
+    circle: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(t, {
+    emit: l
+  }) {
+    var u;
+    const {
+      t: p
+    } = f(), i = h(t, "value", l, {
+      passive: !0,
+      defaultValue: t.defaultValue || ""
+    }), {
+      config: n
+    } = g(), s = C(), m = x(), c = v({
+      path: t.path || ((u = n.apiPath) == null ? void 0 : u.upload) || "upload",
+      autoUpload: !0,
+      onSuccess: (e) => {
+        var r;
+        i.value = (r = e.data) == null ? void 0 : r.url, m.success(p("components.upload.success"));
+      },
+      onError: (e) => {
+        m.error(e.message || p("components.upload.failed"));
+      }
+    });
+    return () => a("div", {
+      class: ["relative size-80px overflow-hidden group", t.circle && "rounded-full"],
+      onClick: () => {
+        var e, r;
+        (r = (e = s.show({
+          component: () => import("./imageCropModal.js").then((o) => o.DuxImageCropModal),
+          componentProps: {
+            value: i.value,
+            onConfirm: (o) => {
+              i.value = o;
+            }
+          }
+        })) == null ? void 0 : e.then) == null || r.call(e, (o) => {
+          o && (o.name = "image.png", o.mime = "image/png", c.addFiles([o], "blob"));
+        }).catch(() => {
+        });
+      }
+    }, [a(y, {
+      src: i.value,
+      circle: t.circle,
+      size: 80
+    }, null), a("div", {
+      class: "absolute size-full bg-gray-900/30 items-center justify-center inset-0 cursor-pointer hidden z-1 group-hover:flex"
+    }, [a("div", {
+      class: "i-tabler:pencil size-4 text-white/90"
+    }, null)])]);
+  }
+});
+export {
+  $ as DuxImageCrop
+};

package/dist/esm/components/crop/imageCropModal.js

@@ -0,0 +1,118 @@
+import { defineComponent as v, ref as s, watch as y, createVNode as e, isVNode as g } from "vue";
+import { useI18n as b } from "@duxweb/dvha-core";
+import { useFileDialog as C } from "@vueuse/core";
+import { NButton as r } from "naive-ui";
+import { VueCropper as x } from "vue-cropper";
+import "@overlastic/vue";
+import k from "../modal/modalPage.js";
+function f(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !g(t);
+}
+const M = /* @__PURE__ */ v({
+  props: {
+    value: String,
+    onConfirm: Function
+  },
+  setup(t) {
+    const {
+      t: c
+    } = b(), l = s(), i = s(t.value || ""), {
+      open: m,
+      files: p
+    } = C({
+      accept: "image/*"
+    });
+    y(p, (o) => {
+      if (o && o.length > 0) {
+        const n = o[0], a = new Blob([n], {
+          type: n.type
+        });
+        i.value = URL.createObjectURL(a);
+      }
+    });
+    const d = () => {
+      m();
+    };
+    return () => e(k, {
+      title: c("components.crop.title")
+    }, {
+      default: () => e("div", {
+        class: "h-100"
+      }, [e(x, {
+        ref: l,
+        img: i.value,
+        autoCrop: !0,
+        centerBox: !0,
+        canMove: !1,
+        fixed: !0,
+        outputType: "png",
+        mode: "contain"
+      }, null)]),
+      footer: () => {
+        let o, n;
+        return e("div", {
+          class: "flex-1 flex justify-between items-center"
+        }, [e("div", {
+          class: "flex items-center gap-2"
+        }, [e(r, {
+          type: "primary",
+          secondary: !0,
+          onClick: () => {
+            d();
+          }
+        }, f(o = c("components.crop.select")) ? o : {
+          default: () => [o]
+        }), e(r, {
+          secondary: !0,
+          onClick: () => {
+            l.value.changeScale(1);
+          }
+        }, {
+          default: () => [e("div", {
+            class: "i-tabler:zoom-in"
+          }, null)]
+        }), e(r, {
+          secondary: !0,
+          onClick: () => {
+            l.value.changeScale(-1);
+          }
+        }, {
+          default: () => [e("div", {
+            class: "i-tabler:zoom-out"
+          }, null)]
+        }), e(r, {
+          secondary: !0,
+          onClick: () => {
+            l.value.rotateLeft();
+          }
+        }, {
+          default: () => [e("div", {
+            class: "i-tabler:rotate"
+          }, null)]
+        }), e(r, {
+          secondary: !0,
+          onClick: () => {
+            l.value.rotateRight();
+          }
+        }, {
+          default: () => [e("div", {
+            class: "i-tabler:rotate-clockwise"
+          }, null)]
+        })]), e(r, {
+          type: "primary",
+          onClick: () => {
+            l.value.getCropBlob((a) => {
+              var u;
+              (u = t.onConfirm) == null || u.call(t, a);
+            });
+          }
+        }, f(n = c("components.crop.confirm")) ? n : {
+          default: () => [n]
+        })]);
+      }
+    });
+  }
+});
+export {
+  M as DuxImageCropModal
+};

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

@@ -2,7 +2,8 @@ import { defineComponent as n, ref as e, onMounted as s, createVNode as a, creat
 import f from "clsx";
 import { load as u } from "jinrishici";
 import { DuxCard as g } from "../card/card.js";
-const p = /* @__PURE__ */ n({
+import "naive-ui";
+const m = /* @__PURE__ */ n({
   name: "DuxDashboardHelloBig",
   props: {
     title: String,
@@ -340,5 +341,5 @@ const p = /* @__PURE__ */ n({
   }
 });
 export {
-  p as DuxDashboardHelloBig
+  m as DuxDashboardHelloBig
 };

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

@@ -0,0 +1,145 @@
+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({
+  name: "DuxDynamicData",
+  props: {
+    createAction: {
+      type: Boolean,
+      default: !0
+    },
+    deleteAction: {
+      type: Boolean,
+      default: !0
+    },
+    columns: Array,
+    createCallback: Function,
+    onCreate: Function,
+    value: {
+      type: Array,
+      default: []
+    },
+    defaultValue: {
+      type: Array,
+      default: []
+    }
+  },
+  setup(t, {
+    emit: s
+  }) {
+    const l = w(t, "value", s, {
+      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
+      }));
+      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;
+    });
+    return () => e(D, b({
+      modelValue: l.value
+    }, {
+      "onUpdate:modelValue": (n) => {
+        l.value = n;
+      }
+    }, {
+      handle: ".sort-handle",
+      target: ".sort-target",
+      animation: 150
+    }), {
+      default: () => [e("div", {
+        class: "overflow-auto w-full"
+      }, [e(C, {
+        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)])])])];
+        }
+      })])]
+    });
+  }
+});
+export {
+  E as DuxDynamicData
+};