@duxweb/dvha-pro 1.0.32 → 1.0.34

package/dist/esm/components/formEditor/components/fileUpload.js

@@ -0,0 +1,191 @@
+import { createVNode as o, defineComponent as n } from "vue";
+import { useI18n as u } from "@duxweb/dvha-core";
+import { useVModel as d } from "@vueuse/core";
+import { NInput as c, NInputNumber as a, NCheckbox as p } from "naive-ui";
+import "clsx";
+import "vue-router";
+import "@overlastic/vue";
+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 "vue-draggable-plus";
+import "aieditor";
+import { DuxFormItem as i } from "../../form/formItem.js";
+import "@vee-validate/i18n";
+import "colorizr";
+import "echarts";
+import "highlight.js/lib/core";
+import "highlight.js/lib/languages/bash";
+import "highlight.js/lib/languages/css";
+import "highlight.js/lib/languages/go";
+import "highlight.js/lib/languages/java";
+import "highlight.js/lib/languages/javascript";
+import "highlight.js/lib/languages/json";
+import "highlight.js/lib/languages/markdown";
+import "highlight.js/lib/languages/php";
+import "highlight.js/lib/languages/python";
+import "highlight.js/lib/languages/shell";
+import "highlight.js/lib/languages/sql";
+import "highlight.js/lib/languages/typescript";
+import "highlight.js/lib/languages/xml";
+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 "vee-validate";
+import "vue-command-palette";
+import "@duxweb/dvha-naiveui";
+import "../../../pages/page404.js";
+import { DuxFormEditorItem as f, DuxFormEditorRule as s } from "../base/base.js";
+import { WidgetEditorSettingCard as v } from "../../designEditor/editor/setting.js";
+import { DuxFileUpload as b } from "../../upload/file.js";
+import "@iconify-json/tabler/icons.json";
+import "../../posterEditor/elements/index.js";
+import "fabric";
+import "dayjs";
+import "mime";
+import "@tanstack/vue-query";
+import "pinia";
+import "short-unique-id";
+const x = /* @__PURE__ */ n({
+  name: "FormEditorFileUpload",
+  props: {
+    options: Object
+  },
+  setup(r) {
+    return () => o(i, {
+      label: r.options?.label,
+      description: r.options?.desc
+    }, {
+      default: () => [o(b, r.options?.attr, null)]
+    });
+  }
+});
+function U(r) {
+  const {
+    options: l,
+    model: t
+  } = r || {};
+  return {
+    tag: "dux-form-item",
+    attrs: {
+      label: l?.label,
+      description: l?.desc
+    },
+    children: [{
+      tag: "dux-file-upload",
+      attrs: {
+        ...l?.attr,
+        "v-model:value": [t, l?.name]
+      }
+    }]
+  };
+}
+const E = /* @__PURE__ */ n({
+  name: "FormEditorFileUploadSetting",
+  props: {
+    value: {
+      type: Object,
+      default: {}
+    }
+  },
+  setup(r, {
+    emit: l
+  }) {
+    const t = d(r, "value", l), {
+      t: m
+    } = u();
+    return () => o("div", {
+      class: ""
+    }, [o(f, {
+      value: r.value,
+      "onUpdate:value": (e) => r.value = e
+    }, null), o(v, {
+      title: m("components.formEditor.common.componentConfig")
+    }, {
+      default: () => [o(i, {
+        label: m("components.formEditor.fileUpload.accept")
+      }, {
+        default: () => [o(c, {
+          value: t.value.attr.accept,
+          "onUpdate:value": (e) => t.value.attr.accept = e,
+          placeholder: m("components.formEditor.fileUpload.acceptPlaceholder")
+        }, null)]
+      }), o(i, {
+        label: m("components.formEditor.common.maxCount")
+      }, {
+        default: () => [o(a, {
+          value: t.value.attr.maxNum,
+          "onUpdate:value": (e) => t.value.attr.maxNum = e,
+          min: 1,
+          placeholder: m("components.formEditor.fileUpload.maxNumPlaceholder")
+        }, null)]
+      }), o(i, {
+        label: m("components.formEditor.fileUpload.maxSize")
+      }, {
+        default: () => [o(a, {
+          value: t.value.attr.maxSize,
+          "onUpdate:value": (e) => t.value.attr.maxSize = e,
+          min: 0,
+          placeholder: m("components.formEditor.fileUpload.maxSizePlaceholder")
+        }, null)]
+      }), o(i, {
+        label: m("components.formEditor.common.status")
+      }, {
+        default: () => [o("div", {
+          class: "w-full grid grid-cols-2"
+        }, [o(p, {
+          label: m("components.formEditor.common.multiple"),
+          checked: t.value.attr.multiple,
+          "onUpdate:checked": (e) => t.value.attr.multiple = e
+        }, null), o(p, {
+          label: m("components.formEditor.fileUpload.manager"),
+          checked: t.value.attr.manager,
+          "onUpdate:checked": (e) => t.value.attr.manager = e
+        }, null)])]
+      })]
+    }), o(s, {
+      value: t.value.rule,
+      "onUpdate:value": (e) => t.value.rule = e
+    }, null)]);
+  }
+});
+function jo(r) {
+  return {
+    name: "dux-file-upload",
+    icon: "i-tabler:file-upload",
+    label: r("components.formEditor.fileUpload.label"),
+    group: "form",
+    component: (l) => o(x, l, null),
+    setting: (l) => o(E, l, null),
+    settingDefault: {
+      label: r("components.formEditor.fileUpload.label"),
+      name: "files",
+      attr: {
+        maxSize: 10,
+        multiple: !1,
+        manager: !1,
+        accept: "*/*"
+      },
+      rule: []
+    },
+    json: U
+  };
+}
+export {
+  jo as duxFormEditorFileUpload
+};

