@duxweb/dvha-pro 1.0.25 → 1.0.27

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

@@ -0,0 +1,212 @@
+import { createVNode as t, defineComponent as u, mergeProps as d, isVNode as c } from "vue";
+import { useI18n as s } from "@duxweb/dvha-core";
+import { useVModel as f } from "@vueuse/core";
+import { NInput as v, NSwitch as b, NButton as g, NRadioGroup as E, NRadio as x } from "naive-ui";
+import { useModal as C } from "../../../hooks/modal.js";
+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 V, DuxFormEditorRule as h } 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";
+function j(o) {
+  return typeof o == "function" || Object.prototype.toString.call(o) === "[object Object]" && !c(o);
+}
+const N = /* @__PURE__ */ u({
+  name: "FormEditorRadio",
+  props: {
+    options: Object
+  },
+  setup(o) {
+    return () => t(m, {
+      label: o.options?.label,
+      description: o.options?.desc
+    }, {
+      default: () => [t(E, d(o.options?.attr, {
+        value: o.options?.attr?.defaultValue
+      }), {
+        default: () => [o.options?.attr?.options?.map((e, r) => t(x, {
+          key: r,
+          value: e.value
+        }, {
+          default: () => [e.label]
+        }))]
+      })]
+    });
+  }
+});
+function F(o) {
+  const {
+    options: e,
+    model: r
+  } = o || {};
+  return {
+    tag: "dux-form-item",
+    attrs: {
+      label: e?.label,
+      description: e?.desc
+    },
+    children: [{
+      tag: "n-radio-group",
+      attrs: {
+        ...e?.attr,
+        "v-model:value": [r, e?.name]
+      },
+      children: e?.attr?.options?.map((a) => ({
+        tag: "n-radio",
+        attrs: {
+          value: a.value
+        },
+        children: [a.label]
+      })) || []
+    }]
+  };
+}
+const R = /* @__PURE__ */ u({
+  name: "FormEditorRadioSetting",
+  props: {
+    value: {
+      type: Object,
+      default: {}
+    }
+  },
+  setup(o, {
+    emit: e
+  }) {
+    const r = f(o, "value", e), a = C(), {
+      t: i
+    } = s();
+    return () => {
+      let n;
+      return t("div", {
+        class: ""
+      }, [t(V, {
+        value: o.value,
+        "onUpdate:value": (l) => o.value = l
+      }, null), t(p, {
+        title: i("components.formEditor.common.componentConfig")
+      }, {
+        default: () => [t(m, {
+          label: i("components.formEditor.common.defaultValue")
+        }, {
+          default: () => [t(v, {
+            value: r.value.attr.defaultValue,
+            "onUpdate:value": (l) => r.value.attr.defaultValue = l
+          }, null)]
+        }), t(m, {
+          label: i("components.formEditor.common.disabled"),
+          labelPlacement: "left"
+        }, {
+          default: () => [t("div", {
+            class: "flex flex-1 justify-end"
+          }, [t(b, {
+            value: r.value.attr.disabled,
+            "onUpdate:value": (l) => r.value.attr.disabled = l
+          }, null)])]
+        })]
+      }), t(p, {
+        title: i("components.formEditor.common.optionConfig")
+      }, {
+        default: () => [t(g, {
+          block: !0,
+          dashed: !0,
+          renderIcon: () => t("div", {
+            class: "i-tabler:edit"
+          }, null),
+          onClick: () => {
+            a.show({
+              title: i("components.formEditor.common.dataConfig"),
+              component: () => import("../base/options.js"),
+              componentProps: {
+                desc: i("components.formEditor.radio.configDesc"),
+                value: r.value.attr.options,
+                onChange: (l) => {
+                  r.value.attr.options = l;
+                },
+                options: [{
+                  label: i("components.formEditor.common.optionLabel"),
+                  value: "label"
+                }, {
+                  label: i("components.formEditor.common.optionValue"),
+                  value: "value"
+                }]
+              }
+            });
+          }
+        }, j(n = i("components.formEditor.common.dataConfig")) ? n : {
+          default: () => [n]
+        })]
+      }), t(h, {
+        value: r.value.rule,
+        "onUpdate:value": (l) => r.value.rule = l
+      }, null)]);
+    };
+  }
+});
+function jo(o) {
+  return {
+    name: "dux-radio",
+    icon: "i-tabler:circle-dot",
+    label: o("components.formEditor.radio.label"),
+    group: "form",
+    component: (e) => t(N, e, null),
+    setting: (e) => t(R, e, null),
+    settingDefault: {
+      label: o("components.formEditor.radio.label"),
+      name: "radio",
+      attr: {
+        options: [{
+          label: "option 1",
+          value: "1"
+        }, {
+          label: "option 2",
+          value: "2"
+        }],
+        defaultValue: "1"
+      },
+      rule: []
+    },
+    json: F
+  };
+}
+export {
+  jo as duxFormEditorRadio
+};

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

