@fangzhongya/fang-ui 0.1.51 → 0.1.53

package/dist/components/edit-data-add/index.css

@@ -0,0 +1,144 @@
+:root {
+  --on: rgb(91, 189, 246);
+  --color-primary: #409eff;
+  --bag-primary: #409eff;
+  --bag-primary-text: #ffffff;
+  --border: #eee;
+  --layout-panel-gap: 10px;
+  --layout-panel-padding: 20px;
+  --layout-form-item-padding-right: var(
+  	--layout-panel-gap
+  );
+  --g-main-bg: var(--bg-color-page);
+  --lable-array-height: 20px;
+}
+
+.com-footer {
+  border-top: 1px solid var(--border);
+  padding: 20px 20px;
+}
+
+.com-lable-array {
+  line-height: var(--lable-array-height);
+}
+
+.edit-data-add {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.edit-data-add-main {
+  flex: 1;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.edit-data-add-main-top {
+  width: 100%;
+}
+.edit-data-add-main-top-li {
+  display: flex;
+  align-items: center;
+  padding: 10px;
+}
+.edit-data-add-main-top-li-value {
+  flex: 1;
+}
+.edit-data-add-main-content {
+  flex: 1;
+  width: 100%;
+  margin: 10px;
+}
+.edit-data-add-main-content-name {
+  margin-bottom: 10px;
+}
+.edit-data-add-footer {
+  padding-top: 20px;
+  text-align: right;
+}
+
+.edit-data-general-set {
+  display: flex;
+  align-items: center;
+}
+.edit-data-editor {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.edit-data-editor-main {
+  flex: 1;
+  position: relative;
+}
+.edit-data-editor-content {
+  position: absolute;
+  inset: 0;
+  overflow-y: auto;
+}
+.edit-data-editor-content .edit-data-code {
+  height: 100%;
+  width: 100%;
+}
+.edit-data-editor-content .edit-data-code .inputs {
+  height: 100%;
+  width: 100%;
+}
+.edit-data-editor-content .edit-data-code .inputs textarea {
+  height: 100%;
+  width: 100%;
+}
+.edit-data-editor-footer {
+  padding-top: 20px;
+  text-align: right;
+}
+.edit-data-area-array, .edit-data-area-object {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.edit-data-area-array-main, .edit-data-area-object-main {
+  flex: 1;
+  width: 100%;
+  position: relative;
+}
+.edit-data-area-array-content, .edit-data-area-object-content {
+  position: absolute;
+  inset: 0;
+  overflow-y: auto;
+}
+.edit-data-area-array-json, .edit-data-area-object-json {
+  width: 100%;
+  height: 100%;
+}
+.edit-data-area-array-json .tabs, .edit-data-area-object-json .tabs {
+  width: 100%;
+  height: 100%;
+}
+.edit-data-area-array-json .tabs .tab-pane, .edit-data-area-object-json .tabs .tab-pane {
+  position: absolute;
+  inset: 0;
+  overflow-y: auto;
+}
+.edit-data-area-array-add, .edit-data-area-object-add {
+  margin-bottom: 10px;
+}
+.edit-data-area-comp {
+  width: 100%;
+}
+.edit-data-area-comp-li {
+  min-height: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.edit-data-area-comp-li-div {
+  flex: 1;
+  display: flex;
+  align-items: center;
+}
+.edit-data-area-comp-li-name {
+  padding: 0 10px;
+}

package/dist/components/edit-data-add/index.d.ts

@@ -0,0 +1,5 @@
+import { SFCWithInstall } from '../../utils/vues';
+import { DefineComponent } from 'vue';
+declare const EditDataAdd: SFCWithInstall<DefineComponent<{}, {}, any>>;
+export { EditDataAdd };
+export default EditDataAdd;

package/dist/components/edit-data-add/index.js

@@ -0,0 +1,9 @@
+/* empty css                 */
+import "./src/index.js";
+import { withInstall } from "../../utils/vues/withInstall.js";
+import _sfc_main from "./src/index2.js";
+const EditDataAdd = withInstall(_sfc_main, "EditDataAdd");
+export {
+  EditDataAdd,
+  EditDataAdd as default
+};

package/dist/components/edit-data-add/index.scss

@@ -0,0 +1,5 @@
+@use '../scss/common.scss' as *;
+@use '../edit-data/index.scss' as *;
+$edit-data-add: 'edit-data-add';
+@include b($edit-data-add) {
+}

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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const buildProps = require("../../../utils/vues/buildProps.cjs");
+const name = "edit-data-add";
+const dataProps = buildProps.buildProps({
+  title: { type: String, default: "新增" },
+  labelName: { type: String, default: "属性" },
+  label: {
+    type: String,
+    default: ""
+  }
+});
+const dataEmits = ["submit"];
+const dataSlot = {
+  default: "default"
+};
+const dataExpose = {
+  name
+};
+exports.dataEmits = dataEmits;
+exports.dataExpose = dataExpose;
+exports.dataProps = dataProps;
+exports.dataSlot = dataSlot;
+exports.name = name;

package/dist/components/edit-data-add/src/data.d.ts

@@ -0,0 +1,36 @@
+import { ExtractPublicPropTypes } from 'vue';
+/**
+ * @title {h3} EditDataAdd
+ * @text edit-data-add
+ */
+export declare const name = "edit-data-add";
+export declare const dataProps: {
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    labelName: {
+        type: StringConstructor;
+        default: string;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+};
+export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
+export declare const dataEmits: string[];
+export type DataEmits = typeof dataEmits;
+/**
+ * @slot default 默认插槽
+ */
+export declare const dataSlot: {
+    default: string;
+};
+/**
+ * @expose setValue (val:<string>设置的数据 )
+ * 设置值
+ */
+export declare const dataExpose: {
+    name: string;
+};

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

@@ -0,0 +1,24 @@
+import { buildProps } from "../../../utils/vues/buildProps.js";
+const name = "edit-data-add";
+const dataProps = buildProps({
+  title: { type: String, default: "新增" },
+  labelName: { type: String, default: "属性" },
+  label: {
+    type: String,
+    default: ""
+  }
+});
+const dataEmits = ["submit"];
+const dataSlot = {
+  default: "default"
+};
+const dataExpose = {
+  name
+};
+export {
+  dataEmits,
+  dataExpose,
+  dataProps,
+  dataSlot,
+  name
+};

package/dist/components/edit-data-add/src/index.cjs

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

package/dist/components/edit-data-add/src/index.js

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

package/dist/components/edit-data-add/src/index2.cjs

@@ -0,0 +1,241 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const data = require("./data.cjs");
+const data$1 = require("../../edit-data/src/data.cjs");
+const util = require("../../edit-data/src/util.cjs");
+const index = require("../../../hooks/cssname/index.cjs");
+const index$1 = require("../../../hooks/locale/index.cjs");
+const index$2 = require("../../../hooks/props-default/index.cjs");
+const index$8 = require("../../button/index.cjs");
+const index$4 = require("../../window/index.cjs");
+const index$5 = require("../../inputs/index.cjs");
+const index$6 = require("../../selects/index.cjs");
+const index$7 = require("../../edit-data/index.cjs");
+const index$3 = require("../../message/index.cjs");
+const _hoisted_1 = { key: 0 };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "index",
+  props: index$2.getProps({ ...data$1.dataProps, ...data.dataProps }),
+  emits: [...data$1.dataEmits, ...data.dataEmits],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const cs = index.useCssName(data.name);
+    const { getLocale } = index$1.useLocale();
+    const prs = __props;
+    const props = index$2.usePropsDefault(data.name, prs, data.dataProps);
+    const emit = __emit;
+    const label = vue.ref(props.label);
+    const value = vue.computed({
+      get() {
+        const v = props.modelValue;
+        if (v) {
+          onEmptied();
+        }
+        return v;
+      },
+      set(value2) {
+        emit("update:modelValue", value2);
+      }
+    });
+    const typevalue = vue.ref("");
+    const valueData = vue.ref();
+    const Map = {
+      string: "字符串",
+      number: "数字",
+      boolean: "是否",
+      object: "对象",
+      array: "数组",
+      function: "方法",
+      symbol: "唯一值",
+      bigint: "大数字",
+      not: "不存在",
+      null: "空值",
+      undefined: "未定义",
+      other: "其他"
+    };
+    const getAll = () => {
+      const arr = [
+        "string",
+        "number",
+        "boolean",
+        "object",
+        "array",
+        "function",
+        "symbol",
+        "bigint",
+        "other"
+      ];
+      if (props.isNot) {
+        arr.push("not");
+      } else {
+        arr.push("null", "undefined");
+      }
+      return arr;
+    };
+    const tps = vue.ref([]);
+    const getType = (type) => {
+      const t = type.toLowerCase();
+      if (t.startsWith("array")) {
+        tps.value = util.getObjTypes(t);
+        console.log("tps.value ", tps.value);
+        return "array";
+      } else if (t.startsWith("object")) {
+        tps.value = util.getObjTypes(t);
+        return "object";
+      } else {
+        return t;
+      }
+    };
+    const options = vue.computed(() => {
+      let arr = [];
+      if (props.typeObj) {
+        if (typeof props.typeObj === "string") {
+          arr.push(props.typeObj);
+        } else {
+          arr = props.typeObj;
+        }
+        arr = arr.filter((v2) => Boolean(v2)).map((v2) => getType(v2));
+      }
+      if (arr.length == 0) {
+        arr = getAll();
+      }
+      const v = arr.map((v2) => ({ label: Map[v2], value: v2 }));
+      if (v.length > 0) {
+        typevalue.value = v[0].value;
+      }
+      return v;
+    });
+    const typeobjs = vue.computed(() => {
+      if (tps.value.length > 0) {
+        return tps.value;
+      } else {
+        if (props.typeObj) {
+          if (typeof props.typeObj === "string") {
+            return [props.typeObj];
+          } else {
+            return props.typeObj;
+          }
+        }
+        return [];
+      }
+    });
+    function onEmptied() {
+      label.value = props.label;
+      valueData.value = void 0;
+    }
+    function onClick(key) {
+      if (key == 1) {
+        if (props.type === "object" && !label.value) {
+          index$3.Message.error("请输入" + props.labelName + "名称");
+          return;
+        }
+        emit("submit", {
+          label: label.value,
+          type: typevalue.value,
+          value: valueData.value
+        });
+        value.value = false;
+      } else {
+        value.value = false;
+      }
+    }
+    __expose({
+      ...data.dataExpose
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(index$4.Window), {
+        isMin: false,
+        title: vue.unref(props).title,
+        modelValue: value.value,
+        "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => value.value = $event)
+      }, {
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(vue.unref(cs).z())
+          }, [
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(vue.unref(cs).z("main"))
+            }, [
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass(vue.unref(cs).z("main-top"))
+              }, [
+                _ctx.type === "object" ? (vue.openBlock(), vue.createElementBlock("div", {
+                  key: 0,
+                  class: vue.normalizeClass(vue.unref(cs).z("main-top-li"))
+                }, [
+                  vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(props).labelName + "名称") + "：", 1),
+                  vue.createVNode(vue.unref(index$5.Inputs), {
+                    class: vue.normalizeClass(vue.unref(cs).z("main-top-li-value")),
+                    placeholder: "请输入" + vue.unref(props).labelName + "名称",
+                    modelValue: label.value,
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => label.value = $event)
+                  }, null, 8, ["class", "placeholder", "modelValue"])
+                ], 2)) : vue.createCommentVNode("", true),
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass(vue.unref(cs).z("main-top-li"))
+                }, [
+                  _cache[7] || (_cache[7] = vue.createElementVNode("span", null, "类型：", -1)),
+                  vue.createVNode(vue.unref(index$6.Selects), {
+                    class: vue.normalizeClass(vue.unref(cs).z("main-top-li-value")),
+                    placeholder: "类型",
+                    options: options.value,
+                    modelValue: typevalue.value,
+                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => typevalue.value = $event),
+                    onChange: _cache[2] || (_cache[2] = ($event) => valueData.value = void 0)
+                  }, null, 8, ["class", "options", "modelValue"])
+                ], 2)
+              ], 2),
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass(vue.unref(cs).z("main-content"))
+              }, [
+                vue.createElementVNode("div", {
+                  class: vue.normalizeClass(vue.unref(cs).z("main-content-name"))
+                }, [
+                  vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(props).labelName) + "值：", 1)
+                ], 2),
+                typevalue.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+                  (vue.openBlock(), vue.createBlock(vue.unref(index$7.EditData), vue.mergeProps({ key: typevalue.value }, vue.unref(props), {
+                    typeObj: typeobjs.value,
+                    type: typevalue.value,
+                    modelValue: valueData.value,
+                    "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => valueData.value = $event)
+                  }), null, 16, ["typeObj", "type", "modelValue"]))
+                ])) : vue.createCommentVNode("", true)
+              ], 2)
+            ], 2),
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(vue.unref(cs).z("footer"))
+            }, [
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass(vue.unref(cs).z("top-but"))
+              }, [
+                vue.createVNode(vue.unref(index$8.Button), {
+                  onClick: _cache[4] || (_cache[4] = ($event) => onClick(0))
+                }, {
+                  default: vue.withCtx(() => [..._cache[8] || (_cache[8] = [
+                    vue.createTextVNode("取消", -1)
+                  ])]),
+                  _: 1
+                }),
+                vue.createVNode(vue.unref(index$8.Button), {
+                  onClick: _cache[5] || (_cache[5] = ($event) => onClick(1)),
+                  type: "primary"
+                }, {
+                  default: vue.withCtx(() => [..._cache[9] || (_cache[9] = [
+                    vue.createTextVNode("确认", -1)
+                  ])]),
+                  _: 1
+                })
+              ], 2)
+            ], 2)
+          ], 2)
+        ]),
+        _: 1
+      }, 8, ["title", "modelValue"]);
+    };
+  }
+});
+exports.default = _sfc_main;