@fangzhongya/fang-ui 0.1.51 → 0.1.52

package/dist/components/edit-data/src/area/general2.cjs

@@ -0,0 +1,88 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const data = require("../data.cjs");
+const index = require("../../../../hooks/cssname/index.cjs");
+const index$1 = require("../../../../hooks/locale/index.cjs");
+const index$2 = require("../../../inputs/index.cjs");
+const index$3 = require("../../../button/index.cjs");
+require("./editor.cjs");
+const index$4 = require("../../../message/index.cjs");
+const json5 = require("json5");
+const editor_vue_vue_type_script_setup_true_lang = require("./editor2.cjs");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "general",
+  props: {
+    ...data.dataDataProps,
+    title: { type: String, default: "设置" },
+    check: { type: Function }
+  },
+  emits: data.dataDataEmits,
+  setup(__props, { emit: __emit }) {
+    const cs = index.useCssName(data.name);
+    const { getLocale } = index$1.useLocale();
+    const props = __props;
+    const emit = __emit;
+    const box = vue.ref(false);
+    const value = vue.computed({
+      get() {
+        return props.modelValue;
+      },
+      set(value2) {
+        emit("update:modelValue", value2);
+      }
+    });
+    const inputValue = vue.computed(() => {
+      if (value.value) {
+        return json5.stringify(value.value);
+      } else {
+        return String(value.value);
+      }
+    });
+    const onSubmit = (v) => {
+      if (props.check) {
+        const err = props.check(v);
+        if (err) {
+          index$4.Message.error(err);
+          return;
+        }
+      }
+      value.value = v;
+      box.value = false;
+    };
+    const onClick = () => {
+      box.value = true;
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(cs).z("general"))
+      }, [
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(vue.unref(cs).z("general-set"))
+        }, [
+          vue.createVNode(vue.unref(index$2.Inputs), {
+            readonly: "",
+            clearable: "",
+            "model-value": inputValue.value
+          }, null, 8, ["model-value"]),
+          vue.createVNode(vue.unref(index$3.Button), {
+            type: "primary",
+            onClick
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString(props.title), 1)
+            ]),
+            _: 1
+          })
+        ], 2),
+        vue.createVNode(editor_vue_vue_type_script_setup_true_lang.default, vue.mergeProps(props, {
+          modelValue: box.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => box.value = $event),
+          value: value.value,
+          onSubmit
+        }), null, 16, ["modelValue", "value"])
+      ], 2);
+    };
+  }
+});
+exports.default = _sfc_main;

package/dist/components/edit-data/src/area/general2.js

@@ -0,0 +1,88 @@
+import { defineComponent, ref, computed, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, createVNode, withCtx, createTextVNode, toDisplayString, mergeProps } from "vue";
+import { dataDataEmits, dataDataProps, name } from "../data.js";
+import { useCssName } from "../../../../hooks/cssname/index.js";
+import { useLocale } from "../../../../hooks/locale/index.js";
+import { Inputs } from "../../../inputs/index.js";
+import { Button } from "../../../button/index.js";
+import "./editor.js";
+import { Message } from "../../../message/index.js";
+import json5 from "json5";
+import _sfc_main$1 from "./editor2.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "general",
+  props: {
+    ...dataDataProps,
+    title: { type: String, default: "设置" },
+    check: { type: Function }
+  },
+  emits: dataDataEmits,
+  setup(__props, { emit: __emit }) {
+    const cs = useCssName(name);
+    const { getLocale } = useLocale();
+    const props = __props;
+    const emit = __emit;
+    const box = ref(false);
+    const value = computed({
+      get() {
+        return props.modelValue;
+      },
+      set(value2) {
+        emit("update:modelValue", value2);
+      }
+    });
+    const inputValue = computed(() => {
+      if (value.value) {
+        return json5.stringify(value.value);
+      } else {
+        return String(value.value);
+      }
+    });
+    const onSubmit = (v) => {
+      if (props.check) {
+        const err = props.check(v);
+        if (err) {
+          Message.error(err);
+          return;
+        }
+      }
+      value.value = v;
+      box.value = false;
+    };
+    const onClick = () => {
+      box.value = true;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(cs).z("general"))
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(unref(cs).z("general-set"))
+        }, [
+          createVNode(unref(Inputs), {
+            readonly: "",
+            clearable: "",
+            "model-value": inputValue.value
+          }, null, 8, ["model-value"]),
+          createVNode(unref(Button), {
+            type: "primary",
+            onClick
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(props.title), 1)
+            ]),
+            _: 1
+          })
+        ], 2),
+        createVNode(_sfc_main$1, mergeProps(props, {
+          modelValue: box.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => box.value = $event),
+          value: value.value,
+          onSubmit
+        }), null, 16, ["modelValue", "value"])
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/edit-data/src/area/object-json.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const objectJson_vue_vue_type_script_setup_true_lang = require("./object-json2.cjs");
+exports.default = objectJson_vue_vue_type_script_setup_true_lang.default;

