@duxweb/dvha-pro 1.0.24 → 1.0.26

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

@@ -0,0 +1,211 @@
+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 "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 n } from "../../form/formItem.js";
+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 "vee-validate";
+import "vue-command-palette";
+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 "@iconify-json/tabler/icons.json";
+import "../../posterEditor/elements/index.js";
+import "fabric";
+import "mime";
+import "dayjs";
+import "@tanstack/vue-query";
+import "pinia";
+import "short-unique-id";
+const E = /* @__PURE__ */ u({
+  name: "FormEditorInput",
+  props: {
+    options: Object
+  },
+  setup(r) {
+    return () => t(n, {
+      label: r.options?.label,
+      description: r.options?.desc
+    }, {
+      default: () => [t(p, d(r.options?.attr, {
+        inputProps: {
+          autocomplete: "new-password"
+        }
+      }), null)]
+    });
+  }
+});
+function h(r) {
+  const {
+    options: a,
+    model: o
+  } = r || {};
+  return {
+    tag: "dux-form-item",
+    attrs: {
+      label: a?.label,
+      description: a?.desc
+    },
+    children: [{
+      tag: "n-input",
+      attrs: {
+        ...a?.attr,
+        "v-model:value": [o, a?.name]
+      }
+    }]
+  };
+}
+const g = /* @__PURE__ */ u({
+  name: "FormEditorInputSetting",
+  props: {
+    value: {
+      type: Object,
+      default: {}
+    }
+  },
+  setup(r, {
+    emit: a
+  }) {
+    const o = s(r, "value", a), {
+      t: l
+    } = c();
+    return () => t("div", {
+      class: ""
+    }, [t(f, {
+      value: r.value,
+      "onUpdate:value": (e) => r.value = e
+    }, null), t(x, {
+      title: l("components.formEditor.common.componentConfig")
+    }, {
+      default: () => [t(n, {
+        label: l("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"),
+            value: "text"
+          }, {
+            label: l("components.formEditor.input.types.textarea"),
+            value: "textarea"
+          }, {
+            label: l("components.formEditor.input.types.password"),
+            value: "password"
+          }]
+        }, null)]
+      }), t(n, {
+        label: l("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")
+      }, {
+        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")
+      }, {
+        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")
+      }, {
+        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")
+      }, {
+        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")
+      }, {
+        default: () => [t("div", {
+          class: "w-full grid grid-cols-2"
+        }, [t(m, {
+          label: l("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"),
+          checked: o.value.attr.disabled,
+          "onUpdate:checked": (e) => o.value.attr.disabled = e
+        }, null), t(m, {
+          label: l("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"),
+          checked: o.value.attr.showCount,
+          "onUpdate:checked": (e) => o.value.attr.showCount = e
+        }, null)])]
+      })]
+    }), t(b, {
+      value: o.value.rule,
+      "onUpdate:value": (e) => o.value.rule = e
+    }, null)]);
+  }
+});
+function ft(r) {
+  return {
+    name: "dux-input",
+    icon: "i-tabler:cursor-text",
+    label: r("components.formEditor.input.label"),
+    group: "form",
+    component: (a) => t(E, a, null),
+    setting: (a) => t(g, a, null),
+    settingDefault: {
+      label: r("components.formEditor.input.label"),
+      name: "text",
+      attr: {
+        type: "text"
+      },
+      rule: []
+    },
+    json: h
+  };
+}
+export {
+  ft as duxFormEditorInput
+};

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

