sun-card-design 1.1.37 → 1.1.39

package/dist/sun-card-designer.es9.js

@@ -1,207 +0,0 @@
-import { ref, onMounted, resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, unref, withCtx, toDisplayString } from "vue";
-import draggable from "vuedraggable";
-import { generateShortUUID } from "./sun-card-designer.es14.js";
-import { LayoutList, BasicsList, FormList, ChartList } from "./sun-card-designer.es76.js";
-import { useCardManageStore } from "./sun-card-designer.es13.js";
-/* empty css                       */
-import _export_sfc from "./sun-card-designer.es16.js";
-const _hoisted_1 = ["onClick", "onDragend"];
-const _hoisted_2 = ["innerHTML"];
-const _hoisted_3 = { class: "left-ul-item-txt" };
-const _hoisted_4 = ["onClick", "onDragend"];
-const _hoisted_5 = ["innerHTML"];
-const _hoisted_6 = { class: "left-ul-item-txt" };
-const _hoisted_7 = ["onClick", "onDragend"];
-const _hoisted_8 = ["innerHTML"];
-const _hoisted_9 = { class: "left-ul-item-txt" };
-const _hoisted_10 = ["onClick", "onDragend"];
-const _hoisted_11 = ["innerHTML"];
-const _hoisted_12 = { class: "left-ul-item-txt" };
-const _sfc_main = {
-  __name: "index",
-  props: ["recordData"],
-  setup(__props) {
-    const props = __props;
-    const cardManageStore = useCardManageStore();
-    const layoutList = ref([]);
-    const basicsList = ref([]);
-    const formList = ref([]);
-    const chartList = ref([]);
-    onMounted(() => {
-      layoutList.value = JSON.parse(JSON.stringify(LayoutList));
-      basicsList.value = JSON.parse(JSON.stringify(BasicsList));
-      formList.value = JSON.parse(JSON.stringify(FormList));
-      chartList.value = JSON.parse(JSON.stringify(ChartList));
-    });
-    const generateUUid = (item, list = props.recordData.list, variableVal, gridList) => {
-      for (let i = 0; i < list.length; i++) {
-        if (list[i].uuid === item.element.uuid) {
-          list[i] = {
-            ...JSON.parse(JSON.stringify(item.element)),
-            uuid: generateShortUUID(),
-            state: true
-          };
-          list[i].icon = "";
-          if (["grid", "singleColumn", "multipleColumn", "multipleLine", "gridList"].includes(list[i].type)) {
-            list[i].columns.map((e) => {
-              e.uuid = generateShortUUID();
-            });
-          }
-          if (variableVal) {
-            gridList.columns.forEach((e, index) => {
-              e.list = list;
-              e.index = index;
-            });
-          }
-          cardManageStore.setMarks({
-            state: true,
-            uuid: list[i].uuid,
-            action: "add"
-          });
-          return;
-        }
-        if (["grid", "singleColumn", "multipleColumn", "multipleLine", "gridList"].includes(list[i].type)) {
-          const variableVal2 = list[i].options.variableName;
-          list[i].columns.forEach((e) => {
-            generateUUid(item, e.list, variableVal2, list[i]);
-          });
-        }
-      }
-    };
-    const onListPush = (item) => {
-      const ele = {
-        ...JSON.parse(JSON.stringify(item.element)),
-        uuid: generateShortUUID(),
-        state: true
-      };
-      ele.icon = "";
-      if (["grid", "singleColumn", "multipleColumn", "multipleLine", "gridList"].includes(ele.type)) {
-        ele.columns.map((e) => {
-          e.uuid = generateShortUUID();
-        });
-      }
-      props.recordData.list.push(ele);
-      cardManageStore.setMarks({
-        state: true,
-        uuid: ele.uuid,
-        action: "add"
-      });
-    };
-    return (_ctx, _cache) => {
-      const _component_a_divider = resolveComponent("a-divider");
-      return openBlock(), createElementBlock("div", null, [
-        _cache[0] || (_cache[0] = createElementVNode("div", { class: "left-t1" }, "布局组件", -1)),
-        createVNode(unref(draggable), {
-          class: "left-ul",
-          list: layoutList.value,
-          group: { name: "people", pull: "clone", put: false },
-          animation: 300,
-          ghostClass: _ctx.moving,
-          clone: _ctx.cloneDog,
-          sort: false,
-          "item-key": "uuid"
-        }, {
-          item: withCtx((item) => [
-            createElementVNode("div", {
-              class: "left-ul-item",
-              onClick: ($event) => onListPush(item),
-              onDragend: ($event) => generateUUid(item)
-            }, [
-              createElementVNode("div", {
-                class: "left-icon",
-                innerHTML: item.element.icon
-              }, null, 8, _hoisted_2),
-              createElementVNode("div", _hoisted_3, toDisplayString(item.element.label), 1)
-            ], 40, _hoisted_1)
-          ]),
-          _: 1
-        }, 8, ["list", "ghostClass", "clone"]),
-        createVNode(_component_a_divider),
-        _cache[1] || (_cache[1] = createElementVNode("div", { class: "left-t1" }, "基础组件", -1)),
-        createVNode(unref(draggable), {
-          class: "left-ul",
-          list: basicsList.value,
-          group: { name: "people", pull: "clone", put: false },
-          animation: 300,
-          ghostClass: _ctx.moving,
-          clone: _ctx.cloneDog,
-          sort: false,
-          "item-key": "uuid"
-        }, {
-          item: withCtx((item) => [
-            createElementVNode("div", {
-              class: "left-ul-item",
-              onClick: ($event) => onListPush(item),
-              onDragend: ($event) => generateUUid(item)
-            }, [
-              createElementVNode("div", {
-                class: "left-icon",
-                innerHTML: item.element.icon
-              }, null, 8, _hoisted_5),
-              createElementVNode("div", _hoisted_6, toDisplayString(item.element.label), 1)
-            ], 40, _hoisted_4)
-          ]),
-          _: 1
-        }, 8, ["list", "ghostClass", "clone"]),
-        createVNode(_component_a_divider),
-        _cache[2] || (_cache[2] = createElementVNode("div", { class: "left-t1" }, "表单组件", -1)),
-        createVNode(unref(draggable), {
-          class: "left-ul",
-          list: formList.value,
-          group: { name: "people", pull: "clone", put: false },
-          animation: 300,
-          ghostClass: _ctx.moving,
-          clone: _ctx.cloneDog,
-          sort: false,
-          "item-key": "uuid"
-        }, {
-          item: withCtx((item) => [
-            createElementVNode("div", {
-              class: "left-ul-item",
-              onClick: ($event) => onListPush(item),
-              onDragend: ($event) => generateUUid(item)
-            }, [
-              createElementVNode("div", {
-                class: "left-icon",
-                innerHTML: item.element.icon
-              }, null, 8, _hoisted_8),
-              createElementVNode("div", _hoisted_9, toDisplayString(item.element.label), 1)
-            ], 40, _hoisted_7)
-          ]),
-          _: 1
-        }, 8, ["list", "ghostClass", "clone"]),
-        createVNode(_component_a_divider),
-        _cache[3] || (_cache[3] = createElementVNode("div", { class: "left-t1" }, "图形组件", -1)),
-        createVNode(unref(draggable), {
-          class: "left-ul",
-          list: chartList.value,
-          group: { name: "people", pull: "clone", put: false },
-          animation: 300,
-          ghostClass: _ctx.moving,
-          clone: _ctx.cloneDog,
-          sort: false,
-          "item-key": "uuid"
-        }, {
-          item: withCtx((item) => [
-            createElementVNode("div", {
-              class: "left-ul-item",
-              onClick: ($event) => onListPush(item),
-              onDragend: ($event) => generateUUid(item)
-            }, [
-              createElementVNode("div", {
-                class: "left-icon",
-                innerHTML: item.element.icon
-              }, null, 8, _hoisted_11),
-              createElementVNode("div", _hoisted_12, toDisplayString(item.element.label), 1)
-            ], 40, _hoisted_10)
-          ]),
-          _: 1
-        }, 8, ["list", "ghostClass", "clone"])
-      ]);
-    };
-  }
-};
-const Module = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-10144027"]]);
-export {
-  Module as default
-};

