@fangzhongya/page 0.0.1

package/README.md

@@ -0,0 +1,11 @@
+# fang-page
+
+页面设计
+
+<!-- vue-ts-responsive-grid-layout -->
+
+最小化
+
+支持 直接编辑 原生div的元素的h()对象编辑
+
+ref

package/dist/array-BVDKMOD7.cjs

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const index$1 = require("@fangzhongya/fang-ui/components/edit-data/index");
+require("@fangzhongya/fang-ui/components/edit-data/style/index2.scss");
+const require$$0 = require("vue");
+const index = require("./index-C5atHkSE.cjs");
+const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
+  __name: "array",
+  props: {
+    /**
+     * 设置的值
+     */
+    prop: { type: String, default: "" },
+    config: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    /**
+     * 名称
+     */
+    label: String,
+    /**
+     * 值对象
+     */
+    modelValue: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  emits: ["blur"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    return (_ctx, _cache) => {
+      const _component_EditData = index$1.EditData;
+      return require$$0.openBlock(), require$$0.createBlock(index._sfc_main, require$$0.normalizeProps(require$$0.guardReactiveProps(props)), {
+        default: require$$0.withCtx(() => [
+          require$$0.createVNode(_component_EditData, {
+            isJson: "",
+            isConfirmUpdate: "",
+            type: __props.config.type,
+            modelValue: props.modelValue[props.prop],
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => props.modelValue[props.prop] = $event),
+            onBlur: _cache[1] || (_cache[1] = () => emit("blur"))
+          }, null, 8, ["type", "modelValue"])
+        ]),
+        _: 1
+      }, 16);
+    };
+  }
+});
+exports.default = _sfc_main;

package/dist/array-DF5dKg_I.js

@@ -0,0 +1,56 @@
+import { EditData } from "@fangzhongya/fang-ui/components/edit-data/index";
+import "@fangzhongya/fang-ui/components/edit-data/style/index2.scss";
+import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createVNode } from "vue";
+import { _ as _sfc_main$1 } from "./index-wb1Ag0of.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "array",
+  props: {
+    /**
+     * 设置的值
+     */
+    prop: { type: String, default: "" },
+    config: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    /**
+     * 名称
+     */
+    label: String,
+    /**
+     * 值对象
+     */
+    modelValue: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  emits: ["blur"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    return (_ctx, _cache) => {
+      const _component_EditData = EditData;
+      return openBlock(), createBlock(_sfc_main$1, normalizeProps(guardReactiveProps(props)), {
+        default: withCtx(() => [
+          createVNode(_component_EditData, {
+            isJson: "",
+            isConfirmUpdate: "",
+            type: __props.config.type,
+            modelValue: props.modelValue[props.prop],
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => props.modelValue[props.prop] = $event),
+            onBlur: _cache[1] || (_cache[1] = () => emit("blur"))
+          }, null, 8, ["type", "modelValue"])
+        ]),
+        _: 1
+      }, 16);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/boolean-CRnQP8xw.cjs

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const index$1 = require("@fangzhongya/fang-ui/components/switch/index");
+require("@fangzhongya/fang-ui/components/switch/style/index2.scss");
+const require$$0 = require("vue");
+const index = require("./index-C5atHkSE.cjs");
+const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
+  __name: "boolean",
+  props: {
+    /**
+     * 设置的值
+     */
+    prop: { type: String, default: "" },
+    config: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    /**
+     * 名称
+     */
+    label: String,
+    /**
+     * 值对象
+     */
+    modelValue: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  emits: ["blur"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    return (_ctx, _cache) => {
+      const _component_Switch = index$1.Switch;
+      return require$$0.openBlock(), require$$0.createBlock(index._sfc_main, require$$0.normalizeProps(require$$0.guardReactiveProps(props)), {
+        default: require$$0.withCtx(() => [
+          require$$0.createVNode(_component_Switch, require$$0.mergeProps(props.config?.config, {
+            modelValue: props.modelValue[props.prop],
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => props.modelValue[props.prop] = $event),
+            onBlur: _cache[1] || (_cache[1] = () => emit("blur"))
+          }), null, 16, ["modelValue"])
+        ]),
+        _: 1
+      }, 16);
+    };
+  }
+});
+exports.default = _sfc_main;

package/dist/boolean-_6yy8HAk.js