package/dist/components/edit-data/src/area/object-json.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./object-json2.js";
+export {
+  _sfc_main as default
+};

package/dist/components/edit-data/src/area/object-json2.cjs

@@ -0,0 +1,109 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const data = require("../data.cjs");
+const index = require("../../../../hooks/cssname/index.cjs");
+const index$1 = require("../../../../hooks/locale/index.cjs");
+const index$2 = require("../../../tabs/index.cjs");
+const index$3 = require("../../../tab-pane/index.cjs");
+const json5 = require("json5");
+require("./object.cjs");
+const index$4 = require("../../../message/index.cjs");
+const object_vue_vue_type_script_setup_true_lang = require("./object2.cjs");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "object-json",
+  props: data.dataDataProps,
+  emits: data.dataDataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const cs = index.useCssName(data.name);
+    const { getLocale } = index$1.useLocale();
+    const props = __props;
+    const emit = __emit;
+    const tab = vue.ref("z");
+    const value = vue.computed({
+      get() {
+        return props.modelValue;
+      },
+      set(value2) {
+        emit("update:modelValue", value2);
+      }
+    });
+    const getValue = (v) => {
+      if (v && typeof v === "object") {
+        return v;
+      } else {
+        if (v) {
+          return json5.parse(v) || {};
+        } else {
+          return {};
+        }
+      }
+    };
+    const beforeLeave = (name2) => {
+      if (name2 == "z") {
+        try {
+          const v = getValue(value.value);
+          value.value = v;
+          return true;
+        } catch (error) {
+          console.log("error", error);
+          index$4.Message.error("对象输入错误：" + error);
+          return false;
+        }
+      } else if (name2 == "j") {
+        try {
+          if (typeof value.value === "string") {
+            value.value = value.value;
+          } else {
+            const v = json5.stringify(value.value, null, 4);
+            value.value = v;
+          }
+          return true;
+        } catch (error) {
+          console.log("error", error);
+          index$4.Message.error("对象输入错误：" + error);
+          return false;
+        }
+      }
+    };
+    __expose({});
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(cs).z("area-object-json"))
+      }, [
+        vue.createVNode(vue.unref(index$2.Tabs), {
+          "default-value": "z",
+          modelValue: tab.value,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => tab.value = $event),
+          "before-leave": beforeLeave
+        }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(vue.unref(index$3.TabPane), {
+              name: "z",
+              label: "组件(Object)"
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(object_vue_vue_type_script_setup_true_lang.default, vue.mergeProps(props, {
+                  modelValue: value.value,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event)
+                }), null, 16, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            vue.createVNode(vue.unref(index$3.TabPane), {
+              name: "j",
+              label: "JSON(Object)"
+            }, {
+              default: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, "default")
+              ]),
+              _: 3
+            })
+          ]),
+          _: 3
+        }, 8, ["modelValue"])
+      ], 2);
+    };
+  }
+});
+exports.default = _sfc_main;

package/dist/components/edit-data/src/area/object-json2.js

