@duxweb/dvha-pro 1.0.24 → 1.0.26

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

@@ -0,0 +1,214 @@
+import { createVNode as e, defineComponent as p } from "vue";
+import { useI18n as d } from "@duxweb/dvha-core";
+import { DuxSelect 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 v, DuxFormEditorRule as f } from "../base/base.js";
+import { WidgetEditorSettingCard as u } 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({
+  props: {
+    options: Object
+  },
+  setup(o) {
+    return () => e(i, {
+      label: o.options?.label,
+      description: o.options?.desc
+    }, {
+      default: () => [e(s, o.options?.attr, null)]
+    });
+  }
+});
+function F(o) {
+  const {
+    options: r,
+    model: t
+  } = o || {};
+  return {
+    tag: "dux-form-item",
+    attrs: {
+      label: r?.label,
+      description: r?.desc
+    },
+    children: [{
+      tag: "dux-select",
+      attrs: {
+        ...r?.attr,
+        "v-model:value": [t, r?.name]
+      }
+    }]
+  };
+}
+const y = /* @__PURE__ */ p({
+  props: {
+    value: {
+      type: Object,
+      default: {}
+    }
+  },
+  setup(o, {
+    emit: r
+  }) {
+    const t = c(o, "value", r), {
+      t: a
+    } = d();
+    return () => e("div", {
+      class: ""
+    }, [e(v, {
+      value: o.value,
+      "onUpdate:value": (l) => o.value = l
+    }, null), e(u, {
+      title: a("components.formEditor.config")
+    }, {
+      default: () => [e(i, {
+        label: a("components.formEditor.common.multiple"),
+        labelPlacement: "left"
+      }, {
+        default: () => [e("div", {
+          class: "flex flex-1 justify-end"
+        }, [e(m, {
+          value: t.value.attr.multiple,
+          "onUpdate:value": (l) => t.value.attr.multiple = l
+        }, null)])]
+      }), e(i, {
+        label: a("components.formEditor.common.disabled"),
+        labelPlacement: "left"
+      }, {
+        default: () => [e("div", {
+          class: "flex flex-1 justify-end"
+        }, [e(m, {
+          value: t.value.attr.disabled,
+          "onUpdate:value": (l) => t.value.attr.disabled = l
+        }, null)])]
+      }), e(i, {
+        label: a("components.formEditor.common.clearable"),
+        labelPlacement: "left"
+      }, {
+        default: () => [e("div", {
+          class: "flex flex-1 justify-end"
+        }, [e(m, {
+          value: t.value.attr.clearable,
+          "onUpdate:value": (l) => t.value.attr.clearable = l
+        }, null)])]
+      }), e(i, {
+        label: a("components.formEditor.selectAsync.pagination"),
+        labelPlacement: "left"
+      }, {
+        default: () => [e("div", {
+          class: "flex flex-1 justify-end"
+        }, [e(m, {
+          value: t.value.attr.pagination,
+          "onUpdate:value": (l) => t.value.attr.pagination = l
+        }, null)])]
+      })]
+    }), e(u, {
+      title: a("components.formEditor.options")
+    }, {
+      default: () => [e(i, {
+        label: a("components.formEditor.selectAsync.path")
+      }, {
+        default: () => [e(n, {
+          value: t.value.attr.path,
+          "onUpdate:value": (l) => t.value.attr.path = l
+        }, null)]
+      }), e(i, {
+        label: a("components.formEditor.selectAsync.labelField")
+      }, {
+        default: () => [e(n, {
+          value: t.value.attr.labelField,
+          "onUpdate:value": (l) => t.value.attr.labelField = l
+        }, null)]
+      }), e(i, {
+        label: a("components.formEditor.selectAsync.valueField")
+      }, {
+        default: () => [e(n, {
+          value: t.value.attr.valueField,
+          "onUpdate:value": (l) => t.value.attr.valueField = l
+        }, null)]
+      }), e(i, {
+        label: a("components.formEditor.selectAsync.imageField")
+      }, {
+        default: () => [e(n, {
+          value: t.value.attr.imageField,
+          "onUpdate:value": (l) => t.value.attr.imageField = l
+        }, null)]
+      }), e(i, {
+        label: a("components.formEditor.selectAsync.descField")
+      }, {
+        default: () => [e(n, {
+          value: t.value.attr.descField,
+          "onUpdate:value": (l) => t.value.attr.descField = l
+        }, null)]
+      })]
+    }), e(f, {
+      value: t.value.rule,
+      "onUpdate:value": (l) => t.value.rule = l
+    }, null)]);
+  }
+});
+function ce(o) {
+  return {
+    name: "select-async",
+    icon: "i-tabler:select",
+    label: o("components.formEditor.selectAsync.name"),
+    group: "async",
+    component: (r) => e(b, r, null),
+    setting: (r) => e(y, r, null),
+    settingDefault: {
+      label: o("components.formEditor.selectAsync.name"),
+      name: "selectAsync",
+      attr: {
+        path: "",
+        valueField: "id",
+        labelField: "title",
+        clearable: !0,
+        pagination: !0
+      },
+      rule: []
+    },
+    json: F
+  };
+}
+export {
+  ce as duxFormEditorSelectAsync
+};

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

