@duxweb/dvha-pro 1.0.25 → 1.0.26

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

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

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

@@ -0,0 +1,197 @@
+import { createVNode as t, defineComponent as i } from "vue";
+import { useI18n as d } from "@duxweb/dvha-core";
+import { useVModel as p } from "@vueuse/core";
+import { NSelect as u, NSwitch as n, NDatePicker 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 m } 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__ */ i({
+  name: "FormEditorDate",
+  props: {
+    options: Object
+  },
+  setup(o) {
+    const a = o.options?.attr;
+    return () => t(m, {
+      label: o.options?.label,
+      description: o.options?.desc
+    }, {
+      default: () => [t("div", {
+        class: "flex-1"
+      }, [t(s, a, null)])]
+    });
+  }
+});
+function E(o) {
+  const {
+    options: a,
+    model: r
+  } = o || {};
+  return {
+    tag: "dux-form-item",
+    attrs: {
+      label: a?.label,
+      description: a?.desc
+    },
+    children: [{
+      tag: "n-date-picker",
+      attrs: {
+        ...a?.attr,
+        "v-model:value": [r, a?.name]
+      }
+    }]
+  };
+}
+const g = /* @__PURE__ */ i({
+  name: "FormEditorDateSetting",
+  props: {
+    value: {
+      type: Object,
+      default: {}
+    }
+  },
+  setup(o, {
+    emit: a
+  }) {
+    const r = p(o, "value", a), {
+      t: e
+    } = d();
+    return () => t("div", {
+      class: ""
+    }, [t(c, {
+      value: o.value,
+      "onUpdate:value": (l) => o.value = l
+    }, null), t(v, {
+      title: e("components.formEditor.common.componentConfig")
+    }, {
+      default: () => [t(m, {
+        label: e("components.formEditor.date.dateType")
+      }, {
+        default: () => [t(u, {
+          value: r.value.attr.type,
+          "onUpdate:value": (l) => r.value.attr.type = l,
+          options: [{
+            label: e("components.formEditor.date.date"),
+            value: "date"
+          }, {
+            label: e("components.formEditor.date.daterange"),
+            value: "daterange"
+          }, {
+            label: e("components.formEditor.date.datetime"),
+            value: "datetime"
+          }, {
+            label: e("components.formEditor.date.datetimerange"),
+            value: "datetimerange"
+          }, {
+            label: e("components.formEditor.date.month"),
+            value: "month"
+          }, {
+            label: e("components.formEditor.date.monthrange"),
+            value: "monthrange"
+          }, {
+            label: e("components.formEditor.date.year"),
+            value: "year"
+          }, {
+            label: e("components.formEditor.date.yearrange"),
+            value: "yearrange"
+          }, {
+            label: e("components.formEditor.date.quarter"),
+            value: "quarter"
+          }, {
+            label: e("components.formEditor.date.quarterrange"),
+            value: "quarterrange"
+          }, {
+            label: e("components.formEditor.date.week"),
+            value: "week"
+          }]
+        }, null)]
+      }), t(m, {
+        label: e("components.formEditor.common.disabled"),
+        labelPlacement: "left"
+      }, {
+        default: () => [t("div", {
+          class: "flex flex-1 justify-end"
+        }, [t(n, {
+          value: r.value.attr.disabled,
+          "onUpdate:value": (l) => r.value.attr.disabled = l
+        }, null)])]
+      }), t(m, {
+        label: e("components.formEditor.common.clearable"),
+        labelPlacement: "left"
+      }, {
+        default: () => [t("div", {
+          class: "flex flex-1 justify-end"
+        }, [t(n, {
+          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(o) {
+  return {
+    name: "dux-date",
+    icon: "i-tabler:calendar-due",
+    label: o("components.formEditor.date.label"),
+    group: "form",
+    component: (a) => t(b, a, null),
+    setting: (a) => t(g, a, null),
+    settingDefault: {
+      label: o("components.formEditor.date.label"),
+      name: "date",
+      attr: {
+        type: "date"
+      },
+      rule: []
+    },
+    json: E
+  };
+}
+export {
+  ct as duxFormEditorDate
+};

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

@@ -0,0 +1,227 @@
+import { createVNode as t, defineComponent as p, computed as i, mergeProps as f } from "vue";
+import { useI18n as v } from "@duxweb/dvha-core";
+import { useVModel as b } from "@vueuse/core";
+import { NInputNumber as u, NSwitch as x, NDynamicInput as g } 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 y, DuxFormEditorRule as E } 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 { DuxWidgetEditorPreview as I } from "../../designEditor/editor/preview.js";
+import "short-unique-id";
+const D = /* @__PURE__ */ p({
+  name: "FormEditorDynamicInput",
+  props: {
+    options: {
+      type: Object,
+      default: () => ({})
+    },
+    children: {
+      type: Array,
+      default: () => []
+    },
+    onChildren: Function
+  },
+  setup(e) {
+    const r = i(() => e.options?.attr || {}), o = i(() => e.options?.label);
+    return () => t(n, {
+      label: o.value,
+      description: e.options?.desc
+    }, {
+      default: () => [t("div", {
+        class: "flex-1 w-full"
+      }, [t(g, f(r.value, {
+        value: [{}]
+      }), {
+        default: () => t(I, {
+          class: "w-full flex gap-2 rounded-sm border border-dashed border-muted p-2",
+          modelValue: e.children,
+          onUpdate: e.onChildren
+        }, null)
+      })])]
+    });
+  }
+});
+function h(e) {
+  const {
+    options: r,
+    children: o,
+    model: a,
+    convertToJsonSchema: m
+  } = e || {};
+  return {
+    tag: "dux-form-item",
+    attrs: {
+      label: r?.label,
+      description: r?.desc
+    },
+    children: [{
+      tag: "n-dynamic-input",
+      attrs: {
+        ...r?.attr,
+        "v-model:value": [a, r?.name],
+        "@create": () => ({})
+      },
+      slots: {
+        default: ({
+          value: d,
+          index: s
+        }) => ({
+          tag: "div",
+          attrs: {
+            class: "flex-1 flex gap-2",
+            key: s
+          },
+          children: m ? m(o || [], d).map((l) => {
+            if (l && typeof l == "object" && "attrs" in l) {
+              const {
+                label: U,
+                ...c
+              } = l.attrs || {};
+              return {
+                ...l,
+                attrs: {
+                  class: "w-full",
+                  restAttrs: c
+                }
+              };
+            }
+            return l;
+          }) : []
+        })
+      }
+    }]
+  };
+}
+const F = /* @__PURE__ */ p({
+  name: "FormEditorDynamicInputSetting",
+  props: {
+    value: {
+      type: Object,
+      default: () => ({
+        attr: {
+          min: 0,
+          max: 10,
+          disabled: !1
+        },
+        rule: []
+      })
+    }
+  },
+  setup(e, {
+    emit: r
+  }) {
+    const o = b(e, "value", r), {
+      t: a
+    } = v();
+    return o.value.attr || (o.value.attr = {
+      min: 0,
+      max: 10,
+      disabled: !1
+    }), () => t("div", null, [t(y, {
+      value: o.value,
+      "onUpdate:value": (m) => o.value = m
+    }, null), t(C, {
+      title: a("components.formEditor.common.componentConfig")
+    }, {
+      default: () => [t(n, {
+        label: a("components.formEditor.common.minCount")
+      }, {
+        default: () => [t(u, {
+          value: o.value.attr.min,
+          "onUpdate:value": (m) => o.value.attr.min = m,
+          min: 0,
+          max: 50,
+          placeholder: a("components.formEditor.common.minCount")
+        }, null)]
+      }), t(n, {
+        label: a("components.formEditor.common.maxCount")
+      }, {
+        default: () => [t(u, {
+          value: o.value.attr.max,
+          "onUpdate:value": (m) => o.value.attr.max = m,
+          min: 1,
+          max: 100,
+          placeholder: a("components.formEditor.common.maxCount")
+        }, null)]
+      }), t(n, {
+        label: a("components.formEditor.common.disabled"),
+        labelPlacement: "left"
+      }, {
+        default: () => [t("div", {
+          class: "flex flex-1 justify-end"
+        }, [t(x, {
+          value: o.value.attr.disabled,
+          "onUpdate:value": (m) => o.value.attr.disabled = m
+        }, null)])]
+      })]
+    }), t(E, {
+      value: o.value.rule,
+      "onUpdate:value": (m) => o.value.rule = m
+    }, null)]);
+  }
+});
+function It(e) {
+  return {
+    name: "dux-dynamic-input",
+    icon: "i-tabler:calendar-due",
+    label: e("components.formEditor.dynamicInput.label"),
+    group: "form",
+    component: (r) => t(D, r, null),
+    setting: (r) => t(F, r, null),
+    nested: !0,
+    settingDefault: {
+      label: e("components.formEditor.dynamicInput.label"),
+      name: "data",
+      attr: {
+        min: 0,
+        max: 10,
+        disabled: !1
+      },
+      rule: [],
+      defaultValue: []
+    },
+    json: h
+  };
+}
+export {
+  It as duxFormEditorDynamicInput
+};