unika-components 1.2.5 → 1.2.7

package/dist/unika-components.umd.js

@@ -212,9 +212,6 @@
               color: css.value.color,
               opacity: css.value.opacity,
               borderRadius: px2rem(css.value.borderRadius || 0),
-              borderWidth: px2rem(css.value.borderWidth || 0),
-              borderStyle: css.value.borderStyle,
-              borderColor: css.value.borderColor,
               boxShadow: properties.value.shadowSize
                   ? `${px2rem(properties.value.shadowX)} ${px2rem(properties.value.shadowY)} ${px2rem(properties.value.shadowBlur)} ${properties.value.shadowColor}`
                   : 'none'
@@ -526,7 +523,7 @@
 
   const _hoisted_1$l = ["data-id"];
   const _hoisted_2$i = ["innerHTML"];
-  const _hoisted_3$g = /*#__PURE__*/vue.createElementVNode("div", { class: "svg-loading" }, "Loading...", -1 /* HOISTED */);
+  const _hoisted_3$h = /*#__PURE__*/vue.createElementVNode("div", { class: "svg-loading" }, "Loading...", -1 /* HOISTED */);
   const _hoisted_4$d = { class: "svg-error" };
 
   function render$m(_ctx, _cache, $props, $setup, $data, $options) {
@@ -558,7 +555,7 @@
             : (_ctx.isLoading)
               ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
                   vue.createCommentVNode(" 加载状态 "),
-                  _hoisted_3$g
+                  _hoisted_3$h
                 ], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */))
               : (_ctx.loadError)
                 ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
@@ -897,7 +894,7 @@
 
   const _hoisted_1$k = { id: "audio" };
   const _hoisted_2$h = ["src"];
-  const _hoisted_3$f = {
+  const _hoisted_3$g = {
     key: 1,
     class: "iconfont"
   };
@@ -922,7 +919,7 @@
                     class: "music-icon",
                     alt: "หยุดชั่วคราว"
                   }, null, 8 /* PROPS */, _hoisted_2$h))
-                : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$f, "❚❚"))
+                : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$g, "❚❚"))
             ], 64 /* STABLE_FRAGMENT */))
           : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
               (_ctx.playIconUrl)
@@ -1024,7 +1021,7 @@
     class: "video-container"
   };
   const _hoisted_2$g = ["src"];
-  const _hoisted_3$e = ["src"];
+  const _hoisted_3$f = ["src"];
 
   function render$k(_ctx, _cache, $props, $setup, $data, $options) {
     return (vue.openBlock(), vue.createElementBlock("div", {
@@ -1059,7 +1056,7 @@
                 src: _ctx.element.properties.src,
                 alt: "Play button",
                 class: "play-btn"
-              }, null, 8 /* PROPS */, _hoisted_3$e)
+              }, null, 8 /* PROPS */, _hoisted_3$f)
             ], 4 /* STYLE */))
       ], 4 /* STYLE */)
     ], 4 /* STYLE */))
@@ -1193,7 +1190,7 @@
     key: 0,
     class: "can-wrap"
   };