@@ -0,0 +1,167 @@
+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 { NInput as a, NCheckbox 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 v } from "../../designEditor/editor/setting.js";
+import { DuxLevel as f } from "../../level/level.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 g = /* @__PURE__ */ n({
+  name: "FormRegion",
+  props: {
+    options: Object
+  },
+  setup(o) {
+    return () => t(m, {
+      label: o.options?.label,
+      description: o.options?.desc
+    }, {
+      default: () => [t(f, o.options?.attr, null)]
+    });
+  }
+});
+function b(o) {
+  const {
+    options: l,
+    model: e
+  } = o || {};
+  return {
+    tag: "dux-form-item",
+    attrs: {
+      label: l?.label,
+      description: l?.desc
+    },
+    children: [{
+      tag: "dux-level",
+      attrs: {
+        ...l?.attr,
+        "v-model:value": [e, l?.name]
+      }
+    }]
+  };
+}
+const F = /* @__PURE__ */ n({
+  name: "FormRegionSetting",
+  props: {
+    value: {
+      type: Object,
+      default: {}
+    }
+  },
+  setup(o, {
+    emit: l
+  }) {
+    const e = u(o, "value", l), {
+      t: i
+    } = p();
+    return () => t("div", {
+      class: ""
+    }, [t(s, {
+      value: o.value,
+      "onUpdate:value": (r) => o.value = r
+    }, null), t(v, {
+      title: i("components.formEditor.config")
+    }, {
+      default: () => [t(m, {
+        label: i("components.formEditor.region.Path")
+      }, {
+        default: () => [t(a, {
+          value: e.value.attr.path,
+          "onUpdate:value": (r) => e.value.attr.path = r
+        }, null)]
+      }), t(m, {
+        label: i("components.formEditor.region.labelField")
+      }, {
+        default: () => [t(a, {
+          value: e.value.attr.labelField,
+          "onUpdate:value": (r) => e.value.attr.labelField = r
+        }, null)]
+      }), t(m, {
+        label: i("components.formEditor.region.valueField")
+      }, {
+        default: () => [t(a, {
+          value: e.value.attr.valueField,
+          "onUpdate:value": (r) => e.value.attr.valueField = r
+        }, null)]
+      }), t(m, {
+        label: i("components.formEditor.common.status")
+      }, {
+        default: () => [t("div", {
+          class: "w-full grid grid-cols-2"
+        }, [t(d, {
+          label: i("components.formEditor.common.disabled"),
+          checked: e.value.attr.disabled,
+          "onUpdate:checked": (r) => e.value.attr.disabled = r
+        }, null)])]
+      })]
+    }), t(c, {
+      value: e.value.rule,
+      "onUpdate:value": (r) => e.value.rule = r
+    }, null)]);
+  }
+});
+function vt(o) {
+  return {
+    name: "region",
+    icon: "i-tabler:directions",
+    label: o("components.formEditor.region.name"),
+    group: "select",
+    component: (l) => t(g, l, null),
+    setting: (l) => t(F, l, null),
+    settingDefault: {
+      label: o("components.formEditor.region.name"),
+      name: "region",
+      attr: {
+        path: "/region",
+        valueField: "id",
+        labelField: "name"
+      },
+      rule: []
+    },
+    json: b
+  };
+}
+export {
+  vt as duxFormEditorRegion
+};

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

