sun-card-design 1.1.37 → 1.1.38

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

@@ -1,197 +0,0 @@
-import { ref, watch, onMounted, onUnmounted, createElementBlock, createCommentVNode, openBlock, createElementVNode, createBlock, unref } from "vue";
-import * as THREE from "three";
-import { OrbitControls } from "three/examples/jsm/controls/OrbitControls.js";
-import TWEEN from "@tweenjs/tween.js";
-import { useCardManageStore } from "./sun-card-designer.es13.js";
-import { CloseCircleFilled } from "@ant-design/icons-vue";
-/* empty css                       */
-import _export_sfc from "./sun-card-designer.es16.js";
-const _hoisted_1 = {
-  key: 0,
-  class: "canvas"
-};
-const _sfc_main = {
-  __name: "panoramaView",
-  setup(__props) {
-    const cardManageStore = useCardManageStore();
-    const show = ref(false);
-    const isClose = ref(false);
-    const containerRef = ref(null);
-    let imgUrl = null;
-    let renderer = null;
-    let scene = null;
-    let camera = null;
-    let controls = null;
-    let sphere = null;
-    let animationId = null;
-    let texture = null;
-    let tween = null;
-    const openView = () => {
-      isClose.value = false;
-      renderer = null;
-      scene = null;
-      camera = null;
-      controls = null;
-      sphere = null;
-      animationId = null;
-      texture = null;
-      tween = null;
-      setTimeout(() => {
-        initThree();
-      });
-    };
-    const closeView = () => {
-      window.removeEventListener("resize", onResize);
-      disposeThree();
-      show.value = false;
-    };
-    watch(
-      () => cardManageStore.activePanorama,
-      (value) => {
-        imgUrl = value();
-        show.value = true;
-        openView();
-      }
-    );
-    function initThree() {
-      const container = containerRef.value;
-      if (!container) return;
-      const { clientWidth, clientHeight } = container;
-      scene = new THREE.Scene();
-      camera = new THREE.PerspectiveCamera(170, Math.max(clientWidth, 1) / Math.max(clientHeight, 1), 0.1, 1500);
-      camera.position.set(0, 500, 0);
-      camera.lookAt(0, 0, 0);
-      renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true });
-      renderer.setSize(clientWidth, clientHeight);
-      renderer.setPixelRatio(Math.min(window.devicePixelRatio || 1, 2));
-      renderer.outputColorSpace = THREE.SRGBColorSpace;
-      container.appendChild(renderer.domElement);
-      const loader = new THREE.TextureLoader();
-      const jpgUrl = new URL(imgUrl, import.meta.url).href;
-      texture = loader.load(jpgUrl, () => {
-        texture.mapping = THREE.EquirectangularReflectionMapping;
-        texture.colorSpace = THREE.SRGBColorSpace;
-        const geometry = new THREE.SphereGeometry(500, 64, 64);
-        geometry.scale(1, 1, 1);
-        const material = new THREE.MeshBasicMaterial({ map: texture, side: THREE.BackSide });
-        sphere = new THREE.Mesh(geometry, material);
-        scene.add(sphere);
-        let time1 = setTimeout(() => {
-          clearTimeout(time1);
-          tween = new TWEEN.Tween({
-            fov: 170,
-            ars: 40,
-            rot: 0
-          }).to({
-            fov: 90,
-            ars: 0,
-            rot: Math.PI
-          }, 3e3).easing(TWEEN.Easing.Quadratic.InOut).onComplete(function() {
-          }).onUpdate(function(t) {
-            camera.fov = t.fov;
-            camera.updateProjectionMatrix();
-            sphere.rotation.y = t.rot;
-          }).start();
-          let time2 = setTimeout(() => {
-            clearTimeout(time2);
-            tween = new TWEEN.Tween({
-              fov: camera.fov,
-              y: camera.position.y,
-              z: camera.position.z
-            }).to({
-              fov: 35,
-              y: 0,
-              z: 500
-            }, 2e3).easing(TWEEN.Easing.Linear.None).onComplete(() => {
-              isClose.value = true;
-            }).onUpdate((e) => {
-              camera.fov = e.fov;
-              camera.position.y = e.y;
-              camera.position.z = e.z;
-              camera.updateProjectionMatrix();
-              sphere.rotation.y += 0.02;
-              const target = new THREE.Vector3(0, e.y, e.z);
-              camera.lookAt(target);
-            }).start();
-          }, 2e3);
-        }, 500);
-        requestAnimationFrame(animate);
-      });
-      controls = new OrbitControls(camera, renderer.domElement);
-      controls.enableDamping = true;
-      controls.enableZoom = true;
-      controls.rotateSpeed = 0.4;
-      controls.minDistance = 0.01;
-      controls.maxDistance = 1e3;
-      controls.enablePan = false;
-      controls.target.set(0, 0, -1);
-      controls.update();
-      window.addEventListener("resize", onResize);
-    }
-    function onResize() {
-      if (!renderer || !camera || !containerRef.value) return;
-      const { clientWidth, clientHeight } = containerRef.value;
-      renderer.setSize(clientWidth, clientHeight);
-      camera.aspect = Math.max(clientWidth, 1) / Math.max(clientHeight, 1);
-      camera.updateProjectionMatrix();
-    }
-    function animate(time) {
-      if (!!tween?.update) tween.update(time);
-      animationId = requestAnimationFrame(animate);
-      controls && controls.update();
-      renderer && renderer.render(scene, camera);
-    }
-    function disposeThree() {
-      if (animationId) cancelAnimationFrame(animationId);
-      animationId = null;
-      window.removeEventListener("resize", onResize);
-      if (controls) {
-        controls.dispose();
-        controls = null;
-      }
-      if (sphere) {
-        if (sphere.geometry) sphere.geometry.dispose();
-        if (sphere.material) sphere.material.dispose();
-        sphere = null;
-      }
-      if (texture) {
-        texture.dispose && texture.dispose();
-        texture = null;
-      }
-      if (renderer) {
-        if (renderer.domElement && renderer.domElement.parentNode) {
-          renderer.domElement.parentNode.removeChild(renderer.domElement);
-        }
-        renderer.dispose();
-        renderer = null;
-      }
-      scene = null;
-      camera = null;
-    }
-    onMounted(() => {
-    });
-    onUnmounted(() => {
-      window.removeEventListener("resize", onResize);
-      disposeThree();
-    });
-    return (_ctx, _cache) => {
-      return show.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", {
-          ref_key: "containerRef",
-          ref: containerRef,
-          class: "canvas-view"
-        }, [
-          isClose.value ? (openBlock(), createBlock(unref(CloseCircleFilled), {
-            key: 0,
-            class: "icon",
-            onClick: closeView
-          })) : createCommentVNode("", true)
-        ], 512)
-      ])) : createCommentVNode("", true);
-    };
-  }
-};
-const PanoramaView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d43255ee"]]);
-export {
-  PanoramaView as default
-};

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

