@duxweb/dvha-pro 1.1.30 → 1.2.0

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

@@ -1,231 +1,134 @@
-import { createVNode as t, defineComponent as u, mergeProps as c, isVNode as d } from "vue";
-import { useI18n as s } from "@duxweb/dvha-core";
-import { useVModel as f } from "@vueuse/core";
-import { NDynamicInput as b, NSwitch as v, NButton as x, NCheckboxGroup as h, NCheckbox as g } from "naive-ui";
-import { useModal as E } from "../../../hooks/modal.js";
-import "clsx";
-import "lodash-es";
-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 "aieditor";
-import "@vue-flow/core";
-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 "@duxweb/dvha-naiveui";
-import "vue-command-palette";
-import "../../../pages/page404.js";
-import "lodash-es/cloneDeep";
-import "short-unique-id";
-import "@vue-flow/background";
-/* empty css                         */
-import { DuxFormEditorItem as k, DuxFormEditorRule as C } from "../base/base.js";
-import { WidgetEditorSettingCard as p } from "../../designEditor/editor/setting.js";
-import "mime";
-import "vue-draggable-plus";
-import "@iconify-json/tabler/icons.json";
-import "../../posterEditor/elements/index.js";
-import "fabric";
-import "../../schemaEditor/schemaEditor.js";
-import "dayjs";
-import "@tanstack/vue-query";
-import "pinia";
-function V(o) {
-  return typeof o == "function" || Object.prototype.toString.call(o) === "[object Object]" && !d(o);
+import { useModal as e } from "../../../hooks/modal.js";
+import { WidgetEditorSettingCard as t } from "../../designEditor/editor/setting.js";
+import "../../designEditor/index.js";
+import { DuxFormItem as n } from "../../form/formItem.js";
+import "../../form/index.js";
+import { DuxFormEditorItem as r, DuxFormEditorRule as i } from "../base/base.js";
+import "../base/index.js";
+import { createVNode as a, defineComponent as o, isVNode as s, mergeProps as c } from "vue";
+import { useI18n as l } from "@duxweb/dvha-core";
+import { NButton as u, NCheckbox as d, NCheckboxGroup as f, NDynamicInput as p, NSwitch as m } from "naive-ui";
+import { useVModel as h } from "@vueuse/core";
+function g(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !s(e);
 }
-const j = /* @__PURE__ */ u({
-  name: "FormEditorCheckbox",
-  props: {
-    options: Object
-  },
-  setup(o) {
-    return () => t(a, {
-      label: o.options?.label,
-      description: o.options?.desc
-    }, {
-      default: () => [t(h, c(o.options?.attr, {
-        value: o.options?.attr?.defaultValue
-      }), {
-        default: () => [o.options?.attr?.options?.map((e, r) => t(g, {
-          key: r,
-          value: e.value
-        }, {
-          default: () => [e.label]
-        }))]
-      })]
-    });
-  }
+var _ = /* @__PURE__ */ o({
+	name: "FormEditorCheckbox",
+	props: { options: Object },
+	setup(e) {
+		return () => a(n, {
+			label: e.options?.label,
+			description: e.options?.desc
+		}, { default: () => [a(f, c(e.options?.attr, { value: e.options?.attr?.defaultValue }), { default: () => [e.options?.attr?.options?.map((e, t) => a(d, {
+			key: t,
+			value: e.value
+		}, { default: () => [e.label] }))] })] });
+	}
 });
-function N(o) {
-  const {
-    options: e,
-    model: r
-  } = o || {};
-  return {
-    tag: "dux-form-item",
-    attrs: {
-      label: e?.label,
-      description: e?.desc
-    },
-    children: [{
-      tag: "n-checkbox-group",
-      attrs: {
-        ...e?.attr,
-        "v-model:value": [r, e?.name]
-      },
-      children: e?.attr?.options?.map((l) => ({
-        tag: "n-checkbox",
-        attrs: {
-          value: l.value
-        },
-        children: [l.label]
-      })) || []
-    }]
-  };
+function v(e) {
+	let { options: t, model: n } = e || {};
+	return {
+		tag: "dux-form-item",
+		attrs: {
+			label: t?.label,
+			description: t?.desc
+		},
+		children: [{
+			tag: "n-checkbox-group",
+			attrs: {
+				...t?.attr,
+				"v-model:value": [n, t?.name]
+			},
+			children: t?.attr?.options?.map((e) => ({
+				tag: "n-checkbox",
+				attrs: { value: e.value },
+				children: [e.label]
+			})) || []
+		}]
+	};
 }
-const y = /* @__PURE__ */ u({
-  name: "FormEditorCheckboxSetting",
-  props: {
-    value: {
-      type: Object,
-      default: {}
-    }
-  },
-  setup(o, {
-    emit: e
-  }) {
-    const r = f(o, "value", e), l = E(), {
-      t: i
-    } = s();
-    return () => {
-      let n;
-      return t("div", {
-        class: ""
-      }, [t(k, {
-        value: o.value,
-        "onUpdate:value": (m) => o.value = m
-      }, null), t(p, {
-        title: i("components.formEditor.common.componentConfig")
-      }, {
-        default: () => [t(a, {
-          label: i("components.formEditor.common.defaultValue")
-        }, {
-          default: () => [t(b, {
-            value: r.value.attr.defaultValue,
-            "onUpdate:value": (m) => r.value.attr.defaultValue = m
-          }, null)]
-        }), t(a, {
-          label: i("components.formEditor.common.disabled"),
-          labelPlacement: "left"
-        }, {
-          default: () => [t("div", {
-            class: "flex flex-1 justify-end"
-          }, [t(v, {
-            value: r.value.attr.disabled,
-            "onUpdate:value": (m) => r.value.attr.disabled = m
-          }, null)])]
-        })]
-      }), t(p, {
-        title: i("components.formEditor.common.optionConfig")
-      }, {
-        default: () => [t(x, {
-          block: !0,
-          dashed: !0,
-          renderIcon: () => t("div", {
-            class: "i-tabler:edit"
-          }, null),
-          onClick: () => {
-            l.show({
-              title: i("components.formEditor.common.dataConfig"),
-              component: () => import("../base/options.js"),
-              componentProps: {
-                desc: i("components.formEditor.checkbox.configDesc"),
-                value: r.value.attr.options,
-                onChange: (m) => {
-                  r.value.attr.options = m;
-                },
-                options: [{
-                  label: i("components.formEditor.common.optionLabel"),
-                  value: "label"
-                }, {
-                  label: i("components.formEditor.common.optionValue"),
-                  value: "value"
-                }]
-              }
-            });
-          }
-        }, V(n = i("components.formEditor.common.dataConfig")) ? n : {
-          default: () => [n]
-        })]
-      }), t(C, {
-        value: r.value.rule,
-        "onUpdate:value": (m) => r.value.rule = m
-      }, null)]);
-    };
-  }
+var y = /* @__PURE__ */ o({
+	name: "FormEditorCheckboxSetting",
+	props: { value: {
+		type: Object,
+		default: {}
+	} },
+	setup(o, { emit: s }) {
+		let c = h(o, "value", s), d = e(), { t: f } = l();
+		return () => {
+			let e;
+			return a("div", { class: "" }, [
+				a(r, {
+					value: o.value,
+					"onUpdate:value": (e) => o.value = e
+				}, null),
+				a(t, { title: f("components.formEditor.common.componentConfig") }, { default: () => [a(n, { label: f("components.formEditor.common.defaultValue") }, { default: () => [a(p, {
+					value: c.value.attr.defaultValue,
+					"onUpdate:value": (e) => c.value.attr.defaultValue = e
+				}, null)] }), a(n, {
+					label: f("components.formEditor.common.disabled"),
+					labelPlacement: "left"
+				}, { default: () => [a("div", { class: "flex flex-1 justify-end" }, [a(m, {
+					value: c.value.attr.disabled,
+					"onUpdate:value": (e) => c.value.attr.disabled = e
+				}, null)])] })] }),
+				a(t, { title: f("components.formEditor.common.optionConfig") }, { default: () => [a(u, {
+					block: !0,
+					dashed: !0,
+					renderIcon: () => a("div", { class: "i-tabler:edit" }, null),
+					onClick: () => {
+						d.show({
+							title: f("components.formEditor.common.dataConfig"),
+							component: () => import("../base/options.js"),
+							componentProps: {
+								desc: f("components.formEditor.checkbox.configDesc"),
+								value: c.value.attr.options,
+								onChange: (e) => {
+									c.value.attr.options = e;
+								},
+								options: [{
+									label: f("components.formEditor.common.optionLabel"),
+									value: "label"
+								}, {
+									label: f("components.formEditor.common.optionValue"),
+									value: "value"
+								}]
+							}
+						});
+					}
+				}, g(e = f("components.formEditor.common.dataConfig")) ? e : { default: () => [e] })] }),
+				a(i, {
+					value: c.value.rule,
+					"onUpdate:value": (e) => c.value.rule = e
+				}, null)
+			]);
+		};
+	}
 });
-function Ro(o) {
-  return {
-    name: "dux-checkbox",
-    icon: "i-tabler:square-check",
-    label: o("components.formEditor.checkbox.label"),
-    group: "form",
-    component: (e) => t(j, e, null),
-    setting: (e) => t(y, e, null),
-    settingDefault: {
-      label: o("components.formEditor.checkbox.label"),
-      name: "checkbox",
-      attr: {
-        options: [{
-          label: "option 1",
-          value: "1"
-        }, {
-          label: "option 2",
-          value: "2"
-        }],
-        defaultValue: []
-      },
-      rule: []
-    },
-    json: N
-  };
+function b(e) {
+	return {
+		name: "dux-checkbox",
+		icon: "i-tabler:square-check",
+		label: e("components.formEditor.checkbox.label"),
+		group: "form",
+		component: (e) => a(_, e, null),
+		setting: (e) => a(y, e, null),
+		settingDefault: {
+			label: e("components.formEditor.checkbox.label"),
+			name: "checkbox",
+			attr: {
+				options: [{
+					label: "option 1",
+					value: "1"
+				}, {
+					label: "option 2",
+					value: "2"
+				}],
+				defaultValue: []
+			},
+			rule: []
+		},
+		json: v
+	};
 }
-export {
-  Ro as duxFormEditorCheckbox
-};
+export { b as duxFormEditorCheckbox };

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

@@ -1,175 +1,89 @@
-import { createVNode as o, defineComponent as a } from "vue";
-import { useI18n as n } from "@duxweb/dvha-core";
-import { useVModel as u } from "@vueuse/core";
-import { NSwitch as p, NColorPicker as d } from "naive-ui";
-import "clsx";
-import "lodash-es";
-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 "aieditor";
-import "@vue-flow/core";
-import { DuxFormItem as l } 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 "@duxweb/dvha-naiveui";
-import "vue-command-palette";
-import "../../../pages/page404.js";
-import "lodash-es/cloneDeep";
-import "short-unique-id";
-import "@vue-flow/background";
-/* empty css                         */
-import { DuxFormEditorItem as s, DuxFormEditorRule as c } from "../base/base.js";
-import { WidgetEditorSettingCard as f } from "../../designEditor/editor/setting.js";
-import "mime";
-import "vue-draggable-plus";
-import "@iconify-json/tabler/icons.json";
-import "../../posterEditor/elements/index.js";
-import "fabric";
-import "../../schemaEditor/schemaEditor.js";
-import "dayjs";
-import "@tanstack/vue-query";
-import "pinia";
-const v = /* @__PURE__ */ a({
-  name: "FormEditorColor",
-  props: {
-    options: Object
-  },
-  setup(t) {
-    const r = t.options?.attr;
-    return () => o(l, {
-      label: t.options?.label,
-      description: t.options?.desc
-    }, {
-      default: () => [o("div", {
-        class: "flex-1"
-      }, [o(d, r, null)])]
-    });
-  }
+import { WidgetEditorSettingCard as e } from "../../designEditor/editor/setting.js";
+import "../../designEditor/index.js";
+import { DuxFormItem as t } from "../../form/formItem.js";
+import "../../form/index.js";
+import { DuxFormEditorItem as n, DuxFormEditorRule as r } from "../base/base.js";
+import "../base/index.js";
+import { createVNode as i, defineComponent as a } from "vue";
+import { useI18n as o } from "@duxweb/dvha-core";
+import { NColorPicker as s, NSwitch as c } from "naive-ui";
+import { useVModel as l } from "@vueuse/core";
+var u = /* @__PURE__ */ a({
+	name: "FormEditorColor",
+	props: { options: Object },
+	setup(e) {
+		let n = e.options?.attr;
+		return () => i(t, {
+			label: e.options?.label,
+			description: e.options?.desc
+		}, { default: () => [i("div", { class: "flex-1" }, [i(s, n, 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]
-      }
-    }]
-  };
+function d(e) {
+	let { options: t, model: n } = e || {};
+	return {
+		tag: "dux-form-item",
+		attrs: {
+			label: t?.label,
+			description: t?.desc
+		},
+		children: [{
+			tag: "n-color-picker",
+			attrs: {
+				...t?.attr,
+				"v-model:value": [n, t?.name]
+			}
+		}]
+	};
 }
-const x = /* @__PURE__ */ a({
-  name: "FormEditorColorSetting",
-  props: {
-    value: {
-      type: Object,
-      default: {}
-    }
-  },
-  setup(t, {
-    emit: r
-  }) {
-    const e = u(t, "value", r), {
-      t: m
-    } = n();
-    return () => o("div", {
-      class: ""
-    }, [o(s, {
-      value: t.value,
-      "onUpdate:value": (i) => t.value = i
-    }, null), o(f, {
-      title: m("components.formEditor.common.componentConfig")
-    }, {
-      default: () => [o(l, {
-        label: m("components.formEditor.common.disabled"),
-        labelPlacement: "left"
-      }, {
-        default: () => [o("div", {
-          class: "flex flex-1 justify-end"
-        }, [o(p, {
-          value: e.value.attr.disabled,
-          "onUpdate:value": (i) => e.value.attr.disabled = i
-        }, null)])]
-      }), o(l, {
-        label: m("components.formEditor.color.showAlpha"),
-        labelPlacement: "left"
-      }, {
-        default: () => [o("div", {
-          class: "flex flex-1 justify-end"
-        }, [o(p, {
-          value: e.value.attr.showAlpha,
-          "onUpdate:value": (i) => e.value.attr.showAlpha = i
-        }, null)])]
-      })]
-    }), o(c, {
-      value: e.value.rule,
-      "onUpdate:value": (i) => e.value.rule = i
-    }, null)]);
-  }
+var f = /* @__PURE__ */ a({
+	name: "FormEditorColorSetting",
+	props: { value: {
+		type: Object,
+		default: {}
+	} },
+	setup(a, { emit: s }) {
+		let u = l(a, "value", s), { t: d } = o();
+		return () => i("div", { class: "" }, [
+			i(n, {
+				value: a.value,
+				"onUpdate:value": (e) => a.value = e
+			}, null),
+			i(e, { title: d("components.formEditor.common.componentConfig") }, { default: () => [i(t, {
+				label: d("components.formEditor.common.disabled"),
+				labelPlacement: "left"
+			}, { default: () => [i("div", { class: "flex flex-1 justify-end" }, [i(c, {
+				value: u.value.attr.disabled,
+				"onUpdate:value": (e) => u.value.attr.disabled = e
+			}, null)])] }), i(t, {
+				label: d("components.formEditor.color.showAlpha"),
+				labelPlacement: "left"
+			}, { default: () => [i("div", { class: "flex flex-1 justify-end" }, [i(c, {
+				value: u.value.attr.showAlpha,
+				"onUpdate:value": (e) => u.value.attr.showAlpha = e
+			}, null)])] })] }),
+			i(r, {
+				value: u.value.rule,
+				"onUpdate:value": (e) => u.value.rule = e
+			}, null)
+		]);
+	}
 });
-function Po(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
-  };
+function p(e) {
+	return {
+		name: "dux-color",
+		icon: "i-tabler:palette",
+		label: e("components.formEditor.color.label"),
+		group: "form",
+		component: (e) => i(u, e, null),
+		setting: (e) => i(f, e, null),
+		settingDefault: {
+			label: e("components.formEditor.color.label"),
+			name: "color",
+			attr: { showAlpha: !0 },
+			rule: []
+		},
+		json: d
+	};
 }
-export {
-  Po as duxFormEditorColor
-};
+export { p as duxFormEditorColor };