sun-card-design 1.1.37 → 1.1.38

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

@@ -1,125 +0,0 @@
-import { computed, ref, onMounted, onBeforeUnmount, createElementBlock, openBlock, normalizeStyle, createElementVNode, normalizeClass } from "vue";
-/* empty css                        */
-import _export_sfc from "./sun-card-designer.es16.js";
-const _hoisted_1 = ["src"];
-const _hoisted_2 = { class: "controls" };
-const _sfc_main = {
-  __name: "audio",
-  props: ["src", "playBtnColor", "progressColor"],
-  setup(__props) {
-    const props = __props;
-    const rootStyle = computed(() => ({
-      "--play-btn-color": props.playBtnColor || "#4a6bff",
-      "--progress-color": props.progressColor || "#409eff"
-    }));
-    const audioRef = ref();
-    const playBtnRef = ref(null);
-    const progressContainerRef = ref(null);
-    const progressBarRef = ref(null);
-    const isPlaying = ref(false);
-    const isDragging = ref(false);
-    const progressPercent = ref(0);
-    const togglePlay = () => {
-      if (!audioRef.value) return;
-      if (audioRef.value.paused) {
-        audioRef.value.play();
-      } else {
-        audioRef.value.pause();
-      }
-    };
-    const updateProgress = () => {
-      const audio = audioRef.value;
-      if (!audio || isDragging.value) return;
-      const duration = audio.duration || 0;
-      const current = audio.currentTime || 0;
-      progressPercent.value = duration ? Math.min(100, Math.max(0, current / duration * 100)) : 0;
-    };
-    const onSeekClick = (e) => {
-      seekToClientX(e.clientX);
-    };
-    const onSeekStart = (e) => {
-      isDragging.value = true;
-      seekToClientX(e.clientX);
-      window.addEventListener("mousemove", onSeekMove);
-      window.addEventListener("mouseup", onSeekEnd, { once: true });
-    };
-    const onSeekMove = (e) => {
-      if (!isDragging.value) return;
-      seekToClientX(e.clientX);
-    };
-    const onSeekEnd = () => {
-      isDragging.value = false;
-      window.removeEventListener("mousemove", onSeekMove);
-    };
-    const seekToClientX = (clientX) => {
-      const audio = audioRef.value;
-      const container = progressContainerRef.value;
-      if (!audio || !container) return;
-      const rect = container.getBoundingClientRect();
-      const ratio = rect.width ? Math.min(1, Math.max(0, (clientX - rect.left) / rect.width)) : 0;
-      const duration = audio.duration || 0;
-      audio.currentTime = ratio * duration;
-      progressPercent.value = ratio * 100;
-    };
-    onMounted(() => {
-      const audio = audioRef.value;
-      if (!audio) return;
-      audio.addEventListener("timeupdate", updateProgress);
-      audio.addEventListener("loadedmetadata", updateProgress);
-      audio.addEventListener("ended", () => {
-        isPlaying.value = false;
-        updateProgress();
-      });
-      audio.addEventListener("pause", () => {
-        isPlaying.value = false;
-      });
-      audio.addEventListener("play", () => {
-        isPlaying.value = true;
-      });
-    });
-    onBeforeUnmount(() => {
-      const audio = audioRef.value;
-      if (!audio) return;
-      audio.removeEventListener("timeupdate", updateProgress);
-      audio.removeEventListener("loadedmetadata", updateProgress);
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: "custom-player",
-        style: normalizeStyle(rootStyle.value)
-      }, [
-        createElementVNode("audio", {
-          ref_key: "audioRef",
-          ref: audioRef,
-          src: props.src
-        }, null, 8, _hoisted_1),
-        createElementVNode("div", _hoisted_2, [
-          createElementVNode("button", {
-            class: normalizeClass(["play-btn", { paused: isPlaying.value }]),
-            ref_key: "playBtnRef",
-            ref: playBtnRef,
-            onClick: togglePlay
-          }, null, 2),
-          createElementVNode("div", {
-            class: "progress-container",
-            ref_key: "progressContainerRef",
-            ref: progressContainerRef,
-            onClick: onSeekClick,
-            onMousedown: onSeekStart
-          }, [
-            createElementVNode("div", {
-              class: "progress-bar",
-              ref_key: "progressBarRef",
-              ref: progressBarRef,
-              style: normalizeStyle({ width: progressPercent.value + "%" })
-            }, null, 4)
-          ], 544)
-        ])
-      ], 4);
-    };
-  }
-};
-const Audio = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f85fd551"]]);
-export {
-  Audio as default
-};

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