package/dist/esm/components/formEditor/components/imageUpload.js

@@ -0,0 +1,182 @@
+import { createVNode as o, defineComponent as n } from "vue";
+import { useI18n as u } from "@duxweb/dvha-core";
+import { useVModel as d } from "@vueuse/core";
+import { NInputNumber as l, NCheckbox as p } from "naive-ui";
+import "clsx";
+import "vue-router";
+import "@overlastic/vue";
+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 "vue-draggable-plus";
+import "aieditor";
+import { DuxFormItem as a } from "../../form/formItem.js";
+import "@vee-validate/i18n";
+import "colorizr";
+import "echarts";
+import "highlight.js/lib/core";
+import "highlight.js/lib/languages/bash";
+import "highlight.js/lib/languages/css";
+import "highlight.js/lib/languages/go";
+import "highlight.js/lib/languages/java";
+import "highlight.js/lib/languages/javascript";
+import "highlight.js/lib/languages/json";
+import "highlight.js/lib/languages/markdown";
+import "highlight.js/lib/languages/php";
+import "highlight.js/lib/languages/python";
+import "highlight.js/lib/languages/shell";
+import "highlight.js/lib/languages/sql";
+import "highlight.js/lib/languages/typescript";
+import "highlight.js/lib/languages/xml";
+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 "vee-validate";
+import "vue-command-palette";
+import "@duxweb/dvha-naiveui";
+import "../../../pages/page404.js";
+import { DuxFormEditorItem as c, DuxFormEditorRule as s } from "../base/base.js";
+import { WidgetEditorSettingCard as f } from "../../designEditor/editor/setting.js";
+import "mime";
+import { DuxImageUpload as g } from "../../upload/image.js";
+import "@iconify-json/tabler/icons.json";
+import "../../posterEditor/elements/index.js";
+import "fabric";
+import "dayjs";
+import "@tanstack/vue-query";
+import "pinia";
+import "short-unique-id";
+const v = /* @__PURE__ */ n({
+  name: "FormEditorImageUpload",
+  props: {
+    options: Object
+  },
+  setup(t) {
+    return () => o(a, {
+      label: t.options?.label,
+      description: t.options?.desc
+    }, {
+      default: () => [o(g, t.options?.attr, null)]
+    });
+  }
+});
+function x(t) {
+  const {
+    options: r,
+    model: m
+  } = t || {};
+  return {
+    tag: "dux-form-item",
+    attrs: {
+      label: r?.label,
+      description: r?.desc
+    },
+    children: [{
+      tag: "dux-image-upload",
+      attrs: {
+        ...r?.attr,
+        "v-model:value": [m, r?.name]
+      }
+    }]
+  };
+}
+const b = /* @__PURE__ */ n({
+  name: "FormEditorImageUploadSetting",
+  props: {
+    value: {
+      type: Object,
+      default: {}
+    }
+  },
+  setup(t, {
+    emit: r
+  }) {
+    const m = d(t, "value", r), {
+      t: i
+    } = u();
+    return () => o("div", {
+      class: ""
+    }, [o(c, {
+      value: t.value,
+      "onUpdate:value": (e) => t.value = e
+    }, null), o(f, {
+      title: i("components.formEditor.common.componentConfig")
+    }, {
+      default: () => [o(a, {
+        label: i("components.formEditor.common.maxCount")
+      }, {
+        default: () => [o(l, {
+          value: m.value.attr.maxNum,
+          "onUpdate:value": (e) => m.value.attr.maxNum = e,
+          min: 1,
+          placeholder: i("components.formEditor.imageUpload.maxNumPlaceholder")
+        }, null)]
+      }), o(a, {
+        label: i("components.formEditor.imageUpload.maxSize")
+      }, {
+        default: () => [o(l, {
+          value: m.value.attr.maxSize,
+          "onUpdate:value": (e) => m.value.attr.maxSize = e,
+          min: 0,
+          placeholder: i("components.formEditor.imageUpload.maxSizePlaceholder")
+        }, null)]
+      }), o(a, {
+        label: i("components.formEditor.common.status")
+      }, {
+        default: () => [o("div", {
+          class: "w-full grid grid-cols-2"
+        }, [o(p, {
+          label: i("components.formEditor.common.multiple"),
+          checked: m.value.attr.multiple,
+          "onUpdate:checked": (e) => m.value.attr.multiple = e
+        }, null), o(p, {
+          label: i("components.formEditor.imageUpload.manager"),
+          checked: m.value.attr.manager,
+          "onUpdate:checked": (e) => m.value.attr.manager = e
+        }, null)])]
+      })]
+    }), o(s, {
+      value: m.value.rule,
+      "onUpdate:value": (e) => m.value.rule = e
+    }, null)]);
+  }
+});
+function Do(t) {
+  return {
+    name: "dux-image-upload",
+    icon: "i-tabler:photo",
+    label: t("components.formEditor.imageUpload.label"),
+    group: "form",
+    component: (r) => o(v, r, null),
+    setting: (r) => o(b, r, null),
+    settingDefault: {
+      label: t("components.formEditor.imageUpload.label"),
+      name: "images",
+      attr: {
+        maxSize: 5,
+        multiple: !1,
+        manager: !1
+      },
+      rule: []
+    },
+    json: x
+  };
+}
+export {
+  Do as duxFormEditorImageUpload
+};