@@ -0,0 +1,168 @@
+import { createVNode as t, defineComponent as p } from "vue";
+import { useI18n as u } from "@duxweb/dvha-core";
+import { useVModel as d } from "@vueuse/core";
+import { NSwitch as s, NInputNumber as a, NSlider as f } 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 l } 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 c, DuxFormEditorRule as v } from "../base/base.js";
+import { WidgetEditorSettingCard as n } 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({
+  props: {
+    options: Object
+  },
+  setup(o) {
+    return () => t(l, {
+      label: o.options?.label,
+      description: o.options?.desc
+    }, {
+      default: () => [t(f, o.options?.attr, null)]
+    });
+  }
+});
+function x(o) {
+  const {
+    options: i,
+    model: e
+  } = o || {};
+  return {
+    tag: "dux-form-item",
+    attrs: {
+      label: i?.label,
+      description: i?.desc
+    },
+    children: [{
+      tag: "n-slider",
+      attrs: {
+        ...i?.attr,
+        "v-model:value": [e, i?.name]
+      }
+    }]
+  };
+}
+const E = /* @__PURE__ */ p({
+  props: {
+    value: {
+      type: Object,
+      default: {}
+    }
+  },
+  setup(o, {
+    emit: i
+  }) {
+    const e = d(o, "value", i), {
+      t: m
+    } = u();
+    return () => t("div", {
+      class: ""
+    }, [t(c, {
+      value: o.value,
+      "onUpdate:value": (r) => o.value = r
+    }, null), t(n, {
+      title: m("components.formEditor.config")
+    }, {
+      default: () => [t(l, {
+        label: m("components.formEditor.common.disabled"),
+        labelPlacement: "left"
+      }, {
+        default: () => [t("div", {
+          class: "flex flex-1 justify-end"
+        }, [t(s, {
+          value: e.value.attr.disabled,
+          "onUpdate:value": (r) => e.value.attr.disabled = r
+        }, null)])]
+      })]
+    }), t(n, {
+      title: m("components.formEditor.options")
+    }, {
+      default: () => [t(l, {
+        label: m("components.formEditor.sider.step")
+      }, {
+        default: () => [t(a, {
+          value: e.value.attr.step,
+          "onUpdate:value": (r) => e.value.attr.step = r
+        }, null)]
+      }), t(l, {
+        label: m("components.formEditor.sider.min")
+      }, {
+        default: () => [t(a, {
+          value: e.value.attr.min,
+          "onUpdate:value": (r) => e.value.attr.min = r
+        }, null)]
+      }), t(l, {
+        label: m("components.formEditor.sider.max")
+      }, {
+        default: () => [t(a, {
+          value: e.value.attr.max,
+          "onUpdate:value": (r) => e.value.attr.max = r
+        }, null)]
+      })]
+    }), t(v, {
+      value: e.value.rule,
+      "onUpdate:value": (r) => e.value.rule = r
+    }, null)]);
+  }
+});
+function ft(o) {
+  return {
+    name: "sider",
+    icon: "i-tabler:separator",
+    label: o("components.formEditor.sider.name"),
+    group: "form",
+    component: (i) => t(b, i, null),
+    setting: (i) => t(E, i, null),
+    settingDefault: {
+      label: o("components.formEditor.sider.name"),
+      name: "sider",
+      attr: {
+        step: 1,
+        min: 0,
+        max: 100
+      },
+      rule: []
+    },
+    json: x
+  };
+}
+export {
+  ft as duxFormEditorSider
+};

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