@@ -0,0 +1,109 @@
+import { defineComponent, ref, computed, createElementBlock, openBlock, normalizeClass, unref, createVNode, withCtx, mergeProps, renderSlot } from "vue";
+import { dataDataEmits, dataDataProps, name } from "../data.js";
+import { useCssName } from "../../../../hooks/cssname/index.js";
+import { useLocale } from "../../../../hooks/locale/index.js";
+import { Tabs } from "../../../tabs/index.js";
+import { TabPane } from "../../../tab-pane/index.js";
+import json5 from "json5";
+import "./object.js";
+import { Message } from "../../../message/index.js";
+import _sfc_main$1 from "./object2.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "object-json",
+  props: dataDataProps,
+  emits: dataDataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const cs = useCssName(name);
+    const { getLocale } = useLocale();
+    const props = __props;
+    const emit = __emit;
+    const tab = ref("z");
+    const value = computed({
+      get() {
+        return props.modelValue;
+      },
+      set(value2) {
+        emit("update:modelValue", value2);
+      }
+    });
+    const getValue = (v) => {
+      if (v && typeof v === "object") {
+        return v;
+      } else {
+        if (v) {
+          return json5.parse(v) || {};
+        } else {
+          return {};
+        }
+      }
+    };
+    const beforeLeave = (name2) => {
+      if (name2 == "z") {
+        try {
+          const v = getValue(value.value);
+          value.value = v;
+          return true;
+        } catch (error) {
+          console.log("error", error);
+          Message.error("对象输入错误：" + error);
+          return false;
+        }
+      } else if (name2 == "j") {
+        try {
+          if (typeof value.value === "string") {
+            value.value = value.value;
+          } else {
+            const v = json5.stringify(value.value, null, 4);
+            value.value = v;
+          }
+          return true;
+        } catch (error) {
+          console.log("error", error);
+          Message.error("对象输入错误：" + error);
+          return false;
+        }
+      }
+    };
+    __expose({});
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(cs).z("area-object-json"))
+      }, [
+        createVNode(unref(Tabs), {
+          "default-value": "z",
+          modelValue: tab.value,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => tab.value = $event),
+          "before-leave": beforeLeave
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(TabPane), {
+              name: "z",
+              label: "组件(Object)"
+            }, {
+              default: withCtx(() => [
+                createVNode(_sfc_main$1, mergeProps(props, {
+                  modelValue: value.value,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event)
+                }), null, 16, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            createVNode(unref(TabPane), {
+              name: "j",
+              label: "JSON(Object)"
+            }, {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, "default")
+              ]),
+              _: 3
+            })
+          ]),
+          _: 3
+        }, 8, ["modelValue"])
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/edit-data/src/area/object.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const object_vue_vue_type_script_setup_true_lang = require("./object2.cjs");
+exports.default = object_vue_vue_type_script_setup_true_lang.default;

package/dist/components/edit-data/src/area/object.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./object2.js";
+export {
+  _sfc_main as default
+};

package/dist/components/edit-data/src/area/object2.cjs

@@ -0,0 +1,116 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const index$4 = require("../../../no-data/index.cjs");
+const index$3 = require("../../../icon/index.cjs");
+const _delete = require("../../../../icons/vue/delete.cjs");
+const data = require("../data.cjs");
+const index = require("../../../../hooks/cssname/index.cjs");
+const index$1 = require("../../../../hooks/locale/index.cjs");
+require("../index.cjs");
+const index$2 = require("../../../button/index.cjs");
+const index$5 = require("../../../edit-data-add/index.cjs");
+const index_vue_vue_type_script_setup_true_lang = require("../index2.cjs");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "object",
+  props: data.dataDataProps,
+  emits: data.dataDataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const cs = index.useCssName(data.name);
+    const { getLocale } = index$1.useLocale();
+    const props = __props;
+    const emit = __emit;
+    const box = vue.ref(false);
+    const value = vue.computed({
+      get() {
+        return props.modelValue;
+      },
+      set(value2) {
+        emit("update:modelValue", value2);
+      }
+    });
+    const updateValue = (index2, v) => {
+      value.value[index2] = v;
+    };
+    const onAdd = () => {
+      box.value = true;
+    };
+    const onSubmit = (v) => {
+      value.value[v.label] = v.value;
+    };
+    const onDelete = (index2) => {
+      value.value[index2] = void 0;
+      delete value.value[index2];
+    };
+    __expose({});
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(cs).z("area-object"))
+      }, [
+        props.addable || props.editable ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          class: vue.normalizeClass(vue.unref(cs).z("area-object-add"))
+        }, [
+          vue.createVNode(vue.unref(index$2.Button), {
+            type: "primary",
+            onClick: onAdd
+          }, {
+            default: vue.withCtx(() => [..._cache[1] || (_cache[1] = [
+              vue.createTextVNode(" 添加 ", -1)
+            ])]),
+            _: 1
+          })
+        ], 2)) : vue.createCommentVNode("", true),
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(value.value, (item, index2) => {
+          return vue.openBlock(), vue.createElementBlock("div", {
+            class: vue.normalizeClass(vue.unref(cs).z("area-comp-li")),
+            key: index2
+          }, [
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(vue.unref(cs).z("area-comp-li-div"))
+            }, [
+              vue.createElementVNode("span", {
+                class: vue.normalizeClass(vue.unref(cs).z("area-comp-li-name"))
+              }, vue.toDisplayString(index2), 3),
+              vue.createVNode(index_vue_vue_type_script_setup_true_lang.default, vue.mergeProps({ ref_for: true }, props, {
+                type: void 0,
+                modelValue: item,
+                "onUpdate:modelValue": (val) => updateValue(index2, val)
+              }), null, 16, ["modelValue", "onUpdate:modelValue"])
+            ], 2),
+            vue.createElementVNode("div", null, [
+              props.editable ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.Button), {
+                key: 0,
+                type: "danger",
+                onClick: ($event) => onDelete(index2),
+                text: ""
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(index$3.Icon), { title: "删除" }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_delete.default)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["onClick"])) : vue.createCommentVNode("", true)
+            ])
+          ], 2);
+        }), 128)),
+        Object.keys(value.value).length == 0 ? (vue.openBlock(), vue.createBlock(vue.unref(index$4.NoData), {
+          key: 1,
+          value: "空对象"
+        })) : vue.createCommentVNode("", true),
+        vue.createVNode(vue.unref(index$5.EditDataAdd), vue.mergeProps(props, {
+          type: "object",
+          title: "新增对象",
+          modelValue: box.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => box.value = $event),
+          onSubmit
+        }), null, 16, ["modelValue"])
+      ], 2);
+    };
+  }
+});
+exports.default = _sfc_main;