package/dist/esm/components/formEditor/components/input.js

@@ -1,7 +1,7 @@
 import { createVNode as t, defineComponent as u, mergeProps as d } from "vue";
 import { useI18n as c } from "@duxweb/dvha-core";
 import { useVModel as s } from "@vueuse/core";
-import { NSelect as v, NInput as p, NInputNumber as i, NCheckbox as m } from "naive-ui";
+import { NSelect as v, NInput as p, NInputNumber as i, NCheckbox as n } from "naive-ui";
 import "clsx";
 import "vue-router";
 import "@overlastic/vue";
@@ -22,10 +22,24 @@ import "jinrishici";
 import "lodash-es";
 import "vue-draggable-plus";
 import "aieditor";
-import { DuxFormItem as n } from "../../form/formItem.js";
+import { DuxFormItem as a } from "../../form/formItem.js";
 import "@vee-validate/i18n";
 import "colorizr";
 import "echarts";
+import "highlight.js/lib/core";
+import "highlight.js/lib/languages/bash";
+import "highlight.js/lib/languages/css";
+import "highlight.js/lib/languages/go";
+import "highlight.js/lib/languages/java";
+import "highlight.js/lib/languages/javascript";
+import "highlight.js/lib/languages/json";
+import "highlight.js/lib/languages/markdown";
+import "highlight.js/lib/languages/php";
+import "highlight.js/lib/languages/python";
+import "highlight.js/lib/languages/shell";
+import "highlight.js/lib/languages/sql";
+import "highlight.js/lib/languages/typescript";
+import "highlight.js/lib/languages/xml";
 import "@ant-design/colors";
 import "@unocss/preset-icons/browser";
 import "@unocss/preset-typography";