@@ -0,0 +1,153 @@
+import { createVNode as t, defineComponent as n } from "vue";
+import { useI18n as p } from "@duxweb/dvha-core";
+import { useVModel as u } from "@vueuse/core";
+import { NSwitch 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 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 d, DuxFormEditorRule as s } from "../base/base.js";
+import { WidgetEditorSettingCard as c } 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 f = /* @__PURE__ */ n({
+  name: "FormEditorSwitch",
+  props: {
+    options: Object
+  },
+  setup(o) {
+    return () => t(a, {
+      label: o.options?.label,
+      description: o.options?.desc
+    }, {
+      default: () => [t(m, o.options?.attr, null)]
+    });
+  }
+});
+function v(o) {
+  const {
+    options: e,
+    model: r
+  } = o || {};
+  return {
+    tag: "dux-form-item",
+    attrs: {
+      label: e?.label,
+      description: e?.desc
+    },
+    children: [{
+      tag: "n-switch",
+      attrs: {
+        ...e?.attr,
+        "v-model:value": [r, e?.name]
+      }
+    }]
+  };
+}
+const b = /* @__PURE__ */ n({
+  name: "FormEditorSwitchSetting",
+  props: {
+    value: {
+      type: Object,
+      default: {}
+    }
+  },
+  setup(o, {
+    emit: e
+  }) {
+    const r = u(o, "value", e), {
+      t: l
+    } = p();
+    return () => t("div", {
+      class: ""
+    }, [t(d, {
+      value: o.value,
+      "onUpdate:value": (i) => o.value = i
+    }, null), t(c, {
+      title: l("components.formEditor.common.componentConfig")
+    }, {
+      default: () => [t(a, {
+        label: l("components.formEditor.common.disabled"),
+        labelPlacement: "left"
+      }, {
+        default: () => [t("div", {
+          class: "flex flex-1 justify-end"
+        }, [t(m, {
+          value: r.value.attr.disabled,
+          "onUpdate:value": (i) => r.value.attr.disabled = i
+        }, null)])]
+      }), t(a, {
+        label: l("components.formEditor.common.defaultValue"),
+        labelPlacement: "left"
+      }, {
+        default: () => [t("div", {
+          class: "flex flex-1 justify-end"
+        }, [t(m, {
+          value: r.value.attr.defaultValue,
+          "onUpdate:value": (i) => r.value.attr.defaultValue = i
+        }, null)])]
+      })]
+    }), t(s, {
+      value: r.value.rule,
+      "onUpdate:value": (i) => r.value.rule = i
+    }, null)]);
+  }
+});
+function dt(o) {
+  return {
+    name: "dux-switch",
+    icon: "i-tabler:toggle-left",
+    label: o("components.formEditor.switch.label"),
+    group: "form",
+    component: (e) => t(f, e, null),
+    setting: (e) => t(b, e, null),
+    settingDefault: {
+      label: o("components.formEditor.switch.label"),
+      name: "switch",
+      attr: {
+        defaultValue: !1
+      },
+      rule: []
+    },
+    json: v
+  };
+}
+export {
+  dt as duxFormEditorSwitch
+};

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