@@ -0,0 +1,53 @@
+import { Switch } from "@fangzhongya/fang-ui/components/switch/index";
+import "@fangzhongya/fang-ui/components/switch/style/index2.scss";
+import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createVNode, mergeProps } from "vue";
+import { _ as _sfc_main$1 } from "./index-wb1Ag0of.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "boolean",
+  props: {
+    /**
+     * 设置的值
+     */
+    prop: { type: String, default: "" },
+    config: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    /**
+     * 名称
+     */
+    label: String,
+    /**
+     * 值对象
+     */
+    modelValue: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  emits: ["blur"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    return (_ctx, _cache) => {
+      const _component_Switch = Switch;
+      return openBlock(), createBlock(_sfc_main$1, normalizeProps(guardReactiveProps(props)), {
+        default: withCtx(() => [
+          createVNode(_component_Switch, mergeProps(props.config?.config, {
+            modelValue: props.modelValue[props.prop],
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => props.modelValue[props.prop] = $event),
+            onBlur: _cache[1] || (_cache[1] = () => emit("blur"))
+          }), null, 16, ["modelValue"])
+        ]),
+        _: 1
+      }, 16);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/button-editor-CAoFo90o.cjs

@@ -0,0 +1,130 @@
+"use strict";
+const index$1 = require("@fangzhongya/fang-ui/components/button/index");
+require("@fangzhongya/fang-ui/components/button/style/index2.scss");
+const require$$0 = require("vue");
+const index = require("./index-C5atHkSE.cjs");
+const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
+  __name: "button-editor",
+  props: {
+    prop: {
+      type: String
+    },
+    // 需要编辑的数据
+    modelValue: {
+      type: [String, Function, Object, Array]
+    },
+    // 弹框标题
+    title: {
+      type: String,
+      default: "编辑器"
+    },
+    // 数据的默认的配置
+    config: {
+      type: [Object, String],
+      default() {
+        return {};
+      }
+    },
+    // 数据类型
+    type: {
+      type: String
+    },
+    // 头展示数据
+    top: {
+      type: String
+    },
+    but: {
+      type: [Number, String]
+    },
+    nobox: {
+      type: Boolean
+    }
+  },
+  emits: ["update:modelValue", "submit"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const cs = index.getClass("editor-button");
+    const props = __props;
+    const emit = __emit;
+    const editorObj = require$$0.inject("editor");
+    function submit(v) {
+      if (v) {
+        emit("update:modelValue", v);
+        emit("submit", v);
+      } else {
+        emit("update:modelValue", void 0);
+        emit("submit", void 0);
+      }
+    }
+    function setBox() {
+      require$$0.nextTick(() => {
+        if (editorObj) {
+          Object.keys(props).forEach((v) => {
+            editorObj[v] = props[v] || "";
+          });
+          editorObj.value = props.modelValue;
+          editorObj.submit = submit;
+          editorObj.box = true;
+        }
+      });
+    }
+    function onClick() {
+      if (!props.nobox) {
+        setBox();
+      }
+    }
+    __expose({
+      setBox
+    });
+    return (_ctx, _cache) => {
+      const _component_Button = index$1.Button;
+      return require$$0.openBlock(), require$$0.createElementBlock("div", {
+        class: require$$0.normalizeClass(require$$0.unref(cs)()),
+        onClick: _cache[0] || (_cache[0] = require$$0.withModifiers(($event) => onClick(), ["stop"]))
+      }, [
+        require$$0.renderSlot(_ctx.$slots, "default", {}, () => [
+          props.but == 1 ? (require$$0.openBlock(), require$$0.createBlock(_component_Button, {
+            key: 0,
+            type: "primary"
+          }, {
+            default: require$$0.withCtx(() => [..._cache[1] || (_cache[1] = [
+              require$$0.createTextVNode("方法", -1)
+            ])]),
+            _: 1
+          })) : props.but == 2 ? (require$$0.openBlock(), require$$0.createBlock(_component_Button, {
+            key: 1,
+            type: "primary"
+          }, {
+            default: require$$0.withCtx(() => [..._cache[2] || (_cache[2] = [
+              require$$0.createTextVNode("事件", -1)
+            ])]),
+            _: 1
+          })) : props.but ? (require$$0.openBlock(), require$$0.createBlock(_component_Button, {
+            key: 2,
+            type: "primary"
+          }, {
+            default: require$$0.withCtx(() => [
+              require$$0.createTextVNode(require$$0.toDisplayString(props.but), 1)
+            ]),
+            _: 1
+          })) : (require$$0.openBlock(), require$$0.createElementBlock("svg", {
+            key: 3,
+            class: require$$0.normalizeClass(require$$0.unref(cs)("icon")),
+            viewBox: "0 0 1024 1024",
+            xmlns: "http://www.w3.org/2000/svg",
+            "data-v-ea893728": ""
+          }, [..._cache[3] || (_cache[3] = [
+            require$$0.createElementVNode("path", {
+              fill: "currentColor",
+              d: "M832 512a32 32 0 1 1 64 0v352a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h352a32 32 0 0 1 0 64H192v640h640V512z"
+            }, null, -1),
+            require$$0.createElementVNode("path", {
+              fill: "currentColor",
+              d: "m469.952 554.24 52.8-7.552L847.104 222.4a32 32 0 1 0-45.248-45.248L477.44 501.44l-7.552 52.8zm422.4-422.4a96 96 0 0 1 0 135.808l-331.84 331.84a32 32 0 0 1-18.112 9.088L436.8 623.68a32 32 0 0 1-36.224-36.224l15.104-105.6a32 32 0 0 1 9.024-18.112l331.904-331.84a96 96 0 0 1 135.744 0z"
+            }, null, -1)
+          ])], 2))
+        ])
+      ], 2);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;

package/dist/button-editor-CcDUGH-p.js

@@ -0,0 +1,131 @@
+import { Button } from "@fangzhongya/fang-ui/components/button/index";
+import "@fangzhongya/fang-ui/components/button/style/index2.scss";
+import { defineComponent, inject, createElementBlock, openBlock, withModifiers, normalizeClass, unref, renderSlot, createBlock, withCtx, createTextVNode, toDisplayString, createElementVNode, nextTick } from "vue";
+import { g as getClass } from "./index-wb1Ag0of.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "button-editor",
+  props: {
+    prop: {
+      type: String
+    },
+    // 需要编辑的数据
+    modelValue: {
+      type: [String, Function, Object, Array]
+    },
+    // 弹框标题
+    title: {
+      type: String,
+      default: "编辑器"
+    },
+    // 数据的默认的配置
+    config: {
+      type: [Object, String],
+      default() {
+        return {};
+      }
+    },
+    // 数据类型
+    type: {
+      type: String
+    },
+    // 头展示数据
+    top: {
+      type: String
+    },
+    but: {
+      type: [Number, String]
+    },
+    nobox: {
+      type: Boolean
+    }
+  },
+  emits: ["update:modelValue", "submit"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const cs = getClass("editor-button");
+    const props = __props;
+    const emit = __emit;
+    const editorObj = inject("editor");
+    function submit(v) {
+      if (v) {
+        emit("update:modelValue", v);
+        emit("submit", v);
+      } else {
+        emit("update:modelValue", void 0);
+        emit("submit", void 0);
+      }
+    }
+    function setBox() {
+      nextTick(() => {
+        if (editorObj) {
+          Object.keys(props).forEach((v) => {
+            editorObj[v] = props[v] || "";
+          });
+          editorObj.value = props.modelValue;
+          editorObj.submit = submit;
+          editorObj.box = true;
+        }
+      });
+    }
+    function onClick() {
+      if (!props.nobox) {
+        setBox();
+      }
+    }
+    __expose({
+      setBox
+    });
+    return (_ctx, _cache) => {
+      const _component_Button = Button;
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(cs)()),
+        onClick: _cache[0] || (_cache[0] = withModifiers(($event) => onClick(), ["stop"]))
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          props.but == 1 ? (openBlock(), createBlock(_component_Button, {
+            key: 0,
+            type: "primary"
+          }, {
+            default: withCtx(() => [..._cache[1] || (_cache[1] = [
+              createTextVNode("方法", -1)
+            ])]),
+            _: 1
+          })) : props.but == 2 ? (openBlock(), createBlock(_component_Button, {
+            key: 1,
+            type: "primary"
+          }, {
+            default: withCtx(() => [..._cache[2] || (_cache[2] = [
+              createTextVNode("事件", -1)
+            ])]),
+            _: 1
+          })) : props.but ? (openBlock(), createBlock(_component_Button, {
+            key: 2,
+            type: "primary"
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(props.but), 1)
+            ]),
+            _: 1
+          })) : (openBlock(), createElementBlock("svg", {
+            key: 3,
+            class: normalizeClass(unref(cs)("icon")),
+            viewBox: "0 0 1024 1024",
+            xmlns: "http://www.w3.org/2000/svg",
+            "data-v-ea893728": ""
+          }, [..._cache[3] || (_cache[3] = [
+            createElementVNode("path", {
+              fill: "currentColor",
+              d: "M832 512a32 32 0 1 1 64 0v352a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h352a32 32 0 0 1 0 64H192v640h640V512z"
+            }, null, -1),
+            createElementVNode("path", {
+              fill: "currentColor",
+              d: "m469.952 554.24 52.8-7.552L847.104 222.4a32 32 0 1 0-45.248-45.248L477.44 501.44l-7.552 52.8zm422.4-422.4a96 96 0 0 1 0 135.808l-331.84 331.84a32 32 0 0 1-18.112 9.088L436.8 623.68a32 32 0 0 1-36.224-36.224l15.104-105.6a32 32 0 0 1 9.024-18.112l331.904-331.84a96 96 0 0 1 135.744 0z"
+            }, null, -1)
+          ])], 2))
+        ])
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/choice-C2EtQx15.cjs