package/dist/sun-card-designer.es91.js

@@ -1,344 +0,0 @@
-import { ref, reactive, watch, resolveComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, withModifiers, unref, normalizeStyle, createVNode, createBlock, withCtx, toDisplayString } from "vue";
-import { xSvg } from "./sun-card-designer.es6.js";
-import { getDataList } from "./sun-card-designer.es14.js";
-import { VariableList } from "./sun-card-designer.es76.js";
-import { useRoute } from "vue-router";
-import { useCardManageStore } from "./sun-card-designer.es13.js";
-/* empty css                        */
-import _export_sfc from "./sun-card-designer.es16.js";
-const _hoisted_1 = { class: "openVariable-main" };
-const _hoisted_2 = ["innerHTML"];
-const _hoisted_3 = ["onClick"];
-const _hoisted_4 = { style: { "font-size": "12px", "color": "#999", "font-weight": "400" } };
-const _sfc_main = {
-  __name: "openVariable",
-  props: {
-    disabled: { type: Boolean, default: false },
-    showCom: { type: Boolean, default: false }
-  },
-  emits: ["onSelect", "onSelectTree"],
-  setup(__props, { emit: __emit }) {
-    const cardManageStore = useCardManageStore();
-    useRoute();
-    const emit = __emit;
-    const props = __props;
-    const isShow = ref(false);
-    const searchName = ref("");
-    const data = ref([]);
-    let datas = [];
-    let comList = [];
-    const dataOptions = reactive(["变量", "组件"]);
-    const myValue = ref(dataOptions[0]);
-    const defaultList = [...VariableList];
-    const onChange = (val) => {
-      if (val === "组件") {
-        data.value = JSON.parse(JSON.stringify(comList));
-      } else {
-        data.value = JSON.parse(JSON.stringify(datas));
-      }
-    };
-    const onClick = () => {
-      isShow.value = !isShow.value;
-      isShow.value && getList();
-    };
-    const onSearch = (val) => {
-      const obj = {
-        变量: datas,
-        组件: comList
-      };
-      data.value = obj[myValue.value].filter((e) => e.name.includes(val));
-    };
-    const onSelect = (record) => {
-      isShow.value = false;
-      let params = { ...record };
-      if (myValue.value === "组件") {
-        params.name = `${record.name}@${record.uuid}`;
-      }
-      emit("onSelect", params);
-    };
-    const onTree = (record, nodes, el) => {
-      const timer = setTimeout(() => {
-        clearTimeout(timer);
-        isShow.value = false;
-      }, 10);
-      const params = {
-        item: record,
-        node: nodes[0],
-        el
-      };
-      emit("onSelectTree", params);
-    };
-    const onOpen = () => {
-      isShow.value = false;
-      cardManageStore.setCreateVarbEvent(null);
-    };
-    watch(
-      () => cardManageStore.allClickEvent,
-      () => {
-        isShow.value = false;
-      }
-    );
-    async function getList() {
-      myValue.value = dataOptions[0];
-      data.value = [...defaultList];
-      datas = JSON.parse(JSON.stringify([...defaultList]));
-      cardManageStore.setDataSourceState(null);
-      const timer = setTimeout(() => {
-        clearTimeout(timer);
-        comList = getDataList(cardManageStore.dataSource.list);
-      }, 100);
-    }
-    function getTreeData(params) {
-      let parsed;
-      try {
-        parsed = JSON.parse(params.defaultValue);
-      } catch (e) {
-        parsed = [];
-      }
-      if (Array.isArray(parsed) && parsed.length > 0 && parsed.every((item) => typeof item === "string")) {
-        const tree2 = [
-          {
-            key: params.name,
-            title: params.name,
-            disabled: true,
-            children: [{
-              key: "item",
-              title: "item"
-            }]
-          }
-        ];
-        return tree2;
-      }
-      const deepMerge = (target, source) => {
-        for (const key in source) {
-          const val = source[key];
-          if (val && typeof val === "object") {
-            target[key] = target[key] && typeof target[key] === "object" ? target[key] : {};
-            deepMerge(target[key], val);
-          } else {
-            target[key] = null;
-          }
-        }
-      };
-      const buildSchemaFromArray = (arr) => {
-        const schema2 = {};
-        if (!Array.isArray(arr)) return schema2;
-        for (const el of arr) {
-          if (!el || typeof el !== "object") continue;
-          mergeSchema(schema2, el);
-        }
-        return schema2;
-      };
-      const mergeSchema = (schema2, obj) => {
-        for (const key in obj) {
-          const val = obj[key];
-          if (val && typeof val === "object") {
-            if (Array.isArray(val)) {
-              const childSchema = buildSchemaFromArray(val);
-              if (Object.keys(childSchema).length) {
-                schema2[key] = schema2[key] && typeof schema2[key] === "object" ? schema2[key] : {};
-                deepMerge(schema2[key], childSchema);
-              } else {
-                schema2[key] = null;
-              }
-            } else {
-              schema2[key] = schema2[key] && typeof schema2[key] === "object" ? schema2[key] : {};
-              mergeSchema(schema2[key], val);
-            }
-          } else {
-            schema2[key] = null;
-          }
-        }
-      };
-      const schemaToNodes = (schema2, parentPath = "") => {
-        const nodes = [];
-        for (const key in schema2) {
-          const entry = schema2[key];
-          const currentPath = parentPath ? `${parentPath}.${key}` : key;
-          if (entry && typeof entry === "object" && Object.keys(entry).length) {
-            nodes.push({
-              key: currentPath,
-              title: key,
-              disabled: true,
-              children: schemaToNodes(entry, currentPath)
-            });
-          } else {
-            nodes.push({
-              key: currentPath,
-              title: key
-            });
-          }
-        }
-        return nodes;
-      };
-      const schema = buildSchemaFromArray(parsed);
-      const tree = [
-        {
-          key: params.name,
-          title: params.name,
-          disabled: true,
-          children: [
-            {
-              key: "item",
-              title: "item",
-              disabled: true,
-              children: schemaToNodes(schema, "item")
-            }
-          ]
-        }
-      ];
-      return tree;
-    }
-    function getTreeDataObject(params) {
-      let parsed;
-      try {
-        parsed = JSON.parse(params.defaultValue);
-      } catch (e) {
-        parsed = {};
-      }
-      const buildNodes = (obj, parentPath = "") => {
-        if (!obj || typeof obj !== "object" || Array.isArray(obj)) return [];
-        const nodes = [];
-        for (const key in obj) {
-          const val = obj[key];
-          const currentPath = parentPath ? `${parentPath}.${key}` : key;
-          if (val && typeof val === "object" && !Array.isArray(val)) {
-            nodes.push({
-              key: currentPath,
-              title: key,
-              disabled: true,
-              children: buildNodes(val, currentPath)
-            });
-          } else {
-            nodes.push({
-              key: currentPath,
-              title: key
-            });
-          }
-        }
-        return nodes;
-      };
-      const tree = [
-        {
-          key: params.name,
-          title: params.name,
-          disabled: true,
-          children: buildNodes(parsed)
-        }
-      ];
-      return tree;
-    }
-    return (_ctx, _cache) => {
-      const _component_a_input_search = resolveComponent("a-input-search");
-      const _component_a_segmented = resolveComponent("a-segmented");
-      const _component_a_tree = resolveComponent("a-tree");
-      const _component_a_list_item = resolveComponent("a-list-item");
-      const _component_a_list = resolveComponent("a-list");
-      const _component_a_divider = resolveComponent("a-divider");
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", {
-          style: { "cursor": "pointer" },
-          innerHTML: unref(xSvg)(),
-          onClick: withModifiers(onClick, ["stop"])
-        }, null, 8, _hoisted_2),
-        isShow.value ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: "li-box",
-          style: normalizeStyle({
-            bottom: __props.showCom ? "26px" : "auto",
-            top: __props.showCom ? "auto" : "26px"
-          })
-        }, [
-          createVNode(_component_a_input_search, {
-            value: searchName.value,
-            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => searchName.value = $event),
-            placeholder: "搜索变量",
-            style: { "width": "100%", "margin-bottom": "12px" },
-            onSearch,
-            onClick: _cache[1] || (_cache[1] = withModifiers(
-              () => {
-                isShow.value = true;
-              },
-              ["stop"]
-            ))
-          }, null, 8, ["value"]),
-          props.showCom ? (openBlock(), createBlock(_component_a_segmented, {
-            key: 0,
-            class: "seg",
-            onClick: _cache[2] || (_cache[2] = withModifiers(() => isShow.value = true, ["stop"])),
-            value: myValue.value,
-            "onUpdate:value": _cache[3] || (_cache[3] = ($event) => myValue.value = $event),
-            block: "",
-            options: dataOptions,
-            onChange
-          }, null, 8, ["value", "options"])) : createCommentVNode("", true),
-          createVNode(_component_a_list, {
-            "item-layout": "horizontal",
-            "data-source": data.value,
-            split: false,
-            size: "small"
-          }, {
-            renderItem: withCtx(({ item }) => [
-              createVNode(_component_a_list_item, { class: "li" }, {
-                default: withCtx(() => [
-                  !["Array", "Object"].includes(item.type) ? (openBlock(), createElementBlock("div", {
-                    key: 0,
-                    class: "li-item",
-                    onClick: ($event) => onSelect(item)
-                  }, [
-                    createElementVNode("span", null, toDisplayString(item.name), 1),
-                    createElementVNode("span", _hoisted_4, toDisplayString(item.label), 1)
-                  ], 8, _hoisted_3)) : createCommentVNode("", true),
-                  item.type === "Array" ? (openBlock(), createElementBlock("div", {
-                    key: 1,
-                    onClick: _cache[4] || (_cache[4] = withModifiers(
-                      () => {
-                        isShow.value = true;
-                      },
-                      ["stop"]
-                    ))
-                  }, [
-                    createVNode(_component_a_tree, {
-                      disabled: !props.disabled,
-                      class: "draggable-tree",
-                      "block-node": "",
-                      "tree-data": getTreeData(item),
-                      onSelect: (nodel, el) => onTree(item, nodel, el)
-                    }, null, 8, ["disabled", "tree-data", "onSelect"])
-                  ])) : createCommentVNode("", true),
-                  item.type === "Object" ? (openBlock(), createElementBlock("div", {
-                    key: 2,
-                    onClick: _cache[5] || (_cache[5] = withModifiers(
-                      () => {
-                        isShow.value = true;
-                      },
-                      ["stop"]
-                    ))
-                  }, [
-                    createVNode(_component_a_tree, {
-                      class: "draggable-tree",
-                      "block-node": "",
-                      "tree-data": getTreeDataObject(item),
-                      onSelect: (nodel, el) => onTree(item, nodel, el)
-                    }, null, 8, ["tree-data", "onSelect"])
-                  ])) : createCommentVNode("", true)
-                ]),
-                _: 2
-              }, 1024)
-            ]),
-            _: 1
-          }, 8, ["data-source"]),
-          createVNode(_component_a_divider, { style: { "margin": "12px 0" } }),
-          createElementVNode("span", {
-            class: "creat",
-            onClick: withModifiers(onOpen, ["stop"])
-          }, "+ 新建变量")
-        ], 4)) : createCommentVNode("", true)
-      ]);
-    };
-  }
-};
-const OpenVariable = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0d34425c"]]);
-export {
-  OpenVariable as default
-};