@@ -0,0 +1,171 @@
+import { createVNode as t, defineComponent as n } from "vue";
+import { useI18n as u } from "@duxweb/dvha-core";
+import { useVModel as p } from "@vueuse/core";
+import { NInput as d, NSwitch as a, NTimePicker as s } 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 "@duxweb/dvha-naiveui";
+import "../../../pages/page404.js";
+import { DuxFormEditorItem as c, 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__ */ n({
+  name: "FormEditorTime",
+  props: {
+    options: Object
+  },
+  setup(e) {
+    const o = e.options?.attr;
+    return () => t(i, {
+      label: e.options?.label,
+      description: e.options?.desc
+    }, {
+      default: () => [t("div", {
+        class: "flex-1"
+      }, [t(s, o, null)])]
+    });
+  }
+});
+function x(e) {
+  const {
+    options: o,
+    model: r
+  } = e || {};
+  return {
+    tag: "dux-form-item",
+    attrs: {
+      label: o?.label,
+      description: o?.desc
+    },
+    children: [{
+      tag: "n-time-picker",
+      attrs: {
+        ...o?.attr,
+        "v-model:value": [r, o?.name]
+      }
+    }]
+  };
+}
+const E = /* @__PURE__ */ n({
+  name: "FormEditorTimeSetting",
+  props: {
+    value: {
+      type: Object,
+      default: {}
+    }
+  },
+  setup(e, {
+    emit: o
+  }) {
+    const r = p(e, "value", o), {
+      t: m
+    } = u();
+    return () => t("div", null, [t(c, {
+      value: e.value,
+      "onUpdate:value": (l) => e.value = l
+    }, null), t(v, {
+      title: m("components.formEditor.common.componentConfig")
+    }, {
+      default: () => [t(i, {
+        label: m("components.formEditor.time.timeFormat")
+      }, {
+        default: () => [t(d, {
+          value: r.value.attr.format,
+          "onUpdate:value": (l) => r.value.attr.format = l
+        }, null)]
+      }), t(i, {
+        label: m("components.formEditor.time.use12Hours"),
+        labelPlacement: "left"
+      }, {
+        default: () => [t("div", {
+          class: "flex flex-1 justify-end"
+        }, [t(a, {
+          value: r.value.attr.use12Hours,
+          "onUpdate:value": (l) => r.value.attr.use12Hours = l
+        }, null)])]
+      }), t(i, {
+        label: m("components.formEditor.common.disabled"),
+        labelPlacement: "left"
+      }, {
+        default: () => [t("div", {
+          class: "flex flex-1 justify-end"
+        }, [t(a, {
+          value: r.value.attr.disabled,
+          "onUpdate:value": (l) => r.value.attr.disabled = l
+        }, null)])]
+      }), t(i, {
+        label: m("components.formEditor.common.clearable"),
+        labelPlacement: "left"
+      }, {
+        default: () => [t("div", {
+          class: "flex flex-1 justify-end"
+        }, [t(a, {
+          value: r.value.attr.clearable,
+          "onUpdate:value": (l) => r.value.attr.clearable = l
+        }, null)])]
+      })]
+    }), t(f, {
+      value: r.value.rule,
+      "onUpdate:value": (l) => r.value.rule = l
+    }, null)]);
+  }
+});
+function ct(e) {
+  return {
+    name: "dux-time",
+    icon: "i-tabler:clock",
+    label: e("components.formEditor.time.label"),
+    group: "form",
+    component: (o) => t(b, o, null),
+    setting: (o) => t(E, o, null),
+    settingDefault: {
+      label: e("components.formEditor.time.label"),
+      name: "time",
+      attr: {
+        use12Hours: !1
+      },
+      rule: []
+    },
+    json: x
+  };
+}
+export {
+  ct as duxFormEditorTime
+};