-  const _hoisted_3$d = { class: "can-top" };
+  const _hoisted_3$e = { class: "can-top" };
   const _hoisted_4$b = { class: "can-main" };
   const _hoisted_5$a = { class: "can-date" };
   const _hoisted_6$8 = {
@@ -1235,7 +1232,7 @@
       }, [
         (_ctx.element.kind === 1)
           ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$f, [
-              vue.createElementVNode("div", _hoisted_3$d, [
+              vue.createElementVNode("div", _hoisted_3$e, [
                 vue.createElementVNode("div", {
                   class: "can-left",
                   style: vue.normalizeStyle({ color: _ctx.element.themeColor || '#ed5566' })
@@ -1572,6 +1569,7 @@
           vue.onUnmounted(() => {
               stopCountdown();
           });
+          const isVertical = vue.computed(() => props.element.direction === 'vertical');
           // 容器样式
           const containerStyle = vue.computed(() => ({
               position: (props.element && props.element.css && props.element.css.position) || 'absolute',
@@ -1580,7 +1578,8 @@
               width: px2rem(props.element.css.width),
               height: px2rem(props.element.css.height),
               transform: `rotate(${props.element.css.transform}deg)`,
-              opacity: props.element.css.opacity
+              opacity: props.element.css.opacity,
+              overflow: 'visible',
           }));
           // 文本模式容器样式
           const textContainerStyle = vue.computed(() => ({
@@ -1589,6 +1588,10 @@
               borderRadius: px2rem(props.element.css.borderRadius || 0),
               borderStyle: props.element.css.borderStyle,
               borderWidth: px2rem(props.element.css.borderWidth || 0),
+              display: isVertical.value ? 'flex' : undefined,
+              flexDirection: isVertical.value ? 'column' : undefined,
+              alignItems: isVertical.value ? 'center' : undefined,
+              justifyContent: isVertical.value ? 'center' : undefined,
           }));
           // 文本内容样式
           const textContentStyle = vue.computed(() => ({
@@ -1601,8 +1604,13 @@
           const flipStyle = vue.computed(() => ({
               transform: getScaleValue(),
               opacity: props.element.css.opacity,
-              flexDirection: props.element.direction === 'vertical' ? 'column' : 'row',
-              alignItems: props.element.direction === 'center'
+              display: 'flex',
+              flexDirection: isVertical.value ? 'column' : 'row',
+              alignItems: 'center',
+              justifyContent: 'center',
+              width: '100%',
+              height: isVertical.value ? 'auto' : '100%',
+              minHeight: isVertical.value ? '100%' : undefined,
           }));
           // 获取缩放值
           const getScaleValue = () => {
@@ -1619,7 +1627,8 @@
               borderWidth: px2rem(props.element.css.borderWidth || 0),
               borderRadius: px2rem(props.element.css.borderRadius || 0),
               backgroundColor: props.element.css.backgroundColor,
-              margin: props.element.direction === 'vertical' ? px2rem(6) + ' 0' : '0 ' + px2rem(6)
+              margin: isVertical.value ? `${px2rem(6)} 0` : `0 ${px2rem(6)}`,
+              flexShrink: 0,
           }));
           // 数字样式
           const numStyle = vue.computed(() => ({
@@ -1686,7 +1695,7 @@
 
   const _hoisted_1$h = ["data-id", "data-pid", "data-type", "data-show", "pid", "type", "layername", "sign", "signsort"];
   const _hoisted_2$e = ["data-direction"];
-  const _hoisted_3$c = { class: "c-wrap" };
+  const _hoisted_3$d = { class: "c-wrap" };
   const _hoisted_4$a = { class: "c-num c-left" };
   const _hoisted_5$9 = { class: "flex-wrap" };
   const _hoisted_6$7 = { class: "c-num c-right" };
@@ -1749,7 +1758,7 @@
                   class: "c-com c-day",
                   style: vue.normalizeStyle(_ctx.comStyle)
                 }, [
-                  vue.createElementVNode("div", _hoisted_3$c, [
+                  vue.createElementVNode("div", _hoisted_3$d, [
                     vue.createElementVNode("div", _hoisted_4$a, [
                       vue.createElementVNode("div", _hoisted_5$9, [
                         (_ctx.days >= 100)
@@ -1981,7 +1990,7 @@
 
   const _hoisted_1$g = ["data-id", "data-pid", "data-type", "data-show", "pid", "type", "layername", "sign", "signsort"];
   const _hoisted_2$d = ["innerHTML"];
-  const _hoisted_3$b = /*#__PURE__*/vue.createElementVNode("div", { class: "mask-map" }, null, -1 /* HOISTED */);
+  const _hoisted_3$c = /*#__PURE__*/vue.createElementVNode("div", { class: "mask-map" }, null, -1 /* HOISTED */);
 
   function render$h(_ctx, _cache, $props, $setup, $data, $options) {
     return (vue.openBlock(), vue.createElementBlock("div", {
@@ -2018,7 +2027,7 @@
               }, null, 8 /* PROPS */, _hoisted_2$d),
               vue.createCommentVNode(" 隐藏的辅助元素 "),
               vue.createCommentVNode(" <div :id=\"'teng_' + element.id + Date.now()\" class=\"center-map\" style=\"display: none;\"></div>\n        <div :id=\"'bai_' + element.id + Date.now()\" class=\"center-map\" style=\"display: none;\"></div> "),
-              _hoisted_3$b
+              _hoisted_3$c
             ], 4 /* STYLE */))
           : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
               vue.createCommentVNode(" 导航按钮 "),
@@ -23056,13 +23065,13 @@
   var DataView$1 = DataView;
   var Promise$1 = getNative(root$1, "Promise");
   var Promise$2 = Promise$1;
-  var Set = getNative(root$1, "Set");
-  var Set$1 = Set;
+  var Set$1 = getNative(root$1, "Set");
+  var Set$1$1 = Set$1;
   var mapTag$4 = "[object Map]", objectTag$2 = "[object Object]", promiseTag = "[object Promise]", setTag$4 = "[object Set]", weakMapTag$1 = "[object WeakMap]";
   var dataViewTag$3 = "[object DataView]";
-  var dataViewCtorString = toSource(DataView$1), mapCtorString = toSource(Map$1), promiseCtorString = toSource(Promise$2), setCtorString = toSource(Set$1), weakMapCtorString = toSource(WeakMap$1);
+  var dataViewCtorString = toSource(DataView$1), mapCtorString = toSource(Map$1), promiseCtorString = toSource(Promise$2), setCtorString = toSource(Set$1$1), weakMapCtorString = toSource(WeakMap$1);
   var getTag = baseGetTag;
-  if (DataView$1 && getTag(new DataView$1(new ArrayBuffer(1))) != dataViewTag$3 || Map$1 && getTag(new Map$1()) != mapTag$4 || Promise$2 && getTag(Promise$2.resolve()) != promiseTag || Set$1 && getTag(new Set$1()) != setTag$4 || WeakMap$1 && getTag(new WeakMap$1()) != weakMapTag$1) {
+  if (DataView$1 && getTag(new DataView$1(new ArrayBuffer(1))) != dataViewTag$3 || Map$1 && getTag(new Map$1()) != mapTag$4 || Promise$2 && getTag(Promise$2.resolve()) != promiseTag || Set$1$1 && getTag(new Set$1$1()) != setTag$4 || WeakMap$1 && getTag(new WeakMap$1()) != weakMapTag$1) {
     getTag = function(value) {
       var result = baseGetTag(value), Ctor = result == objectTag$2 ? value.constructor : void 0, ctorString = Ctor ? toSource(Ctor) : "";
       if (ctorString) {
@@ -27995,7 +28004,7 @@
     ref: "toolbar"
   };
   const _hoisted_2$b = { class: "toolbar" };
-  const _hoisted_3$a = { class: "bar-left" };
+  const _hoisted_3$b = { class: "bar-left" };
   const _hoisted_4$9 = /*#__PURE__*/vue.createElementVNode("img", { src: "https://h5cdn.unika.cc/static/img/uniComponents/hide.png" }, null, -1 /* HOISTED */);
   const _hoisted_5$8 = [
     _hoisted_4$9
@@ -28101,7 +28110,7 @@
       vue.createCommentVNode(" 底部工具栏 "),
       vue.createElementVNode("div", _hoisted_1$b, [
         vue.createElementVNode("div", _hoisted_2$b, [
-          vue.withDirectives(vue.createElementVNode("div", _hoisted_3$a, [
+          vue.withDirectives(vue.createElementVNode("div", _hoisted_3$b, [
             vue.createElementVNode("input", {
               type: "text",
               placeholder: "ข้อความอวยพร..",
@@ -28651,6 +28660,10 @@
               type: Object,
               required: true
           },
+          isEditing: {
+              type: Boolean,
+              default: false,
+          },
       },
       setup(props) {
           const inputValue = vue.ref('');
@@ -28690,9 +28703,16 @@
           });
           // 失去焦点时验证
           const handleBlur = () => {
+              if (props.isEditing)
+                  return;
               isTouched.value = true;
               validate();
           };
+          const onInputPointerDown = (e) => {
+              if (!props.isEditing)
+                  return;
+              e.preventDefault();
+          };
           // 值变化时验证(如果已经触摸过)
           vue.watch(inputValue, () => {
               if (isTouched.value) {
@@ -28735,20 +28755,24 @@
               containerStyles,
               wrapperStyles,
               inputStyles,
-              handleBlur
+              handleBlur,
+              onInputPointerDown,
+              isEditing: vue.computed(() => props.isEditing),
           };
       }
   });
 
-  const _hoisted_1$a = {
+  const _hoisted_1$a = ["data-id"];
+  const _hoisted_2$a = {
     key: 0,
     class: "required-marker"
   };
-  const _hoisted_2$a = ["type", "placeholder"];
+  const _hoisted_3$a = ["type", "placeholder", "readonly", "tabindex"];
 
   function render$b(_ctx, _cache, $props, $setup, $data, $options) {
     return (vue.openBlock(), vue.createElementBlock("div", {
-      class: "ele-form form-input eles",
+      class: vue.normalizeClass(["ele-form form-input eles", { 'form-input--editing': _ctx.isEditing }]),
+      "data-id": _ctx.element.id,
       style: vue.normalizeStyle(_ctx.containerStyles)
     }, [
       vue.createElementVNode("div", {
@@ -28759,20 +28783,24 @@
         })
       }, [
         (_ctx.required)
-          ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$a, "*"))
+          ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$a, "*"))
           : vue.createCommentVNode("v-if", true),
         vue.withDirectives(vue.createElementVNode("input", {
           type: _ctx.inputType,
           placeholder: _ctx.title,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ((_ctx.inputValue) = $event)),
           style: vue.normalizeStyle(_ctx.inputStyles),
-          onBlur: _cache[1] || (_cache[1] = (...args) => (_ctx.handleBlur && _ctx.handleBlur(...args))),
-          class: "dynamic-placeholder-input"
-        }, null, 44 /* STYLE, PROPS, NEED_HYDRATION */, _hoisted_2$a), [
+          readonly: _ctx.isEditing,
+          tabindex: _ctx.isEditing ? -1 : undefined,
+          class: "dynamic-placeholder-input",
+          onMousedown: _cache[1] || (_cache[1] = (...args) => (_ctx.onInputPointerDown && _ctx.onInputPointerDown(...args))),
+          onTouchstart: _cache[2] || (_cache[2] = (...args) => (_ctx.onInputPointerDown && _ctx.onInputPointerDown(...args))),
+          onBlur: _cache[3] || (_cache[3] = (...args) => (_ctx.handleBlur && _ctx.handleBlur(...args)))
+        }, null, 44 /* STYLE, PROPS, NEED_HYDRATION */, _hoisted_3$a), [
           [vue.vModelDynamic, _ctx.inputValue]
         ])
       ], 4 /* STYLE */)
-    ], 4 /* STYLE */))
+    ], 14 /* CLASS, STYLE, PROPS */, _hoisted_1$a))
   }
 
   script$f.render = render$b;
@@ -31218,15 +31246,33 @@
       app.component(script$2.name, script$2);
   };
 
+  const PLACEHOLDER_INVITE_STATE_IDS = new Set(['invite-default-1']);
+  function isPlaceholderInviteStateId(stateId) {
+      if (!stateId)
+          return false;
+      if (PLACEHOLDER_INVITE_STATE_IDS.has(stateId))
+          return true;
+      return stateId.startsWith('invite-default-');
+  }
   function isValidInviteItem(item) {
       return !!(item && item.img1 && item.name);
   }
+  function pickInviteItemByState(invite, stateId) {
+      const items = invite.items || [];
+      const direct = items.find((i) => i.id === stateId);
+      if (direct)
+          return direct;
+      // 兼容模板占位 id：条目已迁移为随机 id 时，旧链接仍只有一条送呈
+      if (isPlaceholderInviteStateId(stateId) && items.length === 1) {
+          return items[0];
+      }
+      return undefined;
+  }
   /** 根据 URL state 从 global.invite 解析单条送呈渲染数据 */
   function resolveInviteRenderData(invite, stateId) {
       if (!stateId || !invite || !invite.open)
           return null;
-      const items = invite.items || [];
-      const item = items.find((i) => i.id === stateId);
+      const item = pickInviteItemByState(invite, stateId);
       if (!isValidInviteItem(item))
           return null;
       return {
@@ -31362,6 +31408,11 @@
                   emit('dismiss');
               }, delay);
           };
+          vue.onMounted(() => {
+              // #region agent log
+              fetch('http://127.0.0.1:7825/ingest/b036d6f9-5c3e-4f40-bb7d-3367a145a4d2', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-Debug-Session-Id': '6d48a4' }, body: JSON.stringify({ sessionId: '6d48a4', runId: 'pre-fix', hypothesisId: 'H4', location: 'UniInvite.vue:onMounted', message: 'invite visibility', data: { visible: visible.value, itemId: item.value ? item.value.id : null, hasImg1: !!(item.value && item.value.img1), shouldShow: shouldShow.value }, timestamp: Date.now() }) }).catch(() => { });
+              // #endregion
+          });
           return {
               visible,
               isOpening,
@@ -31583,7 +31634,18 @@
           const personalData = vue.computed(() => workData.value.personalData || {});
           const global = vue.computed(() => workData.value.global || {});
           const pages = vue.computed(() => workData.value.pages || []);
-          const inviteRender = vue.computed(() => getInviteRenderFromGlobal(global.value.invite));
+          const inviteRender = vue.computed(() => {
+              const invite = global.value.invite;
+              const fromRenderItem = getInviteRenderFromGlobal(invite);
+              if (fromRenderItem)
+                  return fromRenderItem;
+              if (typeof window !== 'undefined' && invite) {
+                  const stateId = new URLSearchParams(window.location.search).get('state');
+                  if (stateId)
+                      return resolveInviteRenderData(invite, stateId);
+              }
+              return null;
+          });
           /** 仅 member_level === 1 显示水印；2、3 及缺省等均不显示 */
           const shouldShowWatermark = vue.computed(() => Number(global.value.member_level) === 1);
           // 长页模式
@@ -31806,6 +31868,9 @@
               vue.nextTick(() => {
                   setTimeout(runTextAnimationsForCurrentPage, 150);
               });
+              // #region agent log
+              fetch('http://127.0.0.1:7825/ingest/b036d6f9-5c3e-4f40-bb7d-3367a145a4d2', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-Debug-Session-Id': '6d48a4' }, body: JSON.stringify({ sessionId: '6d48a4', runId: 'pre-fix', hypothesisId: 'H2', location: 'WorkRender.vue:onMounted', message: 'invite render computed', data: { hasInviteRender: !!inviteRender.value, renderItemId: global.value.invite && global.value.invite.renderItem ? global.value.invite.renderItem.id : null, urlState: typeof window !== 'undefined' ? new URLSearchParams(window.location.search).get('state') : null }, timestamp: Date.now() }) }).catch(() => { });
+              // #endregion
           });
           vue.onBeforeUnmount(() => {
               if (global.value.cat === 'long_page') {
@@ -32681,7 +32746,7 @@
       return INVITE_COVER_TEMPLATES.find(t => t.id === id);
   }
 
-  const defaultItemId = 'invite-default-1';
+  const defaultItemId = 'invite-default-1'; // template placeholder — replace with random id at runtime
   const defaultTpl = INVITE_COVER_TEMPLATES[0];
   /** global.invite 默认结构 — 仅含渲染字段，不含 templates/phrases */
   const inviteDefaultProps = {
@@ -32704,6 +32769,654 @@
       ],
   };
 
+  const musicDefaultProps = {
+      // url: "https://h5cdn.unika.cc/static/img/uniComponents/MarryMe.mp3",
+      url: "",
+      name: "Love Paradise",
+      music_id: '2302',
+      bgcolor: "rgba(128, 90, 218, 0.19)",
+      iconUrl: "https://h5cdn.unika.cc/static/assets/musicBackground/musicBackground-1.png",
+      isGlobal: false,
+  };
+
+  const calendarDefaultProps = {
+      id: '1748877692931',
+      pid: '',
+      type: 'calendar',
+      layerName: '日历14',
+      endTime: '2025/05/22',
+      language: 'Chinese',
+      kind: 1,
+      sign: true,
+      signSort: 4,
+      showSize: 'middle',
+      themeColor: '#ed5566',
+      heartColor: 'rgba(151, 237, 85, 1)',
+      heartAni: true,
+      dateColor: '#666',
+      css: {
+          borderWidth: 2,
+          borderStyle: 'solid',
+          borderColor: '#ed5566',
+          opacity: 0.98,
+          backgroundColor: '#fff',
+          width: 325,
+          height: 325,
+          borderRadius: 0,
+          top: 148.5625,
+          left: 28.4375,
+          transform: 0,
+          animation2: 'fadeInDown 1.5s ease 0.0s 1 normal backwards running',
+          animation: 'fadeInDown 1.5s ease 0.0s 1 normal backwards running'
+      },
+      properties: {
+          visible: true,
+          isLock: false,
+          required: true,
+          musicName: '',
+          musicLink: '',
+          musicHash: '',
+          shadowSize: 0,
+          shadowColor: '#999999',
+          shadowX: 0,
+          shadowY: 0,
+          shadowBlur: 0,
+          shadowPoint: 270,
+          aniOrigin: 'default',
+          animations: [
+              {
+                  animate: 'fadeInDown',
+                  count: 1,
+                  timing: 'ease',
+                  loop: false,
+                  delay: 0,
+                  duration: 1.5,
+                  name: '从上淡入',
+                  order: 'normal',
+                  type: 'normal',
+                  aniType: 'entry',
+                  allDelay: '0.0',
+                  id: 80102
+              }
+          ],
+          textAni: []
+      },
+      triggers: {
+          event: 'music',
+          link: 'http://www.baidu.com',
+          go: 4,
+          phone: '0622222222',
+          musicName: '告白气球',
+          musicLink: 'https://amp3.hunbei.com/mp3/qiniu/gaobaiqiqiu.mp3',
+          musicHash: '',
+          music_id: 2247,
+          cat: 'sys',
+          originalUrl: '',
+          crop: null,
+      },
+      signType: 'time'
+  };
+
+  const mapDefaultProps = 
+  // {
+  //   "id": '1714374739136',
+  //   "pid": "",
+  //   "type": "map",
+  //   "textContent": "",
+  //   "layerName": "地图20",
+  //   "btnName": "导航",
+  //   "sign": true,
+  //   "signSort": 4,
+  //   "mapStyle": "按钮",
+  //   "css": {
+  //       "borderWidth": 0,
+  //       "borderStyle": "solid",
+  //       "borderColor": "rgba(153, 153, 153, 1)",
+  //       "opacity": 1,
+  //       "fontSize": 30,
+  //       "color": "rgba(255, 255, 255, 1)",
+  //       "backgroundColor": "rgba(52, 68, 244, 1)",
+  //       "width": 220,
+  //       "height": 40,
+  //       "top": 378,
+  //       "left": 127.5,
+  //       "transform": 0,
+  //       "borderRadius": 0,
+  //       "animation2": "fadeIn 1.5s ease 1.0s 1 normal backwards running",
+  //       "animation": "fadeIn 1.5s ease 1.0s 1 normal backwards running"
+  //   },
+  //   "properties": {
+  //       "visible": true,
+  //       "isLock": false,
+  //       "required": true,
+  //       "musicName": "",
+  //       "musicLink": "",
+  //       "musicHash": "",
+  //       "shadowSize": 0,
+  //       "shadowColor": "#999999",
+  //       "shadowX": 0,
+  //       "shadowY": 0,
+  //       "shadowBlur": 0,
+  //       "shadowPoint": 270,
+  //       "aniOrigin": "default",
+  //       "animations": [
+  //           {
+  //               "animate": "fadeIn",
+  //               "count": 1,
+  //               "timing": "ease",
+  //               "loop": false,
+  //               "delay": 1,
+  //               "duration": 1.5,
+  //               "name": "淡入",
+  //               "order": "normal",
+  //               "type": "normal",
+  //               "aniType": "entry",
+  //               "allDelay": "1.0",
+  //               "id": 40976
+  //           }
+  //       ],
+  //       "lng": 120.298935,
+  //       "lat": 35.972687,
+  //       "location": "涵碧楼酒店",
+  //       "zoom": 15,
+  //       "type": "gaode",
+  //       "isMapEdit": 1,
+  //       "textAni": [],
+  //       "mapImg": "",
+  //       "mapChange": "120.298935|35.972687|15|205|205"
+  //   },
+  //   "signType": "ditu"
+  // }
+  {
+      id: '',
+      pid: '',
+      type: 'map',
+      textContent: '',
+      layerName: 'map',
+      btnName: 'Google Map',
+      sign: true,
+      signSort: 6,
+      mapStyle: 'default',
+      iframeUrl: '<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3875.8578774438038!2d100.54467957597053!3d13.72705308666229!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x30e29f2476aee2a3%3A0x6e91389d33667ab8!2sOne%20Bangkok!5e0!3m2!1szh-CN!2sth!4v1746974818429!5m2!1szh-CN!2sth" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>',
+      url: 'https://maps.app.goo.gl/DbrLnbiWJt9DQa3y6',
+      css: {
+          borderWidth: 0,
+          borderStyle: 'solid',
+          borderColor: 'rgba(153, 153, 153, 1)',
+          opacity: 1,
+          fontSize: 30,
+          color: 'rgba(255, 255, 255, 1)',
+          backgroundColor: 'rgba(52, 68, 244, 1)',
+          width: 220,
+          height: 220,
+          top: 196,
+          left: 77,
+          transform: 0,
+          borderRadius: 0
+      },
+      properties: {
+          visible: true,
+          isLock: false,
+          required: true,
+          musicName: '',
+          musicLink: '',
+          musicHash: '',
+          shadowSize: 0,
+          shadowColor: '#999999',
+          shadowX: 0,
+          shadowY: 0,
+          shadowBlur: 0,
+          shadowPoint: 270,
+          aniOrigin: 'default',
+          animations: [],
+          lng: 120.298935,
+          lat: 35.972687,
+          location: 'One Bangkok',
+          zoom: 15,
+          type: 'google',
+          isMapEdit: 0
+      },
+      signType: 'map'
+  };
+
+  const countdownDefaultProps = {
+      id: '1749545996934',
+      pid: '',
+      type: 'countdown',
+      layerName: 'countdown',
+      deadline: '2025-11-15 13:00:00',
+      endOption: 'zero',
+      endText: '',
+      sign: true,
+      language: 'th',
+      direction: 'across',
+      signSort: 7,
+      showType: 'flip',
+      showSize: 'middle',
+      css: {
+          borderWidth: 0,
+          borderStyle: 'solid',
+          borderColor: 'rgba(153, 153, 153, 1)',
+          opacity: 1,
+          fontSize: 20,
+          color: 'rgba(255, 255, 255, 1)',
+          backgroundColor: '#000000',
+          width: 375,
+          height: 85,
+          borderRadius: 5,
+          top: 214.5,
+          left: 35,
+          transform: 0,
+          textAlign: 'center',
+          animation2: 'fadeInLeft 1.5s ease 0.0s 1 normal backwards running',
+          animation: 'fadeInLeft 1.5s ease 0.0s 1 normal backwards running'
+      },
+      properties: {
+          visible: true,
+          isLock: false,
+          required: true,
+          musicName: '',
+          musicLink: '',
+          musicHash: '',
+          shadowSize: 0,
+          shadowColor: '#999999',
+          shadowX: 0,
+          shadowY: 0,
+          shadowBlur: 0,
+          shadowPoint: 270,
+          aniOrigin: 'default',
+          animations: [
+              {
+                  animate: 'fadeInLeft',
+                  count: 1,
+                  timing: 'ease',
+                  loop: false,
+                  delay: 0,
+                  duration: 1.5,
+                  name: '从左淡入',
+                  order: 'normal',
+                  type: 'normal',
+                  aniType: 'entry',
+                  allDelay: '0.0',
+                  id: 9504
+              }
+          ],
+          textAni: []
+      },
+      signType: 'time'
+  };
+
+  const effectDefaultProps = {
+      id: '1749564784798',
+      pid: '',
+      type: 'effect',
+      layerName: 'effect',
+      sign: false,
+      signSort: 1,
+      css: {
+          width: 375,
+          height: 595,
+          left: 0,
+          top: 52.5,
+          opacity: 1,
+          transform: 0
+      },
+      properties: {
+          type: 'petal',
+          speed: 'middle',
+          count: 'middle',
+          visible: true,
+          isLock: false,
+          animations: []
+      }
+  };
+
+  const shapeDefaultProps = {
+      id: "1722563395007",
+      pid: "",
+      type: "shape",
+      layerName: "形状3",
+      sign: false,
+      signSort: 1,
+      overturnType: 0,
+      css: {
+          fontFamily: "kanit",
+          fontSize: 12,
+          opacity: 0.35,
+          width: 303,
+          height: 525,
+          left: 35.632000000000005,
+          top: 60,
+          transform: 0,
+          borderRadius: 0,
+          borderWidth: 0,
+          borderColor: "rgba(153, 153, 153, 1)",
+          borderStyle: "solid",
+          svgPathColor: ["rgba(255, 255, 255, 1)"],
+          animation2: "fadeIn 3s ease 2.4s 1 normal backwards running",
+          animation: "fadeIn 3s ease 2.4s 1 normal backwards running"
+      },
+      triggers: {
+          event: "",
+          link: "",
+          go: "",
+          phone: "",
+          musicName: "",
+          musicLink: "",
+          musicHash: ""
+      },
+      properties: {
+          visible: true,
+          isLock: false,
+          required: true,
+          musicName: "",
+          musicLink: "",
+          musicHash: "",
+          shadowSize: 0,
+          shadowColor: "#999999",
+          shadowX: 0,
+          shadowY: 0,
+          shadowBlur: 0,
+          shadowPoint: 270,
+          aniOrigin: "default",
+          animations: [
+              {
+                  animate: "fadeIn",
+                  count: 1,
+                  timing: "ease",
+                  loop: false,
+                  delay: 2.4,
+                  duration: 3,
+                  name: "淡入",
+                  order: "normal",
+                  type: "normal",
+                  aniType: "entry",
+                  allDelay: "2.4",
+                  id: 68742
+              }
+          ],
+          src: "https://h5cdn.unika.cc/static/assets/shape/shape-1.svg",
+          textAni: []
+      }
+  };
+
+  const lottieDefaultProps = {
+      id: '1640154752919',
+      pid: '',
+      type: 'lottie',
+      layerName: 'lottie动画11',
+      sign: false,
+      loop: false,
+      delay: 2,
+      aniPath: 'https://h5cdn.unika.cc/static/lotties/wedding.json',
+      css: {
+          left: 35.5,
+          top: 105,
+          width: 305,
+          height: 305,
+          opacity: 1,
+          transform: 0
+      },
+      properties: {
+          visible: true,
+          isLock: false
+      }
+  };
+
+  const videoDefaultProps = {
+      id: '',
+      pid: '',
+      type: 'video',
+      videoCodeOri: '',
+      videoCode: 'https://youtu.be/ER1R3lFOQFg',
+      layerName: 'video',
+      sign: true,
+      signSort: 5,
+      videoStyle: '固定播放',
+      videoUrl: '',
+      imgUrl: '',
+      playMode: 'click',
+      playLoop: true,
+      playControls: true,
+      videoType: 1,
+      fullScreen: false,
+      overturnType: 0,
+      css: {
+          width: 350,
+          height: 197,
+          left: 12,
+          top: 268.5,
+          opacity: 1,
+          borderRadius: 0,
+          borderWidth: 0,
+          borderStyle: 'solid',
+          borderColor: 'rgba(153, 153, 153, 1)',
+          transform: 0,
+          recordImgWidth: 350,
+          recordImgHeight: 197,
+          recordBtnWidth: 60,
+          recordBtnHeight: 60
+      },
+      triggers: {
+          event: '',
+          link: '',
+          go: null,
+          phone: '',
+          musicName: '',
+          musicLink: '',
+          musicHash: ''
+      },
+      properties: {
+          visible: true,
+          isLock: false,
+          required: true,
+          musicName: '',
+          musicLink: '',
+          musicHash: '',
+          shadowSize: 0,
+          shadowColor: '#999999',
+          shadowX: 0,
+          shadowY: 0,
+          shadowBlur: 0,
+          shadowPoint: 270,
+          aniOrigin: 'default',
+          animations: [],
+          src: 'https://h5cdn.unika.cc/static/img/uniComponents/video_button1.png',
+          cover: 'https://h5cdn.unika.cc/static/img/uniComponents/logo.png',
+          realW: 0,
+          realH: 0,
+          maskId: ''
+      },
+      originalUrl: '',
+      crop: ''
+  };
+
+  const callDefaultProps = {
+      id: '1749136706168',
+      pid: '',
+      type: 'call',
+      tel: '18888888888',
+      btnText: '一键拨号',
+      layerName: '拨号16',
+      sign: true,
+      signSort: 6,
+      css: {
+          borderWidth: 0,
+          borderStyle: 'solid',
+          borderColor: 'rgba(153, 153, 153, 1)',
+          opacity: 1,
+          fontSize: 16,
+          color: 'rgba(255, 255, 255, 1)',
+          backgroundColor: 'rgb(33, 147, 255)',
+          width: 120,
+          height: 40,
+          borderRadius: 10,
+          top: 122,
+          left: 155,
+          transform: 0,
+      },
+      properties: {
+          visible: true,
+          isLock: false,
+          required: true,
+          musicName: '',
+          musicLink: '',
+          musicHash: '',
+          shadowSize: 0,
+          shadowColor: '#999999',
+          shadowX: 0,
+          shadowY: 0,
+          shadowBlur: 0,
+          shadowPoint: 270,
+          aniOrigin: 'default',
+          animations: [],
+      }
+  };
+
+  const buttonDefaultProps = {
+      id: '1749136706168',
+      pid: '',
+      type: 'button',
+      btnText: 'Button',
+      layerName: 'button',
+      sign: true,
+      signSort: 6,
+      css: {
+          borderWidth: 0,
+          borderStyle: 'solid',
+          borderColor: 'rgba(153, 153, 153, 1)',
+          opacity: 1,
+          fontSize: 16,
+          color: 'rgba(255, 255, 255, 1)',
+          backgroundColor: 'rgb(33, 147, 255)',
+          width: 120,
+          height: 40,
+          borderRadius: 10,
+          top: 122,
+          left: 155,
+          transform: 0
+      },
+      triggers: {
+          event: 'link',
+          link: 'http://www.baidu.com',
+          go: 4,
+          phone: '0622222222',
+          musicName: '告白气球',
+          musicLink: 'https://amp3.hunbei.com/mp3/qiniu/gaobaiqiqiu.mp3',
+          musicHash: '',
+          music_id: 2247,
+          cat: 'sys',
+          originalUrl: '',
+          crop: null,
+      },
+      properties: {
+          visible: true,
+          isLock: false,
+          required: true,
+          musicName: '',
+          musicLink: '',
+          musicHash: '',
+          shadowSize: 0,
+          shadowColor: '#999999',
+          shadowX: 0,
+          shadowY: 0,
+          shadowBlur: 0,
+          shadowPoint: 270,
+          aniOrigin: 'default',
+          animations: [],
+      },
+  };
+
+  const formInputDefaultProps = {
+      id: 'id1',
+      pid: '',
+      type: 'form-input',
+      title: '姓名',
+      inputType: 'text',
+      layerName: '输入框',
+      sign: false,
+      signSort: 1,
+      css: {
+          fontFamily: '微软雅黑',
+          fontSize: 14,
+          color: '#6e6e6e',
+          width: 235,
+          height: 40,
+          left: 70,
+          top: 330,
+          backgroundColor: '#fff',
+          borderRadius: 2,
+          borderColor: 'rgba(153, 153, 153, 1)',
+          borderWidth: 1,
+          borderStyle: 'solid',
+          transform: 0,
+          opacity: 1
+      },
+      properties: {
+          visible: true,
+          isLock: false,
+          required: true,
+          musicName: '',
+          musicLink: '',
+          musicHash: '',
+          shadowSize: 0,
+          shadowColor: '#999999',
+          shadowX: 0,
+          shadowY: 0,
+          shadowBlur: 0,
+          shadowPoint: 270,
+          aniOrigin: 'default',
+          animations: []
+      }
+  };
+
+  const formSubmitDefaultProps = {
+      id: 'id4',
+      pid: '',
+      btName: '提交',
+      type: 'form-submit',
+      layerName: 'submitFormButton',
+      sign: false,
+      signSort: 1,
+      subType: 'allPage',
+      succEvent: 'alert',
+      succAlert: '提交成功,感谢您的参与!',
+      succUrl: '',
+      css: {
+          width: 235,
+          height: 40,
+          lineHeight: 1,
+          color: '#fff',
+          fontSize: 16,
+          left: 70,
+          top: 480,
+          borderRadius: 4,
+          borderColor: 'rgba(153, 153, 153, 1)',
+          borderWidth: 0,
+          borderStyle: 'solid',
+          backgroundColor: '#2687f1',
+          textAlign: 'center',
+          transform: 0,
+          opacity: 1
+      },
+      properties: {
+          visible: true,
+          isLock: false,
+          required: true,
+          musicName: '',
+          musicLink: '',
+          musicHash: '',
+          shadowSize: 0,
+          shadowColor: '#999999',
+          shadowX: 0,
+          shadowY: 0,
+          shadowBlur: 0,
+          shadowPoint: 270,
+          aniOrigin: 'default',
+          animations: []
+      }
+  };
+
   /** 送呈快捷短语 — 开发/编辑器 fallback；生产环境由 biz-editor-server API 提供 */
   const INVITE_QUICK_PHRASES = [
       '邀请您一道分享我们的喜悦',
@@ -32808,16 +33521,28 @@
   exports.applyTemplateToInviteItem = applyTemplateToInviteItem;
   exports.applyTextAnimation = applyTextAnimation;
   exports.applyTextAnimationsForPage = applyTextAnimationsForPage;
+  exports.buttonDefaultProps = buttonDefaultProps;
+  exports.calendarDefaultProps = calendarDefaultProps;
+  exports.callDefaultProps = callDefaultProps;
+  exports.countdownDefaultProps = countdownDefaultProps;
   exports["default"] = index;
+  exports.effectDefaultProps = effectDefaultProps;
+  exports.formInputDefaultProps = formInputDefaultProps;
+  exports.formSubmitDefaultProps = formSubmitDefaultProps;
   exports.getInviteDismissDelay = getInviteDismissDelay;
   exports.getInviteRenderFromGlobal = getInviteRenderFromGlobal;
   exports.getInviteTemplateById = getInviteTemplateById;
   exports.install = install;
   exports.inviteDefaultProps = inviteDefaultProps;
   exports.isValidInviteItem = isValidInviteItem;
+  exports.lottieDefaultProps = lottieDefaultProps;
+  exports.mapDefaultProps = mapDefaultProps;
+  exports.musicDefaultProps = musicDefaultProps;
   exports.resolveInviteRenderData = resolveInviteRenderData;
   exports.restoreTextAnimation = restoreTextAnimation;
+  exports.shapeDefaultProps = shapeDefaultProps;
   exports.useInviteManager = useInviteManager;
+  exports.videoDefaultProps = videoDefaultProps;
 
   Object.defineProperty(exports, '__esModule', { value: true });