@@ -1,203 +0,0 @@
-import { ref, computed, createElementBlock, createCommentVNode, openBlock, createElementVNode, createVNode, unref, normalizeStyle } from "vue";
-import pcPanel from "./sun-card-designer.es87.js";
-import mobilePanel from "./sun-card-designer.es88.js";
-import { CloseOutlined } from "@ant-design/icons-vue";
-/* empty css                       */
-import _export_sfc from "./sun-card-designer.es16.js";
-const _hoisted_1 = {
-  key: 0,
-  class: "cantainter"
-};
-const _hoisted_2 = { class: "main" };
-const _hoisted_3 = { class: "content" };
-const _hoisted_4 = {
-  class: "mb",
-  style: { "position": "relative", "overflow": "hidden", "display": "flex", "justify-content": "center", "align-items": "center" }
-};
-const _hoisted_5 = { class: "mobile-content" };
-const _sfc_main = {
-  __name: "previewPanel",
-  setup(__props, { expose: __expose }) {
-    const show = ref(false);
-    const record = ref(null);
-    const pcScroll = ref(null);
-    const mbScroll = ref(null);
-    const toolConfig = ref(null);
-    const onOpen = (row) => {
-      show.value = true;
-      console.info(row);
-      toolConfig.value = {
-        variableList: [
-          {
-            id: "-1",
-            name: "数组-Test1",
-            type: "Array",
-            defaultValue: JSON.stringify([
-              {
-                title: "标题一",
-                content: "列表正文,组件整体绑定 Array 类型数据后，可在此文本上绑定 item.文本。",
-                src: "https://lf-coze-web-cdn.coze.cn/obj/coze-web-cn/ui-builder/img/grid0.png"
-              },
-              {
-                title: "标题二",
-                content: "列表正文,组件整体绑定 Array 类型数据后，可在此文本上绑定 item.文本。",
-                src: "https://lf-coze-web-cdn.coze.cn/obj/coze-web-cn/ui-builder/img/grid1.png"
-              },
-              {
-                title: "标题三",
-                content: "列表正文,组件整体绑定 Array 类型数据后，可在此文本上绑定 item.文本。",
-                src: "https://lf-coze-web-cdn.coze.cn/obj/coze-web-cn/ui-builder/img/grid2.png"
-              }
-            ])
-          },
-          {
-            id: "-2",
-            name: "数组-Test2",
-            type: "Array",
-            defaultValue: JSON.stringify([
-              {
-                title: "标题一",
-                content: "列表正文,组件整体绑定 Array 类型数据后，可在此文本上绑定 item.文本。",
-                src: "https://p3-card-sign.byteimg.com/tos-cn-i-xdt3xczzd3/4418314581863347_1732602585813000796.jpg~tplv-xdt3xczzd3-image.image?rk3s=886be006&x-expires=1769328834&x-signature=vMMCc%2FwlDQ3VuKobNwY%2BTxDCyi8%3D"
-              },
-              {
-                title: "标题二",
-                content: "列表正文,组件整体绑定 Array 类型数据后，可在此文本上绑定 item.文本。",
-                src: "https://p3-card-sign.byteimg.com/tos-cn-i-xdt3xczzd3/4418314581863347_1732602595678562905.jpg~tplv-xdt3xczzd3-image.image?rk3s=886be006&x-expires=1769328834&x-signature=xKW6RP0HPDQOFsjKE6y7BhO78Lg%3D"
-              },
-              {
-                title: "标题三",
-                content: "列表正文,组件整体绑定 Array 类型数据后，可在此文本上绑定 item.文本。",
-                src: "https://p3-card-sign.byteimg.com/tos-cn-i-xdt3xczzd3/4418314581863347_1732602614071957770.jpg~tplv-xdt3xczzd3-image.image?rk3s=886be006&x-expires=1769328834&x-signature=UMKGwqp8s6qviF1gKDaRVjRRURw%3D"
-              }
-            ])
-          },
-          {
-            id: "-3",
-            name: "数组-Test3",
-            type: "Array",
-            defaultValue: JSON.stringify([
-              {
-                title: "标题一",
-                content: "列表正文,组件整体绑定 Array 类型数据。",
-                src: "https://lf-coze-web-cdn.coze.cn/obj/coze-web-cn/ui-builder/img/grid0.png"
-              },
-              {
-                title: "标题二",
-                content: "列表正文,组件整体绑定 Array 类型数据。",
-                src: "https://lf-coze-web-cdn.coze.cn/obj/coze-web-cn/ui-builder/img/grid1.png"
-              },
-              {
-                title: "标题三",
-                content: "列表正文,组件整体绑定 Array 类型数据。",
-                src: "https://lf-coze-web-cdn.coze.cn/obj/coze-web-cn/ui-builder/img/grid2.png"
-              },
-              {
-                title: "标题一",
-                content: "列表正文,组件整体绑定 Array 类型数据。",
-                src: "https://lf-coze-web-cdn.coze.cn/obj/coze-web-cn/ui-builder/img/grid0.png"
-              },
-              {
-                title: "标题二",
-                content: "列表正文,组件整体绑定 Array 类型数据。",
-                src: "https://lf-coze-web-cdn.coze.cn/obj/coze-web-cn/ui-builder/img/grid1.png"
-              },
-              {
-                title: "标题三",
-                content: "列表正文,组件整体绑定 Array 类型数据。",
-                src: "https://lf-coze-web-cdn.coze.cn/obj/coze-web-cn/ui-builder/img/grid2.png"
-              }
-            ])
-          }
-        ]
-      };
-      record.value = row;
-    };
-    const onClick = (record2) => {
-      console.info("onClick: ", record2);
-    };
-    const onFileUpdate = (record2) => {
-      console.info("onFileUpdate", record2);
-    };
-    const onClickColumns = (record2) => {
-      console.info("onClickColumns", record2);
-    };
-    const bubbleArrowColor = computed(() => {
-      const bg = record?.value?.config?.background || "";
-      if (!bg) return "#ffffff";
-      const isGradient = /gradient\s*\(/i.test(bg);
-      if (!isGradient) return bg;
-      const colorMatch = bg.match(/gradient\([^,]+,\s*([^\s,\)]+)/i);
-      if (colorMatch && colorMatch[1]) return colorMatch[1];
-      return "#ffffff";
-    });
-    __expose({
-      onOpen
-    });
-    return (_ctx, _cache) => {
-      return show.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
-          createVNode(unref(CloseOutlined), {
-            class: "close",
-            onClick: _cache[0] || (_cache[0] = () => show.value = false)
-          }),
-          _cache[5] || (_cache[5] = createElementVNode("div", { class: "footer" }, [
-            createElementVNode("div", null, "PC"),
-            createElementVNode("div", null, "Mobile")
-          ], -1)),
-          createElementVNode("div", _hoisted_3, [
-            createElementVNode("div", {
-              class: "pc",
-              ref_key: "pcScroll",
-              ref: pcScroll
-            }, [
-              _cache[1] || (_cache[1] = createElementVNode("div", { class: "msg-tem" }, "Hi，你好呀", -1)),
-              createElementVNode("div", {
-                class: "msg-box",
-                style: normalizeStyle({ "--bubble-bg": record.value.config.background, "--bubble-arrow-bg": bubbleArrowColor.value, borderRadius: record.value.config.borderRadius + "px" })
-              }, [
-                createVNode(pcPanel, {
-                  record: record.value,
-                  config: toolConfig.value,
-                  onClickEvent: onClick,
-                  onFileUpdateEvent: onFileUpdate,
-                  onClickColumnsEvent: onClickColumns
-                }, null, 8, ["record", "config"])
-              ], 4)
-            ], 512),
-            _cache[4] || (_cache[4] = createElementVNode("div", { class: "line" }, null, -1)),
-            createElementVNode("div", _hoisted_4, [
-              createElementVNode("div", {
-                class: "mb-box mobile-emulator mate",
-                ref_key: "mbScroll",
-                ref: mbScroll,
-                style: { "transform": "scale(0.7)" }
-              }, [
-                _cache[3] || (_cache[3] = createElementVNode("div", { class: "device-status-bar" }, null, -1)),
-                createElementVNode("div", _hoisted_5, [
-                  _cache[2] || (_cache[2] = createElementVNode("div", { class: "msg-tem" }, "Hi，你好呀", -1)),
-                  createElementVNode("div", {
-                    class: "msg-box",
-                    style: normalizeStyle({ "--bubble-bg": record.value.config.background, "--bubble-arrow-bg": bubbleArrowColor.value, borderRadius: record.value.config.borderRadius + "px" })
-                  }, [
-                    createVNode(mobilePanel, {
-                      record: record.value,
-                      config: toolConfig.value,
-                      onClickEvent: onClick,
-                      onFileUpdateEvent: onFileUpdate,
-                      onClickColumnsEvent: onClickColumns
-                    }, null, 8, ["record", "config"])
-                  ], 4)
-                ])
-              ], 512)
-            ])
-          ])
-        ])
-      ])) : createCommentVNode("", true);
-    };
-  }
-};
-const PreviewPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4f3f4d8a"]]);
-export {
-  PreviewPanel as default
-};

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