package/dist/components/edit-data/src/area/object2.js

@@ -0,0 +1,116 @@
+import { defineComponent, ref, computed, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, createBlock, createVNode, withCtx, createTextVNode, Fragment, renderList, createElementVNode, toDisplayString, mergeProps } from "vue";
+import { NoData } from "../../../no-data/index.js";
+import { Icon } from "../../../icon/index.js";
+import Delete from "../../../../icons/vue/delete.js";
+import { dataDataEmits, dataDataProps, name } from "../data.js";
+import { useCssName } from "../../../../hooks/cssname/index.js";
+import { useLocale } from "../../../../hooks/locale/index.js";
+import "../index.js";
+import { Button } from "../../../button/index.js";
+import { EditDataAdd } from "../../../edit-data-add/index.js";
+import _sfc_main$1 from "../index2.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "object",
+  props: dataDataProps,
+  emits: dataDataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const cs = useCssName(name);
+    const { getLocale } = useLocale();
+    const props = __props;
+    const emit = __emit;
+    const box = ref(false);
+    const value = computed({
+      get() {
+        return props.modelValue;
+      },
+      set(value2) {
+        emit("update:modelValue", value2);
+      }
+    });
+    const updateValue = (index, v) => {
+      value.value[index] = v;
+    };
+    const onAdd = () => {
+      box.value = true;
+    };
+    const onSubmit = (v) => {
+      value.value[v.label] = v.value;
+    };
+    const onDelete = (index) => {
+      value.value[index] = void 0;
+      delete value.value[index];
+    };
+    __expose({});
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(cs).z("area-object"))
+      }, [
+        props.addable || props.editable ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(unref(cs).z("area-object-add"))
+        }, [
+          createVNode(unref(Button), {
+            type: "primary",
+            onClick: onAdd
+          }, {
+            default: withCtx(() => [..._cache[1] || (_cache[1] = [
+              createTextVNode(" 添加 ", -1)
+            ])]),
+            _: 1
+          })
+        ], 2)) : createCommentVNode("", true),
+        (openBlock(true), createElementBlock(Fragment, null, renderList(value.value, (item, index) => {
+          return openBlock(), createElementBlock("div", {
+            class: normalizeClass(unref(cs).z("area-comp-li")),
+            key: index
+          }, [
+            createElementVNode("div", {
+              class: normalizeClass(unref(cs).z("area-comp-li-div"))
+            }, [
+              createElementVNode("span", {
+                class: normalizeClass(unref(cs).z("area-comp-li-name"))
+              }, toDisplayString(index), 3),
+              createVNode(_sfc_main$1, mergeProps({ ref_for: true }, props, {
+                type: void 0,
+                modelValue: item,
+                "onUpdate:modelValue": (val) => updateValue(index, val)
+              }), null, 16, ["modelValue", "onUpdate:modelValue"])
+            ], 2),
+            createElementVNode("div", null, [
+              props.editable ? (openBlock(), createBlock(unref(Button), {
+                key: 0,
+                type: "danger",
+                onClick: ($event) => onDelete(index),
+                text: ""
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(Icon), { title: "删除" }, {
+                    default: withCtx(() => [
+                      createVNode(Delete)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["onClick"])) : createCommentVNode("", true)
+            ])
+          ], 2);
+        }), 128)),
+        Object.keys(value.value).length == 0 ? (openBlock(), createBlock(unref(NoData), {
+          key: 1,
+          value: "空对象"
+        })) : createCommentVNode("", true),
+        createVNode(unref(EditDataAdd), mergeProps(props, {
+          type: "object",
+          title: "新增对象",
+          modelValue: box.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => box.value = $event),
+          onSubmit
+        }), null, 16, ["modelValue"])
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/edit-data/src/data/array.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const array_vue_vue_type_script_setup_true_lang = require("./array2.cjs");
+exports.default = array_vue_vue_type_script_setup_true_lang.default;

package/dist/components/edit-data/src/data/array.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./array2.js";
+export {
+  _sfc_main as default
+};