@@ -38,10 +52,10 @@ import "@duxweb/dvha-naiveui";
 import "../../../pages/page404.js";
 import { DuxFormEditorItem as f, DuxFormEditorRule as b } from "../base/base.js";
 import { WidgetEditorSettingCard as x } from "../../designEditor/editor/setting.js";
+import "mime";
 import "@iconify-json/tabler/icons.json";
 import "../../posterEditor/elements/index.js";
 import "fabric";
-import "mime";
 import "dayjs";
 import "@tanstack/vue-query";
 import "pinia";
@@ -51,12 +65,12 @@ const E = /* @__PURE__ */ u({
   props: {
     options: Object
   },
-  setup(r) {
-    return () => t(n, {
-      label: r.options?.label,
-      description: r.options?.desc
+  setup(l) {
+    return () => t(a, {
+      label: l.options?.label,
+      description: l.options?.desc
     }, {
-      default: () => [t(p, d(r.options?.attr, {
+      default: () => [t(p, d(l.options?.attr, {
         inputProps: {
           autocomplete: "new-password"
         }
@@ -64,22 +78,22 @@ const E = /* @__PURE__ */ u({
     });
   }
 });
-function h(r) {
+function h(l) {
   const {
-    options: a,
+    options: m,
     model: o
-  } = r || {};
+  } = l || {};
   return {
     tag: "dux-form-item",
     attrs: {
-      label: a?.label,
-      description: a?.desc
+      label: m?.label,
+      description: m?.desc
     },
     children: [{
       tag: "n-input",
       attrs: {
-        ...a?.attr,
-        "v-model:value": [o, a?.name]
+        ...m?.attr,
+        "v-model:value": [o, m?.name]
       }
     }]
   };
@@ -92,91 +106,91 @@ const g = /* @__PURE__ */ u({
       default: {}
     }
   },
-  setup(r, {
-    emit: a
+  setup(l, {
+    emit: m
   }) {
-    const o = s(r, "value", a), {
-      t: l
+    const o = s(l, "value", m), {
+      t: r
     } = c();
     return () => t("div", {
       class: ""
     }, [t(f, {
-      value: r.value,
-      "onUpdate:value": (e) => r.value = e
+      value: l.value,
+      "onUpdate:value": (e) => l.value = e
     }, null), t(x, {
-      title: l("components.formEditor.common.componentConfig")
+      title: r("components.formEditor.common.componentConfig")
     }, {
-      default: () => [t(n, {
-        label: l("components.formEditor.common.inputType")
+      default: () => [t(a, {
+        label: r("components.formEditor.common.inputType")
       }, {
         default: () => [t(v, {
           value: o.value.attr.type,
           "onUpdate:value": (e) => o.value.attr.type = e,
           options: [{
-            label: l("components.formEditor.input.types.text"),
+            label: r("components.formEditor.input.types.text"),
             value: "text"
           }, {
-            label: l("components.formEditor.input.types.textarea"),
+            label: r("components.formEditor.input.types.textarea"),
             value: "textarea"
           }, {
-            label: l("components.formEditor.input.types.password"),
+            label: r("components.formEditor.input.types.password"),
             value: "password"
           }]
         }, null)]
-      }), t(n, {
-        label: l("components.formEditor.common.placeholder")
+      }), t(a, {
+        label: r("components.formEditor.common.placeholder")
       }, {
         default: () => [t(p, {
           value: o.value.attr.placeholder,
           "onUpdate:value": (e) => o.value.attr.placeholder = e
         }, null)]
-      }), t(n, {
-        label: l("components.formEditor.common.minLength")
+      }), t(a, {
+        label: r("components.formEditor.common.minLength")
       }, {
         default: () => [t(i, {
           value: o.value.attr.minlength,
           "onUpdate:value": (e) => o.value.attr.minlength = e
         }, null)]
-      }), t(n, {
-        label: l("components.formEditor.common.maxLength")
+      }), t(a, {
+        label: r("components.formEditor.common.maxLength")
       }, {
         default: () => [t(i, {
           value: o.value.attr.maxlength,
           "onUpdate:value": (e) => o.value.attr.maxlength = e
         }, null)]
-      }), t(n, {
-        label: l("components.formEditor.common.prefix")
+      }), t(a, {
+        label: r("components.formEditor.common.prefix")
       }, {
         default: () => [t(p, {
           value: o.value.attr["v-slot:prefix"],
           "onUpdate:value": (e) => o.value.attr["v-slot:prefix"] = e
         }, null)]
-      }), t(n, {
-        label: l("components.formEditor.common.suffix")
+      }), t(a, {
+        label: r("components.formEditor.common.suffix")
       }, {
         default: () => [t(p, {
           value: o.value.attr["v-slot:suffix"],
           "onUpdate:value": (e) => o.value.attr["v-slot:suffix"] = e
         }, null)]
-      }), t(n, {
-        label: l("components.formEditor.common.status")
+      }), t(a, {
+        label: r("components.formEditor.common.status")
       }, {
         default: () => [t("div", {
           class: "w-full grid grid-cols-2"
-        }, [t(m, {
-          label: l("components.formEditor.common.readonly"),
+        }, [t(n, {
+          label: r("components.formEditor.common.readonly"),
           checked: o.value.attr.readonly,
           "onUpdate:checked": (e) => o.value.attr.readonly = e
-        }, null), t(m, {
-          label: l("components.formEditor.common.disabled"),
+        }, null), t(n, {
+          label: r("components.formEditor.common.disabled"),
           checked: o.value.attr.disabled,
           "onUpdate:checked": (e) => o.value.attr.disabled = e
-        }, null), t(m, {
-          label: l("components.formEditor.common.clearable"),
+        }, null), t(n, {
+          label: r("components.formEditor.common.clearable"),
           checked: o.value.attr.clearable,
           "onUpdate:checked": (e) => o.value.attr.clearable = e
-        }, null), t(m, {
-          label: l("components.formEditor.common.showCount"),
+        }, null), t(n, {
+          label: r("components.formEditor.common.showCount"),
           checked: o.value.attr.showCount,
           "onUpdate:checked": (e) => o.value.attr.showCount = e
         }, null)])]
@@ -187,16 +201,16 @@ const g = /* @__PURE__ */ u({
     }, null)]);
   }
 });
-function ft(r) {
+function Dt(l) {
   return {
     name: "dux-input",
     icon: "i-tabler:cursor-text",
-    label: r("components.formEditor.input.label"),
+    label: l("components.formEditor.input.label"),
     group: "form",
-    component: (a) => t(E, a, null),
-    setting: (a) => t(g, a, null),
+    component: (m) => t(E, m, null),
+    setting: (m) => t(g, m, null),
     settingDefault: {
-      label: r("components.formEditor.input.label"),
+      label: l("components.formEditor.input.label"),
       name: "text",
       attr: {
         type: "text"
@@ -207,5 +221,5 @@ function ft(r) {
   };
 }
 export {
-  ft as duxFormEditorInput
+  Dt as duxFormEditorInput
 };