@@ -0,0 +1,188 @@
+import { createVNode as t, defineComponent as p } from "vue";
+import { useI18n as d } from "@duxweb/dvha-core";
+import { useVModel as c } from "@vueuse/core";
+import { NInput as n, NInputNumber as u, NCheckbox as i } 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 "@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 s, DuxFormEditorRule as f } from "../base/base.js";
+import { WidgetEditorSettingCard as v } from "../../designEditor/editor/setting.js";
+import "@iconify-json/tabler/icons.json";
+import "../../posterEditor/elements/index.js";
+import "fabric";
+import "mime";
+import "dayjs";
+import "@tanstack/vue-query";
+import "pinia";
+import "short-unique-id";
+const b = /* @__PURE__ */ p({
+  name: "FormEditorInputNumber",
+  props: {
+    options: Object
+  },
+  setup(l) {
+    const r = l.options?.attr;
+    return () => t(a, {
+      label: l.options?.label,
+      description: l.options?.desc
+    }, {
+      default: () => [t("div", {
+        class: "flex-1"
+      }, [t(u, r, {
+        prefix: r["v-slot:prefix"] ? () => r["v-slot:prefix"] : void 0,
+        suffix: r["v-slot:suffix"] ? () => r["v-slot:suffix"] : void 0
+      })])]
+    });
+  }
+});
+function x(l) {
+  const {
+    options: r,
+    model: o
+  } = l || {};
+  return {
+    tag: "dux-form-item",
+    attrs: {
+      label: r?.label,
+      description: r?.desc
+    },
+    children: [{
+      tag: "n-input-number",
+      attrs: {
+        ...r?.attr,
+        "v-model:value": [o, r?.name]
+      }
+    }]
+  };
+}
+const E = /* @__PURE__ */ p({
+  name: "FormEditorInputNumberSetting",
+  props: {
+    value: {
+      type: Object,
+      default: {}
+    }
+  },
+  setup(l, {
+    emit: r
+  }) {
+    const o = c(l, "value", r), {
+      t: m
+    } = d();
+    return () => t("div", null, [t(s, {
+      value: l.value,
+      "onUpdate:value": (e) => l.value = e
+    }, null), t(v, {
+      title: m("components.formEditor.common.componentConfig")
+    }, {
+      default: () => [t(a, {
+        label: m("components.formEditor.common.placeholder")
+      }, {
+        default: () => [t(n, {
+          value: o.value.attr.placeholder,
+          "onUpdate:value": (e) => o.value.attr.placeholder = e
+        }, null)]
+      }), t(a, {
+        label: m("components.formEditor.common.minValue")
+      }, {
+        default: () => [t(u, {
+          value: o.value.attr.min,
+          "onUpdate:value": (e) => o.value.attr.min = e
+        }, null)]
+      }), t(a, {
+        label: m("components.formEditor.common.maxValue")
+      }, {
+        default: () => [t(u, {
+          value: o.value.attr.max,
+          "onUpdate:value": (e) => o.value.attr.max = e
+        }, null)]
+      }), t(a, {
+        label: m("components.formEditor.common.prefix")
+      }, {
+        default: () => [t(n, {
+          value: o.value.attr["v-slot:prefix"],
+          "onUpdate:value": (e) => o.value.attr["v-slot:prefix"] = e
+        }, null)]
+      }), t(a, {
+        label: m("components.formEditor.common.suffix")
+      }, {
+        default: () => [t(n, {
+          value: o.value.attr["v-slot:suffix"],
+          "onUpdate:value": (e) => o.value.attr["v-slot:suffix"] = e
+        }, null)]
+      }), t(a, {
+        label: m("components.formEditor.common.status")
+      }, {
+        default: () => [t("div", {
+          class: "w-full grid grid-cols-2"
+        }, [t(i, {
+          label: m("components.formEditor.common.readonly"),
+          checked: o.value.attr.readonly,
+          "onUpdate:checked": (e) => o.value.attr.readonly = e
+        }, null), t(i, {
+          label: m("components.formEditor.common.disabled"),
+          checked: o.value.attr.disabled,
+          "onUpdate:checked": (e) => o.value.attr.disabled = e
+        }, null), t(i, {
+          label: m("components.formEditor.common.clearable"),
+          checked: o.value.attr.clearable,
+          "onUpdate:checked": (e) => o.value.attr.clearable = e
+        }, null)])]
+      })]
+    }), t(f, {
+      value: o.value.rule,
+      "onUpdate:value": (e) => o.value.rule = e
+    }, null)]);
+  }
+});
+function st(l) {
+  return {
+    name: "dux-input-number",
+    icon: "i-tabler:number",
+    label: l("components.formEditor.inputNumber.label"),
+    group: "form",
+    component: (r) => t(b, r, null),
+    setting: (r) => t(E, r, null),
+    settingDefault: {
+      label: l("components.formEditor.inputNumber.label"),
+      name: "number",
+      attr: {},
+      rule: []
+    },
+    json: x
+  };
+}
+export {
+  st as duxFormEditorInputNumber
+};

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