@@ -1,264 +0,0 @@
-import { reactive, resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, createCommentVNode, withCtx, createTextVNode, toDisplayString, unref } from "vue";
-import { MinusOutlined, PlusOutlined, DeleteOutlined } from "@ant-design/icons-vue";
-import { message } from "ant-design-vue";
-import { generateShortUUID } from "./sun-card-designer.es14.js";
-import { useCardManageStore } from "./sun-card-designer.es13.js";
-/* empty css                        */
-import _export_sfc from "./sun-card-designer.es16.js";
-const _hoisted_1 = { class: "grid-base" };
-const _hoisted_2 = { key: 0 };
-const _hoisted_3 = { class: "slot" };
-const _hoisted_4 = { class: "a-item" };
-const _hoisted_5 = { style: { "display": "flex" } };
-const _hoisted_6 = { key: 1 };
-const _sfc_main = {
-  __name: "multipleColumnBasePes",
-  props: ["record"],
-  setup(__props) {
-    const cardManageStore = useCardManageStore();
-    const props = __props;
-    const optionKeys = reactive(["固定格数", "动态格数"]);
-    const addSlot = () => {
-      props.record.columns.push({
-        list: [],
-        // 栅格中组件列表
-        flex: 1,
-        // 占位
-        type: "columns",
-        uuid: generateShortUUID(),
-        options: {
-          clickEvent: false,
-          // 是否启用点击事件
-          clickEventConfig: {
-            type: "url",
-            // url event agent tool 点击事件类型
-            value: "",
-            // 点击事件值，url event agent
-            toolItem: null,
-            // 调用工具值 tool
-            tooltemParams: []
-          }
-        }
-      });
-    };
-    const delSlot = (index) => {
-      if (props.record.columns.length < 2) {
-        message.warning("最少为一个");
-        return;
-      }
-      props.record.columns.splice(index, 1);
-    };
-    const variableOptions = () => {
-      const list = cardManageStore.variableList.filter((e) => e.type === "Array");
-      return list;
-    };
-    const onChange = () => {
-      props.record.options.variableName = null;
-      props.record.columns = [
-        {
-          list: [],
-          // 栅格中组件列表
-          flex: 1,
-          // 占位
-          type: "columns",
-          uuid: generateShortUUID(),
-          options: {
-            clickEvent: false,
-            // 是否启用点击事件
-            clickEventConfig: {
-              type: "url",
-              // url event agent tool 点击事件类型
-              value: "",
-              // 点击事件值，url event agent
-              toolItem: null,
-              // 调用工具值 tool
-              tooltemParams: []
-            }
-          }
-        },
-        {
-          list: [],
-          // 栅格中组件列表
-          flex: 1,
-          // 占位
-          type: "columns",
-          uuid: generateShortUUID(),
-          options: {
-            clickEvent: false,
-            // 是否启用点击事件
-            clickEventConfig: {
-              type: "url",
-              // url event agent tool 点击事件类型
-              value: "",
-              // 点击事件值，url event agent
-              toolItem: null,
-              // 调用工具值 tool
-              tooltemParams: []
-            }
-          }
-        },
-        {
-          list: [],
-          // 栅格中组件列表
-          flex: 1,
-          // 占位
-          type: "columns",
-          uuid: generateShortUUID(),
-          options: {
-            clickEvent: false,
-            // 是否启用点击事件
-            clickEventConfig: {
-              type: "url",
-              // url event agent tool 点击事件类型
-              value: "",
-              // 点击事件值，url event agent
-              toolItem: null,
-              // 调用工具值 tool
-              tooltemParams: []
-            }
-          }
-        }
-      ];
-    };
-    const selectChange = (val) => {
-      const list = cardManageStore.variableList.find((e) => e.type === "Array" && val === e.name);
-      const length = list.defaultValue ? JSON.parse(list.defaultValue).length : [];
-      props.record.columns = [];
-      const uuid = generateShortUUID();
-      const options = {
-        clickEvent: false,
-        // 是否启用点击事件
-        clickEventConfig: {
-          type: "url",
-          // url event agent tool 点击事件类型
-          value: "",
-          // 点击事件值，url event agent
-          toolItem: null,
-          // 调用工具值 tool
-          tooltemParams: []
-        }
-      };
-      for (let index = 0; index < length; index++) {
-        props.record.columns.push({
-          list: [],
-          // 栅格中组件列表
-          flex: 1,
-          // 占位
-          type: "columns",
-          uuid,
-          options
-        });
-      }
-    };
-    const minusClick = (index) => {
-      if (props.record.columns[index].flex <= 1) return;
-      props.record.columns[index].flex--;
-    };
-    const plusClick = (index) => {
-      if (props.record.columns[index].flex >= 12) return;
-      props.record.columns[index].flex++;
-    };
-    return (_ctx, _cache) => {
-      const _component_a_segmented = resolveComponent("a-segmented");
-      const _component_a_button = resolveComponent("a-button");
-      const _component_a_tag = resolveComponent("a-tag");
-      const _component_a_list_item = resolveComponent("a-list-item");
-      const _component_a_list = resolveComponent("a-list");
-      const _component_a_select = resolveComponent("a-select");
-      const _component_a_form_item = resolveComponent("a-form-item");
-      const _component_a_form = resolveComponent("a-form");
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        _cache[4] || (_cache[4] = createElementVNode("div", { class: "title" }, "数据", -1)),
-        createVNode(_component_a_segmented, {
-          style: { "margin-top": "12px" },
-          value: props.record.options.dataType,
-          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => props.record.options.dataType = $event),
-          block: "",
-          options: optionKeys,
-          onChange
-        }, null, 8, ["value", "options"]),
-        props.record.options.dataType === "固定格数" ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          createElementVNode("div", _hoisted_3, [
-            _cache[3] || (_cache[3] = createElementVNode("span", null, "插槽集合", -1)),
-            createVNode(_component_a_button, {
-              size: "small",
-              style: { "font-size": "13px" },
-              onClick: addSlot
-            }, {
-              default: withCtx(() => [..._cache[2] || (_cache[2] = [
-                createTextVNode("+添加插槽", -1)
-              ])]),
-              _: 1
-            })
-          ]),
-          createVNode(_component_a_list, {
-            bordered: "",
-            "data-source": props.record.columns
-          }, {
-            renderItem: withCtx(({ index }) => [
-              createVNode(_component_a_list_item, null, {
-                default: withCtx(() => [
-                  createElementVNode("div", _hoisted_4, [
-                    createElementVNode("span", null, "插槽 " + toDisplayString(index + 1), 1),
-                    createElementVNode("div", _hoisted_5, [
-                      createElementVNode("div", null, [
-                        createVNode(unref(MinusOutlined), {
-                          onClick: ($event) => minusClick(index)
-                        }, null, 8, ["onClick"]),
-                        createVNode(_component_a_tag, { style: { "margin": "0 10px" } }, {
-                          default: withCtx(() => [
-                            createTextVNode(toDisplayString(props.record.columns[index].flex), 1)
-                          ]),
-                          _: 2
-                        }, 1024),
-                        createVNode(unref(PlusOutlined), {
-                          onClick: ($event) => plusClick(index)
-                        }, null, 8, ["onClick"])
-                      ]),
-                      createVNode(unref(DeleteOutlined), {
-                        style: { "margin-left": "20px" },
-                        onClick: ($event) => delSlot(index)
-                      }, null, 8, ["onClick"])
-                    ])
-                  ])
-                ]),
-                _: 2
-              }, 1024)
-            ]),
-            _: 1
-          }, 8, ["data-source"])
-        ])) : createCommentVNode("", true),
-        props.record.options.dataType === "动态格数" ? (openBlock(), createElementBlock("div", _hoisted_6, [
-          createVNode(_component_a_form, {
-            layout: "vertical",
-            style: { "margin-top": "16px" }
-          }, {
-            default: withCtx(() => [
-              createVNode(_component_a_form_item, { label: "绑定数组类型变量" }, {
-                default: withCtx(() => [
-                  createVNode(_component_a_select, {
-                    value: props.record.options.variableName,
-                    "onUpdate:value": _cache[1] || (_cache[1] = ($event) => props.record.options.variableName = $event),
-                    options: variableOptions(),
-                    style: { "width": "100%" },
-                    "field-names": {
-                      label: "name",
-                      value: "name"
-                    },
-                    onChange: selectChange
-                  }, null, 8, ["value", "options"])
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })
-        ])) : createCommentVNode("", true)
-      ]);
-    };
-  }
-};
-const MultipleColumnBasePes = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-be9018c3"]]);
-export {
-  MultipleColumnBasePes as default
-};

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

@@ -1,192 +0,0 @@
-import { ref, onUnmounted, createElementBlock, createCommentVNode, openBlock, createBlock, createElementVNode, unref } from "vue";
-import * as THREE from "three";
-import { OrbitControls } from "three/examples/jsm/controls/OrbitControls.js";
-import TWEEN from "@tweenjs/tween.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, { expose: __expose }) {
-    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;
-    };
-    const onOpen = (src) => {
-      imgUrl = src;
-      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;
-    }
-    onUnmounted(() => {
-      window.removeEventListener("resize", onResize);
-      disposeThree();
-    });
-    __expose({
-      onOpen
-    });
-    return (_ctx, _cache) => {
-      return show.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
-        isClose.value ? (openBlock(), createBlock(unref(CloseCircleFilled), {
-          key: 0,
-          class: "icon",
-          onClick: closeView
-        })) : createCommentVNode("", true),
-        createElementVNode("div", {
-          ref_key: "containerRef",
-          ref: containerRef,
-          class: "canvas-view"
-        }, null, 512)
-      ])) : createCommentVNode("", true);
-    };
-  }
-};
-const PanoramaView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d6ec0f1f"]]);
-export {
-  PanoramaView as default
-};