@@ -1,130 +0,0 @@
-import { defineStore } from "pinia";
-const useCardManageStore = defineStore("cardMange", {
-  state: () => ({
-    allClickEvent: () => null,
-    createVarbEvent: () => null,
-    variableList: [],
-    currentSelectUuid: null,
-    currentDeleteUuid: null,
-    currentCopyUuid: () => null,
-    dataSourceState: () => null,
-    dataSource: {},
-    currentRenderUI: "pc",
-    marks: [],
-    revokeState: false,
-    redoState: false,
-    activePanorama: () => null
-  }),
-  getters: {},
-  actions: {
-    setAllClickEvent(value) {
-      this.allClickEvent = () => value;
-    },
-    setCreateVarbEvent(value) {
-      this.createVarbEvent = () => value;
-    },
-    updateVariableList(value) {
-      this.variableList = value;
-    },
-    setCurrentSelectUuid(value) {
-      this.currentSelectUuid = value;
-    },
-    setCurrentDeleteUuid(value) {
-      this.currentDeleteUuid = value;
-      this.updateMarks("del", value);
-    },
-    setCurrentCopyUuid(value) {
-      this.currentCopyUuid = () => value;
-    },
-    setDataSourceState(value) {
-      this.dataSourceState = () => value;
-    },
-    setDataSource(value) {
-      this.dataSource = value;
-    },
-    setCurrentRenderUI(value) {
-      this.currentRenderUI = value;
-    },
-    setMarks(value) {
-      this.marks.push(value);
-      this.updateState();
-    },
-    clearMarks() {
-      this.marks = [];
-      this.revokeState = false;
-      this.redoState = false;
-    },
-    updateMarks(status, uuid) {
-      if (status === "revoke" && this.marks[this.marks.length - 1].action === status && this.marks[this.marks.length - 1].state === false) {
-        console.error("结束");
-        return;
-      }
-      if (status === "redo" && this.marks[0].action !== "revoke" && this.marks[0].action !== "del") {
-        console.error("结束");
-        return;
-      }
-      if (status === "revoke") {
-        if (this.marks[this.marks.length - 1].action === "del") {
-          this.marks[this.marks.length - 1].state = !this.marks[this.marks.length - 1].state;
-          this.marks[this.marks.length - 1].action = status;
-        } else {
-          this.marks[this.marks.length - 1].state = !this.marks[this.marks.length - 1].state;
-          this.marks[this.marks.length - 1].action = status;
-          if (this.marks.length > 1) {
-            const item = this.marks[this.marks.length - 1];
-            this.marks.splice(this.marks.length - 1, 1);
-            this.marks.unshift(item);
-          }
-        }
-      }
-      if (status === "redo") {
-        this.marks[0].state = !this.marks[0].state;
-        this.marks[0].action = status;
-        if (this.marks.length > 1) {
-          const item = this.marks[0];
-          this.marks.splice(0, 1);
-          this.marks.push(item);
-        }
-      }
-      if (status === "del") {
-        let indexMark = null;
-        let item = null;
-        this.marks.forEach((e, index) => {
-          if (e.uuid === uuid) {
-            e.state = false;
-            e.action = status;
-            indexMark = index;
-            item = e;
-          }
-        });
-        this.marks.splice(indexMark, 1);
-        this.marks.push(item);
-      }
-      this.updateState();
-    },
-    updateState() {
-      if (!this.marks.length || !this.marks.filter((e) => e.state).length) {
-        this.marks = [];
-        this.revokeState = false;
-        this.redoState = false;
-        return;
-      }
-      if (this.marks[this.marks.length - 1].action === "revoke" && this.marks[this.marks.length - 1].state === false) {
-        this.revokeState = false;
-      } else {
-        this.revokeState = true;
-      }
-      if (this.marks[0].action !== "revoke" && this.marks[0].action !== "del" || this.marks[this.marks.length - 1].action === "del") {
-        this.redoState = false;
-      } else {
-        this.redoState = true;
-      }
-    },
-    setActivePanorama(value) {
-      this.activePanorama = () => value;
-    }
-  }
-});
-export {
-  useCardManageStore
-};

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

