@fangzhongya/fang-ui 0.1.51 → 0.1.52

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

@@ -0,0 +1,241 @@
+import { defineComponent, ref, computed, createBlock, openBlock, unref, withCtx, createElementVNode, normalizeClass, createElementBlock, createCommentVNode, createVNode, toDisplayString, mergeProps, createTextVNode } from "vue";
+import { name, dataProps, dataExpose, dataEmits as dataEmits$1 } from "./data.js";
+import { dataEmits, dataProps as dataProps$1 } from "../../edit-data/src/data.js";
+import { getObjTypes } from "../../edit-data/src/util.js";
+import { useCssName } from "../../../hooks/cssname/index.js";
+import { useLocale } from "../../../hooks/locale/index.js";
+import { usePropsDefault, getProps } from "../../../hooks/props-default/index.js";
+import { Button } from "../../button/index.js";
+import { Window } from "../../window/index.js";
+import { Inputs } from "../../inputs/index.js";
+import { Selects } from "../../selects/index.js";
+import { EditData } from "../../edit-data/index.js";
+import { Message } from "../../message/index.js";
+const _hoisted_1 = { key: 0 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "index",
+  props: getProps({ ...dataProps$1, ...dataProps }),
+  emits: [...dataEmits, ...dataEmits$1],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const cs = useCssName(name);
+    const { getLocale } = useLocale();
+    const prs = __props;
+    const props = usePropsDefault(name, prs, dataProps);
+    const emit = __emit;
+    const label = ref(props.label);
+    const value = computed({
+      get() {
+        const v = props.modelValue;
+        if (v) {
+          onEmptied();
+        }
+        return v;
+      },
+      set(value2) {
+        emit("update:modelValue", value2);
+      }
+    });
+    const typevalue = ref("");
+    const valueData = 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 = ref([]);
+    const getType = (type) => {
+      const t = type.toLowerCase();
+      if (t.startsWith("array")) {
+        tps.value = getObjTypes(t);
+        console.log("tps.value ", tps.value);
+        return "array";
+      } else if (t.startsWith("object")) {
+        tps.value = getObjTypes(t);
+        return "object";
+      } else {
+        return t;
+      }
+    };
+    const options = 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 = 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) {
+          Message.error("请输入" + props.labelName + "名称");
+          return;
+        }
+        emit("submit", {
+          label: label.value,
+          type: typevalue.value,
+          value: valueData.value
+        });
+        value.value = false;
+      } else {
+        value.value = false;
+      }
+    }
+    __expose({
+      ...dataExpose
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Window), {
+        isMin: false,
+        title: unref(props).title,
+        modelValue: value.value,
+        "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => value.value = $event)
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", {
+            class: normalizeClass(unref(cs).z())
+          }, [
+            createElementVNode("div", {
+              class: normalizeClass(unref(cs).z("main"))
+            }, [
+              createElementVNode("div", {
+                class: normalizeClass(unref(cs).z("main-top"))
+              }, [
+                _ctx.type === "object" ? (openBlock(), createElementBlock("div", {
+                  key: 0,
+                  class: normalizeClass(unref(cs).z("main-top-li"))
+                }, [
+                  createElementVNode("span", null, toDisplayString(unref(props).labelName + "名称") + "：", 1),
+                  createVNode(unref(Inputs), {
+                    class: normalizeClass(unref(cs).z("main-top-li-value")),
+                    placeholder: "请输入" + unref(props).labelName + "名称",
+                    modelValue: label.value,
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => label.value = $event)
+                  }, null, 8, ["class", "placeholder", "modelValue"])
+                ], 2)) : createCommentVNode("", true),
+                createElementVNode("div", {
+                  class: normalizeClass(unref(cs).z("main-top-li"))
+                }, [
+                  _cache[7] || (_cache[7] = createElementVNode("span", null, "类型：", -1)),
+                  createVNode(unref(Selects), {
+                    class: normalizeClass(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),
+              createElementVNode("div", {
+                class: normalizeClass(unref(cs).z("main-content"))
+              }, [
+                createElementVNode("div", {
+                  class: normalizeClass(unref(cs).z("main-content-name"))
+                }, [
+                  createElementVNode("span", null, toDisplayString(unref(props).labelName) + "值：", 1)
+                ], 2),
+                typevalue.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+                  (openBlock(), createBlock(unref(EditData), mergeProps({ key: typevalue.value }, 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"]))
+                ])) : createCommentVNode("", true)
+              ], 2)
+            ], 2),
+            createElementVNode("div", {
+              class: normalizeClass(unref(cs).z("footer"))
+            }, [
+              createElementVNode("div", {
+                class: normalizeClass(unref(cs).z("top-but"))
+              }, [
+                createVNode(unref(Button), {
+                  onClick: _cache[4] || (_cache[4] = ($event) => onClick(0))
+                }, {
+                  default: withCtx(() => [..._cache[8] || (_cache[8] = [
+                    createTextVNode("取消", -1)
+                  ])]),
+                  _: 1
+                }),
+                createVNode(unref(Button), {
+                  onClick: _cache[5] || (_cache[5] = ($event) => onClick(1)),
+                  type: "primary"
+                }, {
+                  default: withCtx(() => [..._cache[9] || (_cache[9] = [
+                    createTextVNode("确认", -1)
+                  ])]),
+                  _: 1
+                })
+              ], 2)
+            ], 2)
+          ], 2)
+        ]),
+        _: 1
+      }, 8, ["title", "modelValue"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/edit-data-add/style/comm.scss

@@ -0,0 +1,38 @@
+@use '../../scss/common.scss' as *;
+$edit-data-add: 'edit-data-add';
+@include b($edit-data-add) {
+	// 占位符，为将来扩展预留
+	width: 100%;
+	height: 100%;
+	display: flex;
+	flex-direction: column;
+	&-main {
+		flex: 1;
+		width: 100%;
+		display: flex;
+		flex-direction: column;
+		&-top {
+			width: 100%;
+			&-li {
+				display: flex;
+				align-items: center;
+				padding: 10px;
+				&-value {
+					flex: 1;
+				}
+			}
+		}
+		&-content {
+			flex: 1;
+			width: 100%;
+			margin: 10px;
+			&-name {
+				margin-bottom: 10px;
+			}
+		}
+	}
+	&-footer {
+		padding-top: 20px;
+		text-align: right;
+	}
+}

package/dist/components/edit-data-add/style/index2.scss

@@ -0,0 +1,2 @@
+@use '../../edit-data/style/index2.scss' as *;
+@use '../index.scss' as *;

package/dist/components/history/src/data.cjs

@@ -12,9 +12,17 @@ const dataProps = {
   record: {
     type: [Number, String],
     default: 0
+  },
+  isCur: { type: Boolean, default: true },
+  isModel: { type: Boolean, default: false },
+  copyFilter: {
+    type: Function,
+    default() {
+      return true;
+    }
   }
 };
-const dataEmits = ["update:modelValue"];
+const dataEmits = ["update:modelValue", "change"];
 const dataSlot = {
   iconRetreat: "icon-retreat",
   iconForward: "icon-forward"

package/dist/components/history/src/data.d.ts

@@ -1,4 +1,4 @@
-import { ExtractPropTypes } from 'vue';
+import { ExtractPropTypes, PropType } from 'vue';
 /**
  * @title {h3} history
  */
@@ -15,6 +15,18 @@ export declare const dataProps: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
+    isCur: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isModel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    copyFilter: {
+        type: PropType<(key: string) => boolean>;
+        default(): boolean;
+    };
 };
 export type DataProps = ExtractPropTypes<typeof dataProps>;
 /**

package/dist/components/history/src/data.js

@@ -10,9 +10,17 @@ const dataProps = {
   record: {
     type: [Number, String],
     default: 0
+  },
+  isCur: { type: Boolean, default: true },
+  isModel: { type: Boolean, default: false },
+  copyFilter: {
+    type: Function,
+    default() {
+      return true;
+    }
   }
 };
-const dataEmits = ["update:modelValue"];
+const dataEmits = ["update:modelValue", "change"];
 const dataSlot = {
   iconRetreat: "icon-retreat",
   iconForward: "icon-forward"

package/dist/components/history/src/index2.cjs

@@ -21,14 +21,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const index$3 = vue.ref(0);
     const current = vue.ref();
     const isRetreat = vue.computed(() => {
-      if (history.value.length > 0 && index$3.value <= history.value.length - 1) {
+      const i = props.isModel ? 1 : 0;
+      if (history.value.length > i && index$3.value <= history.value.length - 1 - i) {
         return false;
       } else {
         return true;
       }
     });
     const isForward = vue.computed(() => {
-      if (history.value.length > 0 && index$3.value != 0) {
+      const i = props.isModel ? 1 : 0;
+      if (history.value.length > i && index$3.value != 0) {
         return false;
       } else {
         return true;
@@ -41,35 +43,51 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     );
     function getWz() {
-      return history.value.length - index$3.value;
+      if (props.isModel) {
+        return history.value.length - index$3.value - 1;
+      } else {
+        return history.value.length - index$3.value;
+      }
     }
     function setRecord() {
       if (index$3.value != 0) {
-        history.value.splice(getWz());
+        const i = history.value.length - index$3.value;
+        history.value.splice(i);
         index$3.value = 0;
       }
       let v = props.modelValue;
       if (v && typeof v == "object") {
-        v = deepCopy.deepCopy(props.modelValue);
+        v = deepCopy.deepCopy(props.modelValue, props.copyFilter);
       }
       history.value.push(v);
     }
     function onRetreat() {
       if (!isRetreat.value) {
-        if (index$3.value === 0) {
+        if (props.isCur && index$3.value === 0) {
           current.value = props.modelValue;
         }
         index$3.value++;
-        emit("update:modelValue", history.value[getWz()]);
+        let v = history.value[getWz()];
+        if (props.isModel) {
+          v = deepCopy.deepCopy(v, props.copyFilter);
+        }
+        emit("update:modelValue", v);
+        emit("change", v);
       }
     }
     function onForward() {
       if (!isForward.value) {
         index$3.value--;
-        if (index$3.value == 0) {
+        if (props.isCur && index$3.value == 0) {
           emit("update:modelValue", current.value);
+          emit("change", current.value);
         } else {
-          emit("update:modelValue", history.value[getWz()]);
+          let v = history.value[getWz()];
+          if (props.isModel) {
+            v = deepCopy.deepCopy(v, props.copyFilter);
+          }
+          emit("update:modelValue", v);
+          emit("change", v);
         }
       }
     }

package/dist/components/history/src/index2.js

@@ -19,14 +19,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const index = ref(0);
     const current = ref();
     const isRetreat = computed(() => {
-      if (history.value.length > 0 && index.value <= history.value.length - 1) {
+      const i = props.isModel ? 1 : 0;
+      if (history.value.length > i && index.value <= history.value.length - 1 - i) {
         return false;
       } else {
         return true;
       }
     });
     const isForward = computed(() => {
-      if (history.value.length > 0 && index.value != 0) {
+      const i = props.isModel ? 1 : 0;
+      if (history.value.length > i && index.value != 0) {
         return false;
       } else {
         return true;
@@ -39,35 +41,51 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     );
     function getWz() {
-      return history.value.length - index.value;
+      if (props.isModel) {
+        return history.value.length - index.value - 1;
+      } else {
+        return history.value.length - index.value;
+      }
     }
     function setRecord() {
       if (index.value != 0) {
-        history.value.splice(getWz());
+        const i = history.value.length - index.value;
+        history.value.splice(i);
         index.value = 0;
       }
       let v = props.modelValue;
       if (v && typeof v == "object") {
-        v = deepCopy(props.modelValue);
+        v = deepCopy(props.modelValue, props.copyFilter);
       }
       history.value.push(v);
     }
     function onRetreat() {
       if (!isRetreat.value) {
-        if (index.value === 0) {
+        if (props.isCur && index.value === 0) {
           current.value = props.modelValue;
         }
         index.value++;
-        emit("update:modelValue", history.value[getWz()]);
+        let v = history.value[getWz()];
+        if (props.isModel) {
+          v = deepCopy(v, props.copyFilter);
+        }
+        emit("update:modelValue", v);
+        emit("change", v);
       }
     }
     function onForward() {
       if (!isForward.value) {
         index.value--;
-        if (index.value == 0) {
+        if (props.isCur && index.value == 0) {
           emit("update:modelValue", current.value);
+          emit("change", current.value);
         } else {
-          emit("update:modelValue", history.value[getWz()]);
+          let v = history.value[getWz()];
+          if (props.isModel) {
+            v = deepCopy(v, props.copyFilter);
+          }
+          emit("update:modelValue", v);
+          emit("change", v);
         }
       }
     }

package/dist/components/index.cjs

@@ -104,34 +104,36 @@ const index$2g = require("./dates-picker/index.cjs");
 const index$2h = require("./dates/index.cjs");
 const index$2i = require("./dates2/index.cjs");
 const index$2j = require("./double/index.cjs");
-const index$2k = require("./edit-float/index.cjs");
-const index$2l = require("./edit/index.cjs");
-const index$2m = require("./history/index.cjs");
-const index$2n = require("./input-array/index.cjs");
-const index$2o = require("./input-history/index.cjs");
-const index$2p = require("./input-num/index.cjs");
-const index$2q = require("./input-select/index.cjs");
-const index$2r = require("./inputs/index.cjs");
-const index$2s = require("./labels/index.cjs");
-const index$2t = require("./select-scroll/index.cjs");
-const index$2u = require("./selector/index.cjs");
-const index$2v = require("./selects/index.cjs");
-const index$2w = require("./sliders/index.cjs");
-const index$2x = require("./switchs/index.cjs");
-const index$2y = require("./texts/index.cjs");
-const index$2z = require("./uploads/index.cjs");
-const index$2A = require("./list/index.cjs");
-const index$2B = require("./lists/index.cjs");
-const index$2C = require("./listsp/index.cjs");
-const index$2D = require("./listspd/index.cjs");
-const index$2E = require("./paging/index.cjs");
-const index$2F = require("./tables/index.cjs");
-const index$2G = require("./tablesp/index.cjs");
-const index$2H = require("./tablespd/index.cjs");
-const index$2I = require("./tabless/index.cjs");
-const index$2J = require("./tablesv/index.cjs");
-const index$2K = require("./tablesvp/index.cjs");
-const index$2L = require("./tablesvpd/index.cjs");
+const index$2k = require("./edit-data-add/index.cjs");
+const index$2l = require("./edit-data/index.cjs");
+const index$2m = require("./edit-float/index.cjs");
+const index$2n = require("./edit/index.cjs");
+const index$2o = require("./history/index.cjs");
+const index$2p = require("./input-array/index.cjs");
+const index$2q = require("./input-history/index.cjs");
+const index$2r = require("./input-num/index.cjs");
+const index$2s = require("./input-select/index.cjs");
+const index$2t = require("./inputs/index.cjs");
+const index$2u = require("./labels/index.cjs");
+const index$2v = require("./select-scroll/index.cjs");
+const index$2w = require("./selector/index.cjs");
+const index$2x = require("./selects/index.cjs");
+const index$2y = require("./sliders/index.cjs");
+const index$2z = require("./switchs/index.cjs");
+const index$2A = require("./texts/index.cjs");
+const index$2B = require("./uploads/index.cjs");
+const index$2C = require("./list/index.cjs");
+const index$2D = require("./lists/index.cjs");
+const index$2E = require("./listsp/index.cjs");
+const index$2F = require("./listspd/index.cjs");
+const index$2G = require("./paging/index.cjs");
+const index$2H = require("./tables/index.cjs");
+const index$2I = require("./tablesp/index.cjs");
+const index$2J = require("./tablespd/index.cjs");
+const index$2K = require("./tabless/index.cjs");
+const index$2L = require("./tablesv/index.cjs");
+const index$2M = require("./tablesvp/index.cjs");
+const index$2N = require("./tablesvpd/index.cjs");
 const index$2 = require("element-plus/es/components/button/index");
 const index$4 = require("element-plus/es/components/card/index");
 const index$6 = require("element-plus/es/components/color-picker/index");
@@ -280,34 +282,36 @@ exports.DatesPicker = index$2g.DatesPicker;
 exports.Dates = index$2h.Dates;
 exports.Dates2 = index$2i.Dates2;
 exports.Double = index$2j.Double;
-exports.EditFloat = index$2k.EditFloat;
-exports.Edit = index$2l.Edit;
-exports.History = index$2m.History;
-exports.InputArray = index$2n.InputArray;
-exports.InputHistory = index$2o.InputHistory;
-exports.InputNum = index$2p.InputNum;
-exports.InputSelect = index$2q.InputSelect;
-exports.Inputs = index$2r.Inputs;
-exports.Labels = index$2s.Labels;
-exports.SelectScroll = index$2t.SelectScroll;
-exports.Selector = index$2u.Selector;
-exports.Selects = index$2v.Selects;
-exports.Sliders = index$2w.Sliders;
-exports.Switchs = index$2x.Switchs;
-exports.Texts = index$2y.Texts;
-exports.Uploads = index$2z.Uploads;
-exports.List = index$2A.List;
-exports.Lists = index$2B.Lists;
-exports.Listsp = index$2C.Listsp;
-exports.Listspd = index$2D.Listspd;
-exports.Paging = index$2E.Paging;
-exports.Tables = index$2F.Tables;
-exports.Tablesp = index$2G.Tablesp;
-exports.Tablespd = index$2H.Tablespd;
-exports.Tabless = index$2I.Tabless;
-exports.Tablesv = index$2J.Tablesv;
-exports.Tablesvp = index$2K.Tablesvp;
-exports.Tablesvpd = index$2L.Tablesvpd;
+exports.EditDataAdd = index$2k.EditDataAdd;
+exports.EditData = index$2l.EditData;
+exports.EditFloat = index$2m.EditFloat;
+exports.Edit = index$2n.Edit;
+exports.History = index$2o.History;
+exports.InputArray = index$2p.InputArray;
+exports.InputHistory = index$2q.InputHistory;
+exports.InputNum = index$2r.InputNum;
+exports.InputSelect = index$2s.InputSelect;
+exports.Inputs = index$2t.Inputs;
+exports.Labels = index$2u.Labels;
+exports.SelectScroll = index$2v.SelectScroll;
+exports.Selector = index$2w.Selector;
+exports.Selects = index$2x.Selects;
+exports.Sliders = index$2y.Sliders;
+exports.Switchs = index$2z.Switchs;
+exports.Texts = index$2A.Texts;
+exports.Uploads = index$2B.Uploads;
+exports.List = index$2C.List;
+exports.Lists = index$2D.Lists;
+exports.Listsp = index$2E.Listsp;
+exports.Listspd = index$2F.Listspd;
+exports.Paging = index$2G.Paging;
+exports.Tables = index$2H.Tables;
+exports.Tablesp = index$2I.Tablesp;
+exports.Tablespd = index$2J.Tablespd;
+exports.Tabless = index$2K.Tabless;
+exports.Tablesv = index$2L.Tablesv;
+exports.Tablesvp = index$2M.Tablesvp;
+exports.Tablesvpd = index$2N.Tablesvpd;
 Object.keys(index$2).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,

package/dist/components/index.d.ts

@@ -101,6 +101,8 @@ export * from './dates-picker/index';
 export * from './dates/index';
 export * from './dates2/index';
 export * from './double/index';
+export * from './edit-data-add/index';
+export * from './edit-data/index';
 export * from './edit-float/index';
 export * from './edit/index';
 export * from './history/index';

package/dist/components/index.js

@@ -102,6 +102,8 @@ import { DatesPicker } from "./dates-picker/index.js";
 import { Dates } from "./dates/index.js";
 import { Dates2 } from "./dates2/index.js";
 import { Double } from "./double/index.js";
+import { EditDataAdd } from "./edit-data-add/index.js";
+import { EditData } from "./edit-data/index.js";
 import { EditFloat } from "./edit-float/index.js";
 import { Edit } from "./edit/index.js";
 import { History } from "./history/index.js";
@@ -216,6 +218,8 @@ export {
   DropdownItem,
   DropdownMenu,
   Edit,
+  EditData,
+  EditDataAdd,
   EditFloat,
   Form,
   FormItem,