@@ -0,0 +1,180 @@
+import { createVNode as t, defineComponent as u } from "vue";
+import { useI18n as d } from "@duxweb/dvha-core";
+import { DuxMention as s } from "@duxweb/dvha-naiveui";
+import { useVModel as c } from "@vueuse/core";
+import { NSwitch as m, NInput as n } 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 "@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 "../../../pages/page404.js";
+import { DuxFormEditorItem as f, DuxFormEditorRule as v } from "../base/base.js";
+import { WidgetEditorSettingCard as p } from "../../designEditor/editor/setting.js";
+import "@iconify-json/tabler/icons.json";
+import "../../posterEditor/elements/index.js";
+import "fabric";
+import "mime";
+import "dayjs";
+import "@tanstack/vue-query";
+import "pinia";
+import "short-unique-id";
+const b = /* @__PURE__ */ u({
+  props: {
+    options: Object
+  },
+  setup(l) {
+    return () => t(i, {
+      label: l.options?.label,
+      description: l.options?.desc
+    }, {
+      default: () => [t(s, l.options?.attr, null)]
+    });
+  }
+});
+function E(l) {
+  const {
+    options: a,
+    model: e
+  } = l || {};
+  return {
+    tag: "dux-form-item",
+    attrs: {
+      label: a?.label,
+      description: a?.desc
+    },
+    children: [{
+      tag: "dux-mention",
+      attrs: {
+        ...a?.attr,
+        "v-model:value": [e, a?.name]
+      }
+    }]
+  };
+}
+const x = /* @__PURE__ */ u({
+  props: {
+    value: {
+      type: Object,
+      default: {}
+    }
+  },
+  setup(l, {
+    emit: a
+  }) {
+    const e = c(l, "value", a), {
+      t: r
+    } = d();
+    return () => t("div", {
+      class: ""
+    }, [t(f, {
+      value: l.value,
+      "onUpdate:value": (o) => l.value = o
+    }, null), t(p, {
+      title: r("components.formEditor.config")
+    }, {
+      default: () => [t(i, {
+        label: r("components.formEditor.common.disabled"),
+        labelPlacement: "left"
+      }, {
+        default: () => [t("div", {
+          class: "flex flex-1 justify-end"
+        }, [t(m, {
+          value: e.value.attr.disabled,
+          "onUpdate:value": (o) => e.value.attr.disabled = o
+        }, null)])]
+      }), t(i, {
+        label: r("components.formEditor.common.clearable"),
+        labelPlacement: "left"
+      }, {
+        default: () => [t("div", {
+          class: "flex flex-1 justify-end"
+        }, [t(m, {
+          value: e.value.attr.clearable,
+          "onUpdate:value": (o) => e.value.attr.clearable = o
+        }, null)])]
+      })]
+    }), t(p, {
+      title: r("components.formEditor.options")
+    }, {
+      default: () => [t(i, {
+        label: r("components.formEditor.mentionAsync.path")
+      }, {
+        default: () => [t(n, {
+          value: e.value.attr.path,
+          "onUpdate:value": (o) => e.value.attr.path = o
+        }, null)]
+      }), t(i, {
+        label: r("components.formEditor.mentionAsync.labelField")
+      }, {
+        default: () => [t(n, {
+          value: e.value.attr.labelField,
+          "onUpdate:value": (o) => e.value.attr.labelField = o
+        }, null)]
+      }), t(i, {
+        label: r("components.formEditor.mentionAsync.valueField")
+      }, {
+        default: () => [t(n, {
+          value: e.value.attr.valueField,
+          "onUpdate:value": (o) => e.value.attr.valueField = o
+        }, null)]
+      })]
+    }), t(v, {
+      value: e.value.rule,
+      "onUpdate:value": (o) => e.value.rule = o
+    }, null)]);
+  }
+});
+function ct(l) {
+  return {
+    name: "mention-async",
+    icon: "i-tabler:at",
+    label: l("components.formEditor.mentionAsync.name"),
+    group: "async",
+    component: (a) => t(b, a, null),
+    setting: (a) => t(x, a, null),
+    settingDefault: {
+      label: l("components.formEditor.mentionAsync.name"),
+      name: "mentionAsync",
+      attr: {
+        path: "",
+        valueField: "id",
+        labelField: "title",
+        clearable: !0,
+        pagination: !0
+      },
+      rule: []
+    },
+    json: E
+  };
+}
+export {
+  ct as duxFormEditorMentionAsync
+};