@@ -0,0 +1,92 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const es = require("element-plus/es");
+require("element-plus/es/components/base/style/css");
+require("element-plus/es/components/select/style/css");
+require("element-plus/es/components/option/style/css");
+const require$$0 = require("vue");
+const index = require("./index-C5atHkSE.cjs");
+const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
+  __name: "choice",
+  props: {
+    /**
+     * 设置的值
+     */
+    prop: { type: String, default: "" },
+    config: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    /**
+     * 名称
+     */
+    label: String,
+    /**
+     * 值对象
+     */
+    modelValue: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  emits: ["blur"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    function setLabel(v) {
+      let label = props.config.config?.label || "label";
+      if (label && typeof v == "object" && v) {
+        if (typeof label === "function") {
+          return label(v);
+        } else {
+          return v[label];
+        }
+      } else {
+        return v;
+      }
+    }
+    function setProp(v) {
+      let prop = props.config.config?.prop || "value";
+      if (prop && typeof v == "object" && v) {
+        if (typeof prop === "function") {
+          return prop(v);
+        } else {
+          return v[prop];
+        }
+      } else {
+        return v;
+      }
+    }
+    return (_ctx, _cache) => {
+      const _component_el_option = es.ElOption;
+      const _component_el_select = es.ElSelect;
+      return require$$0.openBlock(), require$$0.createBlock(index._sfc_main, require$$0.normalizeProps(require$$0.guardReactiveProps(props)), {
+        default: require$$0.withCtx(() => [
+          require$$0.createVNode(_component_el_select, {
+            modelValue: props.modelValue[props.prop],
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => props.modelValue[props.prop] = $event),
+            clearable: "",
+            placeholder: "请选择"
+          }, {
+            default: require$$0.withCtx(() => [
+              (require$$0.openBlock(true), require$$0.createElementBlock(require$$0.Fragment, null, require$$0.renderList(props.config.options, (item, key) => {
+                return require$$0.openBlock(), require$$0.createBlock(_component_el_option, {
+                  key,
+                  label: setLabel(item),
+                  value: setProp(item)
+                }, null, 8, ["label", "value"]);
+              }), 128))
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        _: 1
+      }, 16);
+    };
+  }
+});
+exports.default = _sfc_main;

package/dist/choice-Da0KhSqy.js

@@ -0,0 +1,92 @@
+import { ElSelect, ElOption } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/select/style/css";
+import "element-plus/es/components/option/style/css";
+import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createVNode, createElementBlock, Fragment, renderList } from "vue";
+import { _ as _sfc_main$1 } from "./index-wb1Ag0of.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "choice",
+  props: {
+    /**
+     * 设置的值
+     */
+    prop: { type: String, default: "" },
+    config: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    /**
+     * 名称
+     */
+    label: String,
+    /**
+     * 值对象
+     */
+    modelValue: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  emits: ["blur"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    function setLabel(v) {
+      let label = props.config.config?.label || "label";
+      if (label && typeof v == "object" && v) {
+        if (typeof label === "function") {
+          return label(v);
+        } else {
+          return v[label];
+        }
+      } else {
+        return v;
+      }
+    }
+    function setProp(v) {
+      let prop = props.config.config?.prop || "value";
+      if (prop && typeof v == "object" && v) {
+        if (typeof prop === "function") {
+          return prop(v);
+        } else {
+          return v[prop];
+        }
+      } else {
+        return v;
+      }
+    }
+    return (_ctx, _cache) => {
+      const _component_el_option = ElOption;
+      const _component_el_select = ElSelect;
+      return openBlock(), createBlock(_sfc_main$1, normalizeProps(guardReactiveProps(props)), {
+        default: withCtx(() => [
+          createVNode(_component_el_select, {
+            modelValue: props.modelValue[props.prop],
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => props.modelValue[props.prop] = $event),
+            clearable: "",
+            placeholder: "请选择"
+          }, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(props.config.options, (item, key) => {
+                return openBlock(), createBlock(_component_el_option, {
+                  key,
+                  label: setLabel(item),
+                  value: setProp(item)
+                }, null, 8, ["label", "value"]);
+              }), 128))
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        _: 1
+      }, 16);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};