@duxweb/dvha-pro 0.0.5

package/dist/esm/components/draw/drawError.js

@@ -0,0 +1,242 @@
+import { defineComponent as e, createVNode as l } from "vue";
+const r = /* @__PURE__ */ e({
+  name: "DuxDrawError",
+  setup() {
+    return () => l("svg", {
+      viewBox: "0 0 200 140",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, [l("defs", null, [l("filter", {
+      id: "filter_1_304_dd",
+      x: "0.000000",
+      y: "7.000000",
+      width: "157.000000",
+      height: "47.000000",
+      filterUnits: "userSpaceOnUse",
+      "color-interpolation-filters": "sRGB"
+    }, [l("feFlood", {
+      "flood-opacity": "0",
+      result: "BackgroundImageFix"
+    }, null), l("feColorMatrix", {
+      in: "SourceAlpha",
+      type: "matrix",
+      values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+      result: "hardAlpha"
+    }, null), l("feOffset", {
+      dx: "0",
+      dy: "3"
+    }, null), l("feGaussianBlur", {
+      stdDeviation: "2"
+    }, null), l("feComposite", {
+      in2: "hardAlpha",
+      operator: "out",
+      k2: "-1",
+      k3: "1"
+    }, null), l("feColorMatrix", {
+      type: "matrix",
+      values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.16 0"
+    }, null), l("feBlend", {
+      mode: "normal",
+      in2: "BackgroundImageFix",
+      result: "effect_dropShadow_1"
+    }, null), l("feBlend", {
+      mode: "normal",
+      in: "SourceGraphic",
+      in2: "effect_dropShadow_1",
+      result: "shape"
+    }, null)]), l("filter", {
+      id: "filter_1_313_dd",
+      x: "43.000000",
+      y: "50.000000",
+      width: "157.000000",
+      height: "47.000000",
+      filterUnits: "userSpaceOnUse",
+      "color-interpolation-filters": "sRGB"
+    }, [l("feFlood", {
+      "flood-opacity": "0",
+      result: "BackgroundImageFix"
+    }, null), l("feColorMatrix", {
+      in: "SourceAlpha",
+      type: "matrix",
+      values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+      result: "hardAlpha"
+    }, null), l("feOffset", {
+      dx: "0",
+      dy: "3"
+    }, null), l("feGaussianBlur", {
+      stdDeviation: "2"
+    }, null), l("feComposite", {
+      in2: "hardAlpha",
+      operator: "out",
+      k2: "-1",
+      k3: "1"
+    }, null), l("feColorMatrix", {
+      type: "matrix",
+      values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.16 0"
+    }, null), l("feBlend", {
+      mode: "normal",
+      in2: "BackgroundImageFix",
+      result: "effect_dropShadow_1"
+    }, null), l("feBlend", {
+      mode: "normal",
+      in: "SourceGraphic",
+      in2: "effect_dropShadow_1",
+      result: "shape"
+    }, null)]), l("filter", {
+      id: "filter_1_322_dd",
+      x: "0.000000",
+      y: "93.000000",
+      width: "157.000000",
+      height: "47.000000",
+      filterUnits: "userSpaceOnUse",
+      "color-interpolation-filters": "sRGB"
+    }, [l("feFlood", {
+      "flood-opacity": "0",
+      result: "BackgroundImageFix"
+    }, null), l("feColorMatrix", {
+      in: "SourceAlpha",
+      type: "matrix",
+      values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+      result: "hardAlpha"
+    }, null), l("feOffset", {
+      dx: "0",
+      dy: "3"
+    }, null), l("feGaussianBlur", {
+      stdDeviation: "2"
+    }, null), l("feComposite", {
+      in2: "hardAlpha",
+      operator: "out",
+      k2: "-1",
+      k3: "1"
+    }, null), l("feColorMatrix", {
+      type: "matrix",
+      values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.16 0"
+    }, null), l("feBlend", {
+      mode: "normal",
+      in2: "BackgroundImageFix",
+      result: "effect_dropShadow_1"
+    }, null), l("feBlend", {
+      mode: "normal",
+      in: "SourceGraphic",
+      in2: "effect_dropShadow_1",
+      result: "shape"
+    }, null)]), l("linearGradient", {
+      id: "paint_linear_1_302_0",
+      x1: "102.000000",
+      y1: "0.000000",
+      x2: "102.000000",
+      y2: "140.000000",
+      gradientUnits: "userSpaceOnUse"
+    }, [l("stop", {
+      "stop-color": "rgba(var(--ui-color-warning) / 0.2)"
+    }, null), l("stop", {
+      offset: "1.000000",
+      "stop-color": "rgba(var(--ui-color-warning) / 0.2)"
+    }, null)])]), l("path", {
+      id: "Rectangle 5622",
+      d: "M42 0L162 0C167.52 0 172 4.47 172 10L172 130C172 135.52 167.52 140 162 140L42 140C36.47 140 32 135.52 32 130L32 10C32 4.47 36.47 0 42 0Z",
+      fill: "url(#paint_linear_1_302_0)",
+      "fill-opacity": "1.000000",
+      "fill-rule": "evenodd"
+    }, null), l("g", {
+      filter: "url(#filter_1_304_dd)"
+    }, [l("path", {
+      id: "Rectangle 5623",
+      d: "M11 10L146 10C148.76 10 151 12.23 151 15L151 40C151 42.76 148.76 45 146 45L11 45C8.23 45 6 42.76 6 40L6 15C6 12.23 8.23 10 11 10Z",
+      fill: "rgba(var(--ui-color-bg-muted))",
+      "fill-opacity": "1.000000",
+      "fill-rule": "evenodd"
+    }, null)]), l("path", {
+      id: "Rectangle 5617",
+      d: "M49 18L75 18C76.65 18 78 19.34 78 21C78 22.65 76.65 24 75 24L49 24C47.34 24 46 22.65 46 21C46 19.34 47.34 18 49 18Z",
+      fill: "rgba(var(--ui-color-warning) / 0.4)",
+      "fill-opacity": "1.000000",
+      "fill-rule": "evenodd"
+    }, null), l("path", {
+      id: "Rectangle 5618",
+      d: "M49 31L93 31C94.65 31 96 32.34 96 34C96 35.65 94.65 37 93 37L49 37C47.34 37 46 35.65 46 34C46 32.34 47.34 31 49 31Z",
+      fill: "rgba(var(--ui-color-warning) / 0.2)",
+      "fill-opacity": "1.000000",
+      "fill-rule": "evenodd"
+    }, null), l("path", {
+      id: "Rectangle 5624",
+      d: "M14 13L33 13C35.76 13 38 15.23 38 18L38 37C38 39.76 35.76 42 33 42L14 42C11.23 42 9 39.76 9 37L9 18C9 15.23 11.23 13 14 13Z",
+      fill: "rgba(var(--ui-color-warning) / 0.8)",
+      "fill-opacity": "1.000000",
+      "fill-rule": "evenodd"
+    }, null), l("path", {
+      id: "Path 25917",
+      d: "M21.22 30.78L23.22 30.78L23.24 30.01C23.24 28.99 23.88 28.73 24.78 28.44C25.68 28.19 26.48 27.64 27.05 26.89C27.62 26.14 27.92 25.23 27.93 24.29C27.94 23.71 27.85 23.14 27.63 22.6C27.42 22.07 27.1 21.59 26.69 21.18C26.28 20.78 25.79 20.47 25.25 20.26C24.72 20.06 24.14 19.97 23.57 20C22.96 19.98 22.36 20.09 21.8 20.32C21.23 20.55 20.72 20.88 20.3 21.31C19.87 21.74 19.53 22.26 19.31 22.82C19.08 23.39 18.98 23.99 18.99 24.6L21.06 24.6C21.05 24.26 21.11 23.93 21.23 23.62C21.36 23.3 21.54 23.02 21.77 22.78C22.01 22.54 22.29 22.35 22.6 22.22C22.9 22.09 23.24 22.02 23.57 22.02C23.87 22 24.18 22.05 24.46 22.16C24.74 22.27 24.99 22.44 25.21 22.65C25.42 22.87 25.58 23.13 25.68 23.42C25.78 23.7 25.82 24.01 25.79 24.31C25.78 24.79 25.61 25.27 25.31 25.65C25.01 26.03 24.59 26.31 24.12 26.44L23.4 26.73C22.68 26.9 22.06 27.33 21.66 27.94C21.25 28.55 21.08 29.28 21.2 30.01L21.22 30.78ZM22.21 35.53C22.4 35.54 22.6 35.5 22.78 35.43C22.96 35.36 23.13 35.26 23.27 35.12C23.41 34.99 23.53 34.82 23.61 34.64C23.68 34.46 23.72 34.27 23.73 34.08C23.72 33.88 23.68 33.69 23.6 33.51C23.53 33.33 23.41 33.16 23.27 33.03C23.13 32.89 22.96 32.79 22.78 32.72C22.6 32.65 22.4 32.62 22.21 32.62C22.01 32.62 21.82 32.65 21.63 32.72C21.45 32.79 21.28 32.89 21.14 33.03C21 33.16 20.89 33.33 20.81 33.51C20.73 33.69 20.69 33.88 20.69 34.08C20.69 34.27 20.73 34.46 20.81 34.64C20.89 34.82 21 34.99 21.14 35.12C21.28 35.26 21.45 35.36 21.63 35.43C21.82 35.5 22.01 35.54 22.21 35.53L22.21 35.53Z",
+      fill: "rgba(var(--ui-color-bg-muted))",
+      "fill-opacity": "1.000000",
+      "fill-rule": "evenodd"
+    }, null), l("g", {
+      filter: "url(#filter_1_313_dd)"
+    }, [l("path", {
+      id: "Path 25918",
+      d: "M54 53L189 53C190.32 53 191.59 53.52 192.53 54.46C193.47 55.4 194 56.67 194 58L194 83C194 84.32 193.47 85.59 192.53 86.53C191.59 87.47 190.32 88 189 88L54 88C52.67 88 51.4 87.47 50.46 86.53C49.52 85.59 49 84.32 49 83L49 58C49 56.67 49.52 55.4 50.46 54.46C51.4 53.52 52.67 53 54 53L54 53Z",
+      fill: "rgba(var(--ui-color-bg-muted))",
+      "fill-opacity": "1.000000",
+      "fill-rule": "evenodd"
+    }, null)]), l("path", {
+      id: "Rectangle 5617",
+      d: "M92 61L118 61C119.65 61 121 62.34 121 64C121 65.65 119.65 67 118 67L92 67C90.34 67 89 65.65 89 64C89 62.34 90.34 61 92 61Z",
+      fill: "rgba(var(--ui-color-warning) / 0.4)",
+      "fill-opacity": "1.000000",
+      "fill-rule": "evenodd"
+    }, null), l("path", {
+      id: "Rectangle 5618",
+      d: "M92 74L136 74C137.65 74 139 75.34 139 77C139 78.65 137.65 80 136 80L92 80C90.34 80 89 78.65 89 77C89 75.34 90.34 74 92 74Z",
+      fill: "rgba(var(--ui-color-warning) / 0.2)",
+      "fill-opacity": "1.000000",
+      "fill-rule": "evenodd"
+    }, null), l("path", {
+      id: "Rectangle 5624",
+      d: "M57 56L76 56C78.76 56 81 58.23 81 61L81 80C81 82.76 78.76 85 76 85L57 85C54.23 85 52 82.76 52 80L52 61C52 58.23 54.23 56 57 56Z",
+      fill: "rgba(var(--ui-color-warning) / 0.8)",
+      "fill-opacity": "1.000000",
+      "fill-rule": "evenodd"
+    }, null), l("path", {
+      id: "Path 25917",
+      d: "M64.22 73.78L66.22 73.78L66.24 73.01C66.24 71.99 66.88 71.73 67.78 71.44C68.68 71.19 69.48 70.64 70.05 69.89C70.62 69.14 70.92 68.23 70.93 67.29C70.94 66.71 70.85 66.14 70.63 65.6C70.42 65.07 70.1 64.59 69.69 64.18C69.28 63.78 68.79 63.47 68.25 63.26C67.72 63.06 67.14 62.97 66.57 63C65.96 62.98 65.36 63.09 64.8 63.32C64.23 63.55 63.72 63.88 63.3 64.31C62.87 64.74 62.53 65.26 62.31 65.82C62.08 66.39 61.98 66.99 61.99 67.6L64.06 67.6C64.05 67.26 64.11 66.93 64.23 66.62C64.36 66.3 64.54 66.02 64.77 65.78C65.01 65.54 65.29 65.35 65.6 65.22C65.9 65.09 66.24 65.02 66.57 65.02C66.87 65 67.18 65.05 67.46 65.16C67.74 65.27 67.99 65.44 68.21 65.65C68.42 65.87 68.58 66.13 68.68 66.42C68.78 66.7 68.82 67.01 68.79 67.31C68.78 67.79 68.61 68.27 68.31 68.65C68.01 69.03 67.59 69.31 67.12 69.44L66.4 69.73C65.68 69.9 65.06 70.33 64.66 70.94C64.25 71.55 64.08 72.28 64.19 73.01L64.22 73.78ZM65.21 78.53C65.4 78.54 65.6 78.5 65.78 78.43C65.96 78.36 66.13 78.26 66.27 78.12C66.41 77.99 66.53 77.82 66.61 77.64C66.68 77.46 66.72 77.27 66.73 77.08C66.72 76.88 66.68 76.69 66.6 76.51C66.53 76.33 66.41 76.16 66.27 76.03C66.13 75.89 65.96 75.79 65.78 75.72C65.6 75.65 65.4 75.62 65.21 75.62C65.01 75.62 64.82 75.65 64.63 75.72C64.45 75.79 64.28 75.89 64.14 76.03C64 76.16 63.89 76.33 63.81 76.51C63.73 76.69 63.69 76.88 63.69 77.08C63.69 77.27 63.73 77.46 63.81 77.64C63.89 77.82 64 77.99 64.14 78.12C64.28 78.26 64.45 78.36 64.63 78.43C64.82 78.5 65.01 78.54 65.21 78.53L65.21 78.53Z",
+      fill: "rgba(var(--ui-color-bg-muted))",
+      "fill-opacity": "1.000000",
+      "fill-rule": "evenodd"
+    }, null), l("g", {
+      filter: "url(#filter_1_322_dd)"
+    }, [l("path", {
+      id: "Path 25919",
+      d: "M11 96L146 96C147.32 96 148.59 96.52 149.53 97.46C150.47 98.4 151 99.67 151 101L151 126C151 127.32 150.47 128.59 149.53 129.53C148.59 130.47 147.32 131 146 131L11 131C9.67 131 8.4 130.47 7.46 129.53C6.52 128.59 6 127.32 6 126L6 101C6 99.67 6.52 98.4 7.46 97.46C8.4 96.52 9.67 96 11 96L11 96Z",
+      fill: "rgba(var(--ui-color-bg-muted))",
+      "fill-opacity": "1.000000",
+      "fill-rule": "evenodd"
+    }, null)]), l("path", {
+      id: "Rectangle 5617",
+      d: "M49 104L75 104C76.65 104 78 105.34 78 107C78 108.65 76.65 110 75 110L49 110C47.34 110 46 108.65 46 107C46 105.34 47.34 104 49 104Z",
+      fill: "rgba(var(--ui-color-warning) / 0.4)",
+      "fill-opacity": "1.000000",
+      "fill-rule": "evenodd"
+    }, null), l("path", {
+      id: "Rectangle 5618",
+      d: "M49 117L93 117C94.65 117 96 118.34 96 120C96 121.65 94.65 123 93 123L49 123C47.34 123 46 121.65 46 120C46 118.34 47.34 117 49 117Z",
+      fill: "rgba(var(--ui-color-warning) / 0.2)",
+      "fill-opacity": "1.000000",
+      "fill-rule": "evenodd"
+    }, null), l("path", {
+      id: "Rectangle 5624",
+      d: "M14 99L33 99C35.76 99 38 101.23 38 104L38 123C38 125.76 35.76 128 33 128L14 128C11.23 128 9 125.76 9 123L9 104C9 101.23 11.23 99 14 99Z",
+      fill: "rgba(var(--ui-color-warning) / 0.8)",
+      "fill-opacity": "1.000000",
+      "fill-rule": "evenodd"
+    }, null), l("path", {
+      id: "Path 25917",
+      d: "M21.22 116.78L23.22 116.78L23.24 116.01C23.24 114.99 23.88 114.73 24.78 114.44C25.68 114.19 26.48 113.64 27.05 112.89C27.62 112.14 27.92 111.23 27.93 110.29C27.94 109.71 27.85 109.14 27.63 108.61C27.42 108.07 27.1 107.59 26.69 107.18C26.28 106.78 25.79 106.47 25.25 106.26C24.72 106.06 24.14 105.97 23.57 106C22.96 105.98 22.36 106.09 21.8 106.32C21.23 106.55 20.72 106.88 20.3 107.31C19.87 107.75 19.53 108.26 19.31 108.82C19.08 109.39 18.98 109.99 18.99 110.6L21.06 110.6C21.05 110.26 21.11 109.93 21.23 109.62C21.36 109.3 21.54 109.02 21.77 108.78C22.01 108.54 22.29 108.35 22.6 108.22C22.9 108.09 23.24 108.02 23.57 108.02C23.87 108 24.18 108.05 24.46 108.16C24.74 108.27 24.99 108.44 25.21 108.66C25.42 108.87 25.58 109.13 25.68 109.42C25.78 109.7 25.82 110.01 25.79 110.31C25.78 110.8 25.61 111.27 25.31 111.65C25.01 112.03 24.59 112.31 24.12 112.44L23.4 112.73C22.68 112.9 22.06 113.33 21.66 113.94C21.25 114.55 21.08 115.28 21.2 116.01L21.22 116.78ZM22.21 121.53C22.4 121.54 22.6 121.5 22.78 121.43C22.96 121.36 23.13 121.26 23.27 121.12C23.41 120.99 23.53 120.83 23.61 120.65C23.68 120.47 23.72 120.27 23.73 120.08C23.72 119.88 23.68 119.69 23.6 119.51C23.53 119.33 23.41 119.16 23.27 119.03C23.13 118.89 22.96 118.79 22.78 118.72C22.6 118.65 22.4 118.62 22.21 118.62C22.01 118.62 21.82 118.65 21.63 118.72C21.45 118.79 21.28 118.89 21.14 119.03C21 119.16 20.89 119.33 20.81 119.51C20.73 119.69 20.69 119.88 20.69 120.08C20.69 120.27 20.73 120.47 20.81 120.65C20.89 120.83 21 120.99 21.14 121.12C21.28 121.26 21.45 121.36 21.63 121.43C21.82 121.5 22.01 121.54 22.21 121.53L22.21 121.53Z",
+      fill: "rgba(var(--ui-color-bg-muted))",
+      "fill-opacity": "1.000000",
+      "fill-rule": "evenodd"
+    }, null)]);
+  }
+});
+export {
+  r as DuxDrawError
+};

package/dist/esm/components/drawer/drawer.js

@@ -0,0 +1,73 @@
+import { defineComponent as s, defineAsyncComponent as u, createVNode as e, Suspense as c, mergeProps as d } from "vue";
+import { useExtendOverlay as f } from "../../node_modules/@overlastic/vue/dist/index.js";
+import { NDrawer as m, NButton as b, NSpin as h } from "naive-ui";
+const y = /* @__PURE__ */ s({
+  name: "DuxDrawer",
+  props: {
+    title: String,
+    width: [Number, String],
+    component: {
+      type: Function,
+      required: !0
+    },
+    componentProps: Object
+  },
+  setup(t) {
+    const {
+      visible: o,
+      resolve: l,
+      reject: n,
+      vanish: r
+    } = f({
+      duration: 1e3
+    }), a = (t == null ? void 0 : t.componentProps) || {};
+    a.onConfirm = l, a.onClose = n;
+    const i = u(t.component);
+    return () => e(m, {
+      closeOnEsc: !1,
+      maskClosable: !1,
+      minWidth: 400,
+      defaultWidth: (t == null ? void 0 : t.width) || 400,
+      resizable: !0,
+      show: o.value,
+      onUpdateShow: () => l(),
+      onAfterLeave: () => {
+        r();
+      },
+      class: ""
+    }, {
+      default: () => [e("div", {
+        class: "h-full flex flex-col"
+      }, [e("div", {
+        class: "flex justify-between items-center px-4 py-3 border-b border-gray-2 dark:border-gray-3"
+      }, [e("div", {
+        class: "text-base"
+      }, [t == null ? void 0 : t.title]), e("div", null, [e(b, {
+        quaternary: !0,
+        size: "small",
+        color: "default",
+        class: "!px-1 h-6",
+        onClick: () => n()
+      }, {
+        default: () => [e("div", {
+          class: "i-tabler:x w-5 h-5"
+        }, null)]
+      })])]), e(c, null, {
+        default: () => e(i, d(a, {
+          onSuccess: l,
+          onClose: n
+        }), null),
+        fallback: () => e(h, {
+          show: !0
+        }, {
+          default: () => [e("div", {
+            class: "flex-1 min-h-1"
+          }, null)]
+        })
+      })])]
+    });
+  }
+});
+export {
+  y as default
+};

package/dist/esm/components/drawer/drawerPage.js

@@ -0,0 +1,28 @@
+import { defineComponent as f, createVNode as r } from "vue";
+import { NScrollbar as p } from "naive-ui";
+const c = /* @__PURE__ */ f({
+  name: "DuxDrawerPage",
+  props: {},
+  setup(d, {
+    slots: e
+  }) {
+    return () => {
+      var a;
+      return r("div", {
+        class: "flex-1 min-h-1 flex flex-col"
+      }, [r("div", {
+        class: "flex-1 min-h-1"
+      }, [r(p, null, {
+        default: () => {
+          var n;
+          return [(n = e.default) == null ? void 0 : n.call(e)];
+        }
+      })]), r("div", {
+        class: "flex-none border-t border-gray-3 p-4 flex justify-end gap-2"
+      }, [(a = e.action) == null ? void 0 : a.call(e)])]);
+    };
+  }
+});
+export {
+  c as DuxDrawerPage
+};

package/dist/esm/components/form/formItem.js

@@ -0,0 +1,77 @@
+import { defineComponent as x, toRef as b, computed as r, watch as g, inject as h, createVNode as l, createTextVNode as y } from "vue";
+import { watchThrottled as j } from "@vueuse/core";
+import { useField as S } from "vee-validate";
+const p = /* @__PURE__ */ x({
+  name: "DuxFormItem",
+  props: {
+    label: String,
+    description: [String, Object],
+    path: String,
+    labelPlacement: {
+      type: String
+    },
+    labelWidth: {
+      type: Number
+    },
+    rule: [String, Object],
+    message: [String, Object]
+  },
+  setup(e, {
+    slots: i
+  }) {
+    const c = b(e.message), {
+      errorMessage: d,
+      value: m,
+      setErrors: f,
+      validate: s
+    } = S(e.path || "", e.rule || {}, {
+      label: e.label
+    }), o = r(() => e.rule ? typeof e.rule == "string" ? e.rule.includes("required") : typeof e.rule == "object" ? "required" in e.rule : !1 : !1), n = r(() => d.value && (c.value || d.value));
+    g(n, (t) => {
+      t && f(t);
+    }, {
+      immediate: !0
+    }), j(m, (t) => {
+      t && s();
+    }, {
+      throttle: 300,
+      deep: !0
+    });
+    const u = h("dux.form", {
+      labelPlacement: "left",
+      labelWidth: 70,
+      divider: !1
+    }), a = r(() => e.labelPlacement || u.labelPlacement), v = r(() => {
+      let t = e.labelWidth || u.labelWidth || 70;
+      return typeof t == "number" && (t = `${t}px`), a.value === "top" || a.value === "setting" ? "auto" : t;
+    });
+    return () => {
+      var t;
+      return l("div", {
+        class: ["flex flex-col ", a.value !== "top" ? "md:flex-row gap-2" : "gap-1", u.divider && "pb-4", a.value === "setting" ? "md:justify-between md:items-start md:gap-4" : ""]
+      }, [l("div", {
+        class: [a.value !== "top" && a.value !== "setting" ? "mt-1.5" : ""],
+        style: {
+          width: v.value
+        }
+      }, [l("div", {
+        class: "flex flex-col"
+      }, [l("div", null, [l("span", {
+        class: "relative flex items-center gap-1"
+      }, [e.label, o.value && l("span", {
+        class: "text-error font-mono text-xs"
+      }, [y("*")])])]), e.description && typeof e.description == "string" && l("div", {
+        class: "text-sm text-muted"
+      }, [e.description])])]), l("div", {
+        class: ["flex flex-col gap-1", a.value !== "left" ? "md:mt-1" : "", a.value === "setting" ? "flex-none" : "flex-1"]
+      }, [l("div", null, [(t = i == null ? void 0 : i.default) == null ? void 0 : t.call(i)]), e.description && typeof e.description != "string" && l("div", {
+        class: "text-sm text-muted"
+      }, [e.description]), n.value && l("div", {
+        class: "text-error"
+      }, [n.value])])]);
+    };
+  }
+});
+export {
+  p as DuxFormItem
+};

package/dist/esm/components/form/formLayout.js

@@ -0,0 +1,38 @@
+import { defineComponent as a, provide as l, createVNode as t } from "vue";
+const r = /* @__PURE__ */ a({
+  name: "DuxFormLayout",
+  props: {
+    labelPlacement: {
+      type: String,
+      default: "left"
+    },
+    labelWidth: {
+      type: Number
+    },
+    inline: {
+      type: Boolean,
+      default: !1
+    },
+    divider: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e, {
+    slots: d
+  }) {
+    return l("dux.form", {
+      labelPlacement: e.labelPlacement,
+      labelWidth: e.labelWidth,
+      divider: e.divider
+    }), () => {
+      var i;
+      return t("div", {
+        class: ["flex gap-4", e.divider && "divide-y divide-muted", e.inline ? "flex-row" : "flex-col"]
+      }, [(i = d == null ? void 0 : d.default) == null ? void 0 : i.call(d)]);
+    };
+  }
+});
+export {
+  r as DuxFormLayout
+};

package/dist/esm/components/form/modalForm.js

@@ -0,0 +1,108 @@
+import { defineComponent as C, computed as F, toRef as x, createVNode as i, Fragment as E, resolveComponent as r, mergeProps as v, isVNode as h } from "vue";
+import { useI18n as j, useExtendForm as M } from "@duxweb/dvha-core";
+import { useMessage as D } from "naive-ui";
+import "@vueuse/core";
+import N from "../modal/modalPage.js";
+import { DuxFormLayout as l } from "./formLayout.js";
+function d(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !h(t);
+}
+const A = /* @__PURE__ */ C({
+  name: "DuxModalForm",
+  props: {
+    id: {
+      type: [String, Number]
+    },
+    action: {
+      type: String
+    },
+    path: {
+      type: String
+    },
+    data: {
+      type: Object
+    },
+    onClose: {
+      type: Function
+    },
+    title: {
+      type: String
+    },
+    onSuccess: {
+      type: Function
+    },
+    onError: {
+      type: Function
+    }
+  },
+  extends: l,
+  setup(t, {
+    slots: c
+  }) {
+    const {
+      t: o
+    } = j(), f = F(() => {
+      const {
+        onClose: e,
+        onSuccess: n,
+        onError: a,
+        action: O,
+        title: P,
+        id: _,
+        path: k,
+        data: L,
+        ...S
+      } = t;
+      return S;
+    }), g = x(t, "data", {}), u = D(), {
+      isLoading: m,
+      onSubmit: y,
+      onReset: s,
+      isEdit: b
+    } = M({
+      id: t.id,
+      path: t.path,
+      form: g,
+      action: t.action,
+      onError: (e) => {
+        var n;
+        u.error(e.message || o("components.form.error")), (n = t.onError) == null || n.call(t, e);
+      },
+      onSuccess: (e) => {
+        var n, a;
+        u.success(o("components.form.success")), (n = t.onSuccess) == null || n.call(t, e), (a = t.onClose) == null || a.call(t);
+      }
+    });
+    return () => i(N, {
+      title: (t == null ? void 0 : t.title) || (b.value ? o("components.form.edit") : o("components.form.create")),
+      onClose: t == null ? void 0 : t.onClose
+    }, {
+      default: () => i(l, v(f.value, {
+        class: "px-2 py-2"
+      }), {
+        default: () => {
+          var e;
+          return [(e = c == null ? void 0 : c.default) == null ? void 0 : e.call(c)];
+        }
+      }),
+      footer: () => {
+        let e, n;
+        return i(E, null, [i(r("n-button"), {
+          onClick: s,
+          loading: m.value
+        }, d(e = o("components.button.reset")) ? e : {
+          default: () => [e]
+        }), i(r("n-button"), {
+          type: "primary",
+          loading: m.value,
+          onClick: y
+        }, d(n = o("components.button.submit")) ? n : {
+          default: () => [n]
+        })]);
+      }
+    });
+  }
+});
+export {
+  A as DuxModalForm
+};

package/dist/esm/components/form/pageForm.js

@@ -0,0 +1,94 @@
+import { defineComponent as d, toRef as f, createVNode as r } from "vue";
+import { useI18n as p, useExtendForm as g } from "@duxweb/dvha-core";
+import { useMessage as y, NButton as c } from "naive-ui";
+import "../../node_modules/@overlastic/vue/dist/index.js";
+import "vue-router";
+import "clsx";
+import "jinrishici";
+import "lodash-es";
+import "@vueuse/core";
+import "vee-validate";
+import "@duxweb/dvha-naiveui";
+import "pinia";
+import "@vee-validate/i18n";
+import "vue-command-palette";
+import { DuxPage as b } from "../../pages/page.js";
+import "../../pages/page404.js";
+const M = /* @__PURE__ */ d({
+  name: "DuxPageForm",
+  props: {
+    id: {
+      type: [String, Number]
+    },
+    action: {
+      type: String
+    },
+    path: {
+      type: String
+    },
+    data: {
+      type: Object
+    },
+    onSuccess: {
+      type: Function
+    },
+    onError: {
+      type: Function
+    },
+    size: {
+      type: String,
+      default: "medium"
+    }
+  },
+  setup(e, {
+    slots: t
+  }) {
+    const {
+      t: m
+    } = p(), u = f(e, "data", {}), o = y(), a = g({
+      id: e.id,
+      path: e.path,
+      form: u,
+      action: e.action,
+      onError: (n) => {
+        var i;
+        o.error(n.message || m("components.form.error")), (i = e.onError) == null || i.call(e, n);
+      },
+      onSuccess: (n) => {
+        var i;
+        o.success(m("components.form.success")), (i = e.onSuccess) == null || i.call(e, n);
+      }
+    });
+    return () => r(b, {
+      card: !1
+    }, {
+      default: () => {
+        var n;
+        return (n = t == null ? void 0 : t.default) == null ? void 0 : n.call(t, a);
+      },
+      actions: () => {
+        var n;
+        return r("div", {
+          class: "flex gap-6 items-center"
+        }, [(n = t == null ? void 0 : t.actions) == null ? void 0 : n.call(t, a), r("div", {
+          class: "flex gap-2"
+        }, [r(c, null, {
+          default: () => m("components.button.reset"),
+          icon: () => r("i", {
+            class: "i-tabler:refresh"
+          }, null)
+        }), r(c, {
+          type: "primary"
+        }, {
+          default: () => m("components.button.submit"),
+          icon: () => r("i", {
+            class: "i-tabler:send"
+          }, null)
+        })])]);
+      }
+    });
+  }
+});
+export {
+  M as DuxPageForm
+};