@@ -0,0 +1,203 @@
+import { createVNode as t, defineComponent as u, isVNode as d } from "vue";
+import { useI18n as s } from "@duxweb/dvha-core";
+import { useVModel as f } from "@vueuse/core";
+import { NSwitch as a, NButton as v, NSelect as b } from "naive-ui";
+import { useModal as E } from "../../../hooks/modal.js";
+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 g, DuxFormEditorRule as x } 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";
+function S(o) {
+  return typeof o == "function" || Object.prototype.toString.call(o) === "[object Object]" && !d(o);
+}
+const j = /* @__PURE__ */ u({
+  name: "FormEditorSelect",
+  props: {
+    options: Object
+  },
+  setup(o) {
+    return () => t(i, {
+      label: o.options?.label,
+      description: o.options?.desc
+    }, {
+      default: () => [t(b, o.options?.attr, null)]
+    });
+  }
+});
+function C(o) {
+  const {
+    options: r,
+    model: e
+  } = o || {};
+  return {
+    tag: "dux-form-item",
+    attrs: {
+      label: r?.label,
+      description: r?.desc
+    },
+    children: [{
+      tag: "n-select",
+      attrs: {
+        ...r?.attr,
+        "v-model:value": [e, r?.name]
+      }
+    }]
+  };
+}
+const F = /* @__PURE__ */ u({
+  name: "FormEditorSelectSetting",
+  props: {
+    value: {
+      type: Object,
+      default: {}
+    }
+  },
+  setup(o, {
+    emit: r
+  }) {
+    const e = f(o, "value", r), c = E(), {
+      t: m
+    } = s();
+    return () => {
+      let n;
+      return t("div", {
+        class: ""
+      }, [t(g, {
+        value: o.value,
+        "onUpdate:value": (l) => o.value = l
+      }, null), t(p, {
+        title: m("components.formEditor.common.componentConfig")
+      }, {
+        default: () => [t(i, {
+          label: m("components.formEditor.common.multiple"),
+          labelPlacement: "left"
+        }, {
+          default: () => [t("div", {
+            class: "flex flex-1 justify-end"
+          }, [t(a, {
+            value: e.value.attr.multiple,
+            "onUpdate:value": (l) => e.value.attr.multiple = l
+          }, null)])]
+        }), t(i, {
+          label: m("components.formEditor.common.disabled"),
+          labelPlacement: "left"
+        }, {
+          default: () => [t("div", {
+            class: "flex flex-1 justify-end"
+          }, [t(a, {
+            value: e.value.attr.disabled,
+            "onUpdate:value": (l) => e.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: e.value.attr.clearable,
+            "onUpdate:value": (l) => e.value.attr.clearable = l
+          }, null)])]
+        })]
+      }), t(p, {
+        title: m("components.formEditor.common.optionConfig")
+      }, {
+        default: () => [t(v, {
+          block: !0,
+          dashed: !0,
+          renderIcon: () => t("div", {
+            class: "i-tabler:edit"
+          }, null),
+          onClick: () => {
+            c.show({
+              title: m("components.formEditor.common.dataConfig"),
+              component: () => import("../base/options.js"),
+              componentProps: {
+                desc: m("components.formEditor.select.configDesc"),
+                value: e.value.attr.options,
+                onChange: (l) => {
+                  e.value.attr.options = l;
+                },
+                options: [{
+                  label: m("components.formEditor.common.labelField"),
+                  value: "label"
+                }, {
+                  label: m("components.formEditor.common.valueField"),
+                  value: "value"
+                }]
+              }
+            });
+          }
+        }, S(n = m("components.formEditor.common.dataConfig")) ? n : {
+          default: () => [n]
+        })]
+      }), t(x, {
+        value: e.value.rule,
+        "onUpdate:value": (l) => e.value.rule = l
+      }, null)]);
+    };
+  }
+});
+function xt(o) {
+  return {
+    name: "dux-select",
+    icon: "i-tabler:select",
+    label: o("components.formEditor.select.label"),
+    group: "form",
+    component: (r) => t(j, r, null),
+    setting: (r) => t(F, r, null),
+    settingDefault: {
+      label: o("components.formEditor.select.label"),
+      name: "select",
+      attr: {
+        options: [],
+        clearable: !0
+      },
+      rule: []
+    },
+    json: C
+  };
+}
+export {
+  xt as duxFormEditorSelect
+};