@@ -1,120 +0,0 @@
-import { useCardManageStore } from "./sun-card-designer.es13.js";
-const generateShortUUID = () => {
-  return Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);
-};
-const renderTextByVariables = (text, index = 0) => {
-  const cardManageStore = useCardManageStore();
-  if (typeof text !== "string") return text ?? "";
-  const map = /* @__PURE__ */ new Map();
-  if (Array.isArray(cardManageStore.variableList)) {
-    for (const item of cardManageStore.variableList) {
-      if (!item || typeof item.name !== "string") continue;
-      map.set(item.name, item?.defaultValue ?? "");
-    }
-  }
-  const arrayIndex = index || 0;
-  return text.replace(/\{([^{}]+)\}/g, (match, inner) => {
-    const expr = String(inner).trim();
-    const hashMatch = expr.match(/^([^#]+)\s*#\s*(.+)$/);
-    if (hashMatch) {
-      const varName = hashMatch[1].trim();
-      const keyPath = hashMatch[2].trim();
-      const variable = Array.isArray(cardManageStore.variableList) ? cardManageStore.variableList.find((v) => v && v.name === varName) : null;
-      if (!variable) return match;
-      try {
-        const parsed = JSON.parse(variable.defaultValue || "[]");
-        if (Array.isArray(parsed)) {
-          if (keyPath === "item") {
-            const item = parsed[arrayIndex];
-            return item === null || item === void 0 ? "" : String(item);
-          }
-          if (keyPath.includes(".")) {
-            const parts = keyPath.split(".");
-            const firstPart = parts[0];
-            if (firstPart === "item") {
-              const item = parsed[arrayIndex];
-              if (item && typeof item === "object") {
-                const value = parts.slice(1).reduce((acc, k) => acc !== null && acc !== void 0 ? acc[k] : void 0, item);
-                return value === null || value === void 0 ? "" : String(value);
-              }
-            }
-            if (/^\d+$/.test(firstPart)) {
-              const index2 = parseInt(firstPart, 10);
-              const item = parsed[index2];
-              if (item && typeof item === "object") {
-                const value = parts.slice(1).reduce((acc, k) => acc !== null && acc !== void 0 ? acc[k] : void 0, item);
-                return value === null || value === void 0 ? "" : String(value);
-              }
-            }
-          }
-          return "";
-        }
-        if (parsed && typeof parsed === "object" && !Array.isArray(parsed)) {
-          const value = keyPath.split(".").reduce((acc, k) => acc !== null && acc !== void 0 ? acc[k] : void 0, parsed);
-          return value === null || value === void 0 ? "" : String(value);
-        }
-        return "";
-      } catch (_) {
-        return match;
-      }
-    }
-    const name = expr;
-    if (map.has(name)) {
-      const val = map.get(name);
-      return val === null ? "" : String(val);
-    }
-    return match;
-  });
-};
-const getDataList = (list) => {
-  const newList = [];
-  getNewList(list, newList);
-  const arr = newList.filter((e) => ["input", "enterpriseSearch"].includes(e.type));
-  return arr;
-};
-function getNewList(list, newList) {
-  list.forEach((e) => {
-    if (e.type !== "grid") {
-      newList.push({
-        uuid: e.uuid,
-        name: e.options.label,
-        label: e.label,
-        type: e.type
-      });
-    } else {
-      e.columns.forEach((i) => {
-        getNewList(i.list, newList);
-      });
-    }
-  });
-}
-const findGridAncestorByUuid = (root, targetUuid) => {
-  let foundGrids = [];
-  const dfs = (list, currentGrids = []) => {
-    if (!Array.isArray(list)) return false;
-    for (const node of list) {
-      const nextGrids = [...currentGrids];
-      if (node?.type === "grid") {
-        nextGrids.push(node);
-      }
-      if (node?.uuid === targetUuid) {
-        foundGrids = [...nextGrids];
-        return true;
-      }
-      if (node?.type === "grid" && Array.isArray(node.columns)) {
-        for (const col of node.columns) {
-          if (dfs(col?.list, nextGrids)) return true;
-        }
-      }
-    }
-    return false;
-  };
-  dfs(root?.list || [], []);
-  return foundGrids.find((grid) => grid?.options?.variableName) || null;
-};
-export {
-  findGridAncestorByUuid,
-  generateShortUUID,
-  getDataList,
-  renderTextByVariables
-};