@fangzhongya/fang-ui 0.1.50 → 0.1.52

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

@@ -86,10 +86,10 @@ export declare const dataProps: {
     };
     options: {
         type: {
-            (arrayLength: number): ObjAny[];
-            (...items: ObjAny[]): ObjAny[];
-            new (arrayLength: number): ObjAny[];
-            new (...items: ObjAny[]): ObjAny[];
+            (arrayLength: number): (string | number | boolean | ObjAny)[];
+            (...items: (string | number | boolean | ObjAny)[]): (string | number | boolean | ObjAny)[];
+            new (arrayLength: number): (string | number | boolean | ObjAny)[];
+            new (...items: (string | number | boolean | ObjAny)[]): (string | number | boolean | ObjAny)[];
             isArray(arg: any): arg is any[];
             readonly prototype: any[];
             from<T>(arrayLike: ArrayLike<T>): T[];
@@ -103,9 +103,6 @@ export declare const dataProps: {
         };
         default(): never[];
     };
-    clearAbsent: {
-        type: BooleanConstructor;
-    };
     label: {
         type: (StringConstructor | FunctionConstructor)[];
         default: string;
@@ -117,11 +114,17 @@ export declare const dataProps: {
     multiple: {
         type: (BooleanConstructor | StringConstructor)[];
     };
-    load: {
-        type: BooleanConstructor[];
+    isLoad: {
+        type: BooleanConstructor;
+    };
+    isClearAbsent: {
+        type: BooleanConstructor;
+    };
+    isOptobj: {
+        type: BooleanConstructor;
     };
-    optobj: {
-        type: BooleanConstructor[];
+    default: {
+        type: null;
     };
 };
 export type DataProps = ExtractPropTypes<typeof dataProps>;

package/dist/components/draggable/style/index2.scss

@@ -0,0 +1 @@
+@use '../index.scss' as *;

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+;/* empty css                   */
+require("./src/index.cjs");
+const withInstall = require("../../utils/vues/withInstall.cjs");
+const index_vue_vue_type_script_setup_true_lang = require("./src/index2.cjs");
+const EditData = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "EditData");
+exports.EditData = EditData;
+exports.default = EditData;

package/dist/components/edit-data/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/index.d.ts

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

package/dist/components/edit-data/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 EditData = withInstall(_sfc_main, "EditData");
+export {
+  EditData,
+  EditData as default
+};

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

@@ -0,0 +1,95 @@
+@use '../scss/common.scss' as *;
+
+@use '../edit-data-add/style/comm.scss' as *;
+
+$edit-data: 'edit-data';
+@include b($edit-data) {
+	// 占位符，为将来扩展预留
+	&-general {
+		&-set {
+			display: flex;
+			align-items: center;
+		}
+	}
+	&-editor {
+		width: 100%;
+		height: 100%;
+		display: flex;
+		flex-direction: column;
+		&-main {
+			flex: 1;
+			position: relative;
+		}
+		&-content {
+			position: absolute;
+			inset: 0;
+			overflow-y: auto;
+			.#{z($edit-data,'code')} {
+				height: 100%;
+				width: 100%;
+				.#{co('inputs')} {
+					height: 100%;
+					width: 100%;
+					textarea {
+						height: 100%;
+						width: 100%;
+					}
+				}
+			}
+		}
+		&-footer {
+			padding-top: 20px;
+			text-align: right;
+		}
+	}
+	&-area-array,
+	&-area-object {
+		width: 100%;
+		height: 100%;
+		display: flex;
+		flex-direction: column;
+		&-main {
+			flex: 1;
+			width: 100%;
+			position: relative;
+		}
+		&-content {
+			position: absolute;
+			inset: 0;
+			overflow-y: auto;
+		}
+		&-json {
+			width: 100%;
+			height: 100%;
+			.#{co('tabs')} {
+				width: 100%;
+				height: 100%;
+				.#{co('tab-pane')} {
+					position: absolute;
+					inset: 0;
+					overflow-y: auto;
+				}
+			}
+		}
+		&-add {
+			margin-bottom: 10px;
+		}
+	}
+	&-area-comp {
+		width: 100%;
+		&-li {
+			min-height: 40px;
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			&-div {
+				flex: 1;
+				display: flex;
+				align-items: center;
+			}
+			&-name {
+				padding: 0 10px;
+			}
+		}
+	}
+}

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

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

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

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

package/dist/components/edit-data/src/area/array-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("./array.cjs");
+const index$4 = require("../../../message/index.cjs");
+const array_vue_vue_type_script_setup_true_lang = require("./array2.cjs");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "array-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 (Array.isArray(v)) {
+        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 (Array.isArray(value.value)) {
+            const v = json5.stringify(value.value, null, 4);
+            value.value = v;
+          } else {
+            value.value = value.value;
+          }
+          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-array-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: "组件(Array)"
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(array_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(Array)"
+            }, {
+              default: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, "default")
+              ]),
+              _: 3
+            })
+          ]),
+          _: 3
+        }, 8, ["modelValue"])
+      ], 2);
+    };
+  }
+});
+exports.default = _sfc_main;

package/dist/components/edit-data/src/area/array-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 "./array.js";
+import { Message } from "../../../message/index.js";
+import _sfc_main$1 from "./array2.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "array-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 (Array.isArray(v)) {
+        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 (Array.isArray(value.value)) {
+            const v = json5.stringify(value.value, null, 4);
+            value.value = v;
+          } else {
+            value.value = value.value;
+          }
+          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-array-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: "组件(Array)"
+            }, {
+              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(Array)"
+            }, {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, "default")
+              ]),
+              _: 3
+            })
+          ]),
+          _: 3
+        }, 8, ["modelValue"])
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/edit-data/src/area/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/area/array.js

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

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

@@ -0,0 +1,135 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const index$5 = 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$4 = require("../../../../directives/sortable/index.cjs");
+const index$2 = require("../../../button/index.cjs");
+const index$6 = 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: "array",
+  props: data.dataDataProps,
+  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 key = vue.ref(0);
+    const onEnd = (obj) => {
+      const { oldIndex, newIndex } = obj;
+      if (oldIndex === newIndex) return;
+      const movedItem = value.value.splice(oldIndex, 1)[0];
+      value.value.splice(newIndex, 0, movedItem);
+      key.value++;
+    };
+    const sortable = {
+      handle: "." + cs.z("area-comp-li-div"),
+      onEnd
+    };
+    const updateValue = (index2, v) => {
+      value.value[index2] = v;
+    };
+    const onAdd = () => {
+      box.value = true;
+    };
+    const onSubmit = (v) => {
+      value.value.push(v.value);
+    };
+    const onDelete = (index2) => {
+      value.value.splice(index2, 1);
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(cs).z("area-array"))
+      }, [
+        props.addable || props.editable ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          class: vue.normalizeClass(vue.unref(cs).z("area-array-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.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass(vue.unref(cs).z("area-comp")),
+          key: key.value
+        }, [
+          (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))
+        ], 2)), [
+          [vue.unref(index$4.default), sortable]
+        ]),
+        value.value.length == 0 ? (vue.openBlock(), vue.createBlock(vue.unref(index$5.NoData), {
+          key: 1,
+          value: "空数组"
+        })) : vue.createCommentVNode("", true),
+        vue.createVNode(vue.unref(index$6.EditDataAdd), vue.mergeProps(props, {
+          type: "array",
+          labelName: "数组",
+          title: "新增数组",
+          modelValue: box.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => box.value = $event),
+          onSubmit
+        }), null, 16, ["modelValue"])
+      ], 2);
+    };
+  }
+});
+exports.default = _sfc_main;