unika-components 1.0.381 → 1.0.383

package/dist/unika-components.css

@@ -1,3 +1,75 @@
+
+#audio {
+  position: absolute;
+  right: 10px;
+  top: 10px;
+  z-index: 103;
+  width: 30px;
+  height: 30px;
+  display: flex;
+  align-items: center;
+}
+
+#audio .mrotate {
+  animation: mrotate 5s linear infinite;
+}
+
+@keyframes mrotate {
+  to {
+    transform: rotate(1turn);
+  }
+}
+
+#audio .audio {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #fff;
+  background: #666;
+  border-radius: 50%;
+  overflow: hidden;
+  cursor: pointer;
+  transition: all 0.3s ease;
+}
+
+#audio .audio.a-border {
+  border: 1px solid #fff;
+}
+
+#audio .audio .music-icon {
+  display: block;
+  width: 60%;
+  height: 60%;
+  object-fit: contain;
+}
+
+#audio .audio .iconfont {
+  font-size: 2opx;
+  line-height: 1;
+}
+#audio .icon-cancel {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+    overflow: hidden;
+    padding: 15px 0;
+}
+  #audio .icon-cancel .icon-h {
+    transform: rotate(45deg);
+    width: 100%;
+    height: 2px;
+    background: #fff;
+  }
+#audio .icon-cancel .icon-h:before, #audio .icon-cancel .icon-h:after {
+    content: '';
+    position: absolute;
+    width: 100%;
+    height: 2px;
+    background: #fff;
+  }
 
 .ele-text {
   position: relative;
@@ -67,38 +139,6 @@
   }
 }
 
-.ele-shape {
-  position: absolute;
-  overflow: hidden;
-}
-
-.ani-wrap {
-  width: 100%;
-  height: 100%;
-  box-sizing: border-box;
-}
-
-.e-shape {
-  width: 100%;
-  height: 100%;
-}
-
-.svg-container :deep(svg) {
-  width: 100%;
-  height: 100%;
-  display: block;
-}
-
-.svg-loading,
-.svg-error {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-  background: rgba(0,0,0,0.05);
-}
-
 .ele-img {
   position: absolute;
   overflow: hidden;
@@ -197,52 +237,6 @@
   opacity: 1;
 }
 
-.element-ditu .ani-wrap {
-    width: 100%;
-    height: 100%;
-    overflow: hidden
-}
-
-.element-ditu .map {
-    width: 100%;
-    height: 100%
-}
-
-.element-ditu .map .el-button {
-    width: 100%;
-    height: 100%;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-    padding: 0;
-    -webkit-box-pack: center;
-    -ms-flex-pack: center;
-    justify-content: center;
-    background: inherit;
-    color: inherit;
-    border: none
-}
-
-.element-ditu .center-map {
-    width: 100%;
-    height: 100%;
-    background: #fff
-}
-
-.element-ditu .mask-map {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    top: 0
-}
-.map-iframe {
-    width: 100%;
-    height: 100%;
-}
-
 .count-down .drag-point {
     cursor: default!important
 }
@@ -407,119 +401,6 @@
 }
 
 
-#audio {
-  position: absolute;
-  right: 10px;
-  top: 10px;
-  z-index: 103;
-  width: 30px;
-  height: 30px;
-  display: flex;
-  align-items: center;
-}
-
-#audio .mrotate {
-  animation: mrotate 5s linear infinite;
-}
-
-@keyframes mrotate {
-  to {
-    transform: rotate(1turn);
-  }
-}
-
-#audio .audio {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: #fff;
-  background: #666;
-  border-radius: 50%;
-  overflow: hidden;
-  cursor: pointer;
-  transition: all 0.3s ease;
-}
-
-#audio .audio.a-border {
-  border: 1px solid #fff;
-}
-
-#audio .audio .music-icon {
-  display: block;
-  width: 60%;
-  height: 60%;
-  object-fit: contain;
-}
-
-#audio .audio .iconfont {
-  font-size: 2opx;
-  line-height: 1;
-}
-#audio .icon-cancel {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    border-radius: 50%;
-    overflow: hidden;
-    padding: 15px 0;
-}
-  #audio .icon-cancel .icon-h {
-    transform: rotate(45deg);
-    width: 100%;
-    height: 2px;
-    background: #fff;
-  }
-#audio .icon-cancel .icon-h:before, #audio .icon-cancel .icon-h:after {
-    content: '';
-    position: absolute;
-    width: 100%;
-    height: 2px;
-    background: #fff;
-  }
-
-.call {
-  position: absolute;
-  cursor: pointer;
-  user-select: none;
-}
-
-.bohao-container {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  transition: opacity 0.2s;
-}
-
-.bohao-container:hover {
-  opacity: 0.9;
-}
-
-.bohao-content {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.btn-text {
-  margin-left: 10px;
-}
-
-/* 这里可以添加实际的电话图标样式 */
-.iconfont.hb-tel {
-  display: inline-block;
-  width: 16px;
-  height: 16px;
-  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M20.01 15.38c-1.23 0-2.42-.2-3.53-.56-.35-.12-.74-.03-1.01.24l-1.57 1.97c-2.83-1.35-5.48-3.9-6.89-6.83l1.95-1.66c.27-.28.35-.67.24-1.02-.37-1.11-.56-2.3-.56-3.53 0-.54-.45-.99-.99-.99H4.19C3.65 3 3 3.24 3 3.99 3 13.28 10.73 21 20.01 21c.71 0 .99-.63.99-1.18v-3.45c0-.54-.45-.99-.99-.99z"/></svg>');
-  background-repeat: no-repeat;
-  background-position: center;
-  background-size: contain;
-}
-
 @font-face {
   font-family: "iconfont"; /* Project id 3350423 */
   src: url('//at.alicdn.com/t/c/font_3350423_yo5fsq7j90g.woff2?t=1737679854669') format('woff2'),
@@ -878,6 +759,125 @@
     content: "\E6A6";
 }
 
+.element-ditu .ani-wrap {
+    width: 100%;
+    height: 100%;
+    overflow: hidden
+}
+
+.element-ditu .map {
+    width: 100%;
+    height: 100%
+}
+
+.element-ditu .map .el-button {
+    width: 100%;
+    height: 100%;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    padding: 0;
+    -webkit-box-pack: center;
+    -ms-flex-pack: center;
+    justify-content: center;
+    background: inherit;
+    color: inherit;
+    border: none
+}
+
+.element-ditu .center-map {
+    width: 100%;
+    height: 100%;
+    background: #fff
+}
+
+.element-ditu .mask-map {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0
+}
+.map-iframe {
+    width: 100%;
+    height: 100%;
+}
+
+.ele-shape {
+  position: absolute;
+  overflow: hidden;
+}
+
+.ani-wrap {
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+}
+
+.e-shape {
+  width: 100%;
+  height: 100%;
+}
+
+.svg-container :deep(svg) {
+  width: 100%;
+  height: 100%;
+  display: block;
+}
+
+.svg-loading,
+.svg-error {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  background: rgba(0,0,0,0.05);
+}
+
+.call {
+  position: absolute;
+  cursor: pointer;
+  user-select: none;
+}
+
+.bohao-container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  transition: opacity 0.2s;
+}
+
+.bohao-container:hover {
+  opacity: 0.9;
+}
+
+.bohao-content {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.btn-text {
+  margin-left: 10px;
+}
+
+/* 这里可以添加实际的电话图标样式 */
+.iconfont.hb-tel {
+  display: inline-block;
+  width: 16px;
+  height: 16px;
+  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M20.01 15.38c-1.23 0-2.42-.2-3.53-.56-.35-.12-.74-.03-1.01.24l-1.57 1.97c-2.83-1.35-5.48-3.9-6.89-6.83l1.95-1.66c.27-.28.35-.67.24-1.02-.37-1.11-.56-2.3-.56-3.53 0-.54-.45-.99-.99-.99H4.19C3.65 3 3 3.24 3 3.99 3 13.28 10.73 21 20.01 21c.71 0 .99-.63.99-1.18v-3.45c0-.54-.45-.99-.99-.99z"/></svg>');
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: contain;
+}
+
 .like-button {
   display: flex;
   flex-direction: column;
@@ -957,21 +957,46 @@
     animation: snow 5s linear infinite
 }
 
+.ant-input-number {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0, 0, 0, 0.88);
+  font-size: 14px;
+  line-height: 1.5714285714285714;
+  list-style: none;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+  position: relative;
+  display: inline-block;
+  width: 100%;
+  min-width: 0;
+  background-color: #ffffff;
+  background-image: none;
+  border-width: 1px;
+  border-style: solid;
+  border-color: #d9d9d9;
+  border-radius: 6px;
+  transition: all 0.2s;
+  border: 1px solid #d9d9d9;
+}
+.ant-form-item {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0, 0, 0, 0.88);
+  font-size: 14px;
+  line-height: 1.5714285714285714;
+  list-style: none;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+  margin-bottom: 0px;
+  vertical-align: top;
+}
+
 .uni-lotties-component {
   width: 100%;
   height: 100%;
 }
 
-/* 设计稿尺寸（如375px下20px的按钮） */
-.btn {
-  width: 20px;  /* 直接写设计稿px */
-  height: 10px;
-  font-size: 14px;
-}
-
-  .uni-build-up-component {
-  }
-
 /* Iconfont definition */
 @font-face {
   font-family: iconfont;
@@ -1889,45 +1914,9 @@ i {
   100% { transform: rotate(360deg); }
 }
 
-
-.uni-svg-component {
-  display: inline-block;
-}
 
-.ant-input-number {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  color: rgba(0, 0, 0, 0.88);
-  font-size: 14px;
-  line-height: 1.5714285714285714;
-  list-style: none;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
-  position: relative;
-  display: inline-block;
-  width: 100%;
-  min-width: 0;
-  background-color: #ffffff;
-  background-image: none;
-  border-width: 1px;
-  border-style: solid;
-  border-color: #d9d9d9;
-  border-radius: 6px;
-  transition: all 0.2s;
-  border: 1px solid #d9d9d9;
-}
-.ant-form-item {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  color: rgba(0, 0, 0, 0.88);
-  font-size: 14px;
-  line-height: 1.5714285714285714;
-  list-style: none;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
-  margin-bottom: 0px;
-  vertical-align: top;
-}
+  .uni-build-up-component {
+  }
 
 body, html {
     width: 100%;
@@ -2282,13 +2271,20 @@ body, html {
   background-position: center;
   will-change: transform;
 }
+
+/* 设计稿尺寸（如375px下20px的按钮） */
+.btn {
+  width: 20px;  /* 直接写设计稿px */
+  height: 10px;
+  font-size: 14px;
+}
 
 .ele-form {
   position: absolute;
   user-select: none;
 }
 
-.f-single {
+.f-multiple {
   cursor: pointer;
 }
 
@@ -2313,20 +2309,21 @@ body, html {
   vertical-align: middle;
 }
 
-.f-single ul {
+.f-multiple ul {
   padding: 15px;
   margin: 0;
   list-style: none;
 }
 
-.f-single ul li {
-  display: flex;
-  align-items: center;
+.f-multiple ul li {
   margin-top: 12px;
   font-size: 0;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
 }
 
-.f-single ul li:first-child {
+.f-multiple ul li:first-child {
   margin-top: 0;
 }
 
@@ -2369,81 +2366,6 @@ body, html {
   border-bottom-color: #ff4d4f;
 }
 
-/* 错误提示样式 */
-.error-tip {
-  position: fixed;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  z-index: 1000;
-}
-
-.form-submit {
-  cursor: pointer;
-  transition: all 0.2s;
-  outline: none;
-  border: none;
-}
-
-.form-submit:hover {
-  opacity: 0.9;
-  transform: translateY(-1px);
-}
-
-.form-submit:active {
-  opacity: 0.8;
-  transform: translateY(0);
-}
-
-.form-submit:disabled {
-  opacity: 0.6;
-  cursor: not-allowed;
-  transform: none !important;
-}
-
-/* 统一错误提示样式 */
-.tip-cover {
-  position: fixed;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 999;
-  background-color: rgba(0,0,0,.7);
-}
-
-.tip {
-  width: 80%;
-  max-width: 250px;
-  padding: 10px;
-  border-radius: 5px;
-  background-color: #fff;
-}
-
-.tip-btn {
-  display: block;
-  margin: 25px auto;
-  width: 120px;
-  height: 30px;
-  color: #fff;
-  border-radius: 4px;
-  text-align: center;
-  font-size: 14px;
-  line-height: 30px;
-  background: #ed5566;
-  cursor: pointer;
-}
-
-.tip-content {
-  font-size: 14px;
-  padding-top: 30px;
-  text-align: center;
-}
-
 .form-input {
   position: absolute;
 }
@@ -2595,6 +2517,81 @@ input::placeholder {
   height: 100%;
   z-index: 1000;
 }
+
+.form-submit {
+  cursor: pointer;
+  transition: all 0.2s;
+  outline: none;
+  border: none;
+}
+
+.form-submit:hover {
+  opacity: 0.9;
+  transform: translateY(-1px);
+}
+
+.form-submit:active {
+  opacity: 0.8;
+  transform: translateY(0);
+}
+
+.form-submit:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+  transform: none !important;
+}
+
+/* 统一错误提示样式 */
+.tip-cover {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 999;
+  background-color: rgba(0,0,0,.7);
+}
+
+.tip {
+  width: 80%;
+  max-width: 250px;
+  padding: 10px;
+  border-radius: 5px;
+  background-color: #fff;
+}
+
+.tip-btn {
+  display: block;
+  margin: 25px auto;
+  width: 120px;
+  height: 30px;
+  color: #fff;
+  border-radius: 4px;
+  text-align: center;
+  font-size: 14px;
+  line-height: 30px;
+  background: #ed5566;
+  cursor: pointer;
+}
+
+.tip-content {
+  font-size: 14px;
+  padding-top: 30px;
+  text-align: center;
+}
+
+.uni-svg-component {
+  display: inline-block;
+}
+
+.form-container {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
 
 /* 字体定义 */
 @font-face {
@@ -3007,18 +3004,12 @@ input::placeholder {
 }
 
 
-.form-container {
-  position: relative;
-  width: 100%;
-  height: 100%;
-}
-
 .ele-form {
   position: absolute;
   user-select: none;
 }
 
-.f-multiple {
+.f-single {
   cursor: pointer;
 }
 
@@ -3043,21 +3034,20 @@ input::placeholder {
   vertical-align: middle;
 }
 
-.f-multiple ul {
+.f-single ul {
   padding: 15px;
   margin: 0;
   list-style: none;
 }
 
-.f-multiple ul li {
-  margin-top: 12px;
-  font-size: 0;
+.f-single ul li {
   display: flex;
   align-items: center;
-  cursor: pointer;
+  margin-top: 12px;
+  font-size: 0;
 }
 
-.f-multiple ul li:first-child {
+.f-single ul li:first-child {
   margin-top: 0;
 }
 
@@ -3100,6 +3090,16 @@ input::placeholder {
   border-bottom-color: #ff4d4f;
 }
 
+/* 错误提示样式 */
+.error-tip {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1000;
+}
+
   .page-indicator {
     position: fixed;
     display: flex;

package/dist/unika-components.esm.js

@@ -5957,7 +5957,7 @@ const _hoisted_4$b = ["src"];
 const _hoisted_5$9 = /*#__PURE__*/ _withScopeId$8(() => /*#__PURE__*/createElementVNode("div", { class: "icon-cancel" }, [
   /*#__PURE__*/createElementVNode("div", { class: "icon-h" })
 ], -1 /* HOISTED */));
-const _hoisted_6$7 = ["src"];
+const _hoisted_6$5 = ["src"];
 
 function render$o(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createElementBlock("div", _hoisted_1$i, [
@@ -5992,7 +5992,7 @@ function render$o(_ctx, _cache, $props, $setup, $data, $options) {
       src: _ctx.url,
       onEnded: _cache[1] || (_cache[1] = (...args) => (_ctx.handleEnded && _ctx.handleEnded(...args))),
       loop: ""
-    }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_6$7)
+    }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_6$5)
   ]))
 }
 
@@ -6246,7 +6246,7 @@ const _hoisted_2$c = {
 const _hoisted_3$a = { class: "can-top" };
 const _hoisted_4$9 = { class: "can-main" };
 const _hoisted_5$7 = { class: "can-date" };
-const _hoisted_6$6 = {
+const _hoisted_6$4 = {
   key: 1,
   class: "can-wrap2"
 };
@@ -6336,7 +6336,7 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
           ]))
         : createCommentVNode("v-if", true),
       (_ctx.element.kind === 2)
-        ? (openBlock(), createElementBlock("div", _hoisted_6$6, [
+        ? (openBlock(), createElementBlock("div", _hoisted_6$4, [
             createElementVNode("div", _hoisted_7$3, [
               createElementVNode("div", {
                 class: "can-size",
@@ -6715,7 +6715,7 @@ const _hoisted_2$b = { class: "ani-wrap" };
 const _hoisted_3$9 = ["data-direction"];
 const _hoisted_4$8 = { class: "c-wrap" };
 const _hoisted_5$6 = { class: "c-num c-left" };
-const _hoisted_6$5 = { class: "flex-wrap" };
+const _hoisted_6$3 = { class: "flex-wrap" };
 const _hoisted_7$2 = { class: "c-num c-right" };
 const _hoisted_8$2 = { class: "flex-wrap" };
 const _hoisted_9$2 = { class: "c-wrap" };
@@ -6775,7 +6775,7 @@ function render$l(_ctx, _cache, $props, $setup, $data, $options) {
               }, [
                 createElementVNode("div", _hoisted_4$8, [
                   createElementVNode("div", _hoisted_5$6, [
-                    createElementVNode("div", _hoisted_6$5, [
+                    createElementVNode("div", _hoisted_6$3, [
                       createElementVNode("div", {
                         class: "next-num",
                         style: normalizeStyle$1(_ctx.numStyle)
@@ -60532,7 +60532,7 @@ const _hoisted_4$7 = /*#__PURE__*/ _withScopeId$3(() => /*#__PURE__*/createEleme
 const _hoisted_5$5 = [
   _hoisted_4$7
 ];
-const _hoisted_6$4 = {
+const _hoisted_6$2 = {
   key: 0,
   class: "bar-right"
 };
@@ -60655,7 +60655,7 @@ function render$b(_ctx, _cache, $props, $setup, $data, $options) {
         ]),
         createCommentVNode(" 新增的右侧按钮区域 "),
         ((_ctx.global.toolbar.gift || _ctx.global.toolbar.praise) && _ctx.showBullets)
-          ? (openBlock(), createElementBlock("div", _hoisted_6$4, [
+          ? (openBlock(), createElementBlock("div", _hoisted_6$2, [
               (_ctx.global.toolbar.gift)
                 ? (openBlock(), createElementBlock("img", {
                     key: 0,
@@ -61325,7 +61325,7 @@ function createFormContext(options) {
                 }
                 const data = await response.json();
                 if (data.error === 0) {
-                    if (options?.autoReset)
+                    if (options && options.autoReset)
                         this.resetForm();
                     return { success: true, message: '提交成功' };
                 }
@@ -61415,7 +61415,7 @@ function validateInput(value, type) {
 }
 
 var script$7 = defineComponent({
-    name: 'FormInput',
+    name: 'uni-form-input',
     props: {
         global: {
             type: Object,
@@ -61810,7 +61810,7 @@ const _hoisted_4$4 = {
   hidden: ""
 };
 const _hoisted_5$3 = ["value"];
-const _hoisted_6$3 = ["onClick"];
+const _hoisted_6$1 = ["onClick"];
 
 function render$5(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createElementBlock("div", {
@@ -61861,7 +61861,7 @@ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
                 key: item.value,
                 class: normalizeClass(["dropdown-item", { 'selected': item.value === _ctx.selectedValue }]),
                 onClick: $event => (_ctx.selectItem(item))
-              }, toDisplayString(item.label), 11 /* TEXT, CLASS, PROPS */, _hoisted_6$3))
+              }, toDisplayString(item.label), 11 /* TEXT, CLASS, PROPS */, _hoisted_6$1))
             }), 128 /* KEYED_FRAGMENT */))
           ], 4 /* STYLE */))
         : createCommentVNode("v-if", true)
@@ -61956,8 +61956,7 @@ const _hoisted_3$3 = {
   class: "require"
 };
 const _hoisted_4$3 = ["onClick"];
-const _hoisted_5$2 = { class: "fs-txt" };
-const _hoisted_6$2 = ["name", "value"];
+const _hoisted_5$2 = ["name", "value"];
 
 function render$4(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createElementBlock("div", {
@@ -61985,7 +61984,10 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
               class: normalizeClass(["fs-circle", { 'selected': _ctx.selectedValue === item.value }]),
               style: normalizeStyle$1(_ctx.circleStyles)
             }, null, 6 /* CLASS, STYLE */),
-            createElementVNode("span", _hoisted_5$2, toDisplayString(item.label), 1 /* TEXT */)
+            createElementVNode("span", {
+              class: "fs-txt",
+              style: normalizeStyle$1({fontSize: _ctx.element.css.fontSize, fontFamily: _ctx.element.css.fontFamily, color: _ctx.element.css.color, opacity: _ctx.element.css.opacity})
+            }, toDisplayString(item.label), 5 /* TEXT, STYLE */)
           ], 8 /* PROPS */, _hoisted_4$3))
         }), 128 /* KEYED_FRAGMENT */))
       ]),
@@ -61993,7 +61995,7 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
         type: "hidden",
         name: `singleselect_${_ctx.element.id}`,
         value: _ctx.selectedValue
-      }, null, 8 /* PROPS */, _hoisted_6$2)
+      }, null, 8 /* PROPS */, _hoisted_5$2)
     ], 4 /* STYLE */)
   ], 14 /* CLASS, STYLE, PROPS */, _hoisted_1$3))
 }
@@ -62095,8 +62097,7 @@ const _hoisted_3$2 = {
   class: "require"
 };
 const _hoisted_4$2 = ["onClick"];
-const _hoisted_5$1 = { class: "fs-txt" };
-const _hoisted_6$1 = ["name", "value"];
+const _hoisted_5$1 = ["name", "value"];
 
 function render$3(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createElementBlock("div", {
@@ -62124,7 +62125,10 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
               class: normalizeClass(["fs-circle", { 'selected': _ctx.isSelected(item.value) }]),
               style: normalizeStyle$1(_ctx.circleStyles)
             }, null, 6 /* CLASS, STYLE */),
-            createElementVNode("span", _hoisted_5$1, toDisplayString(item.label), 1 /* TEXT */)
+            createElementVNode("span", {
+              class: "fs-txt",
+              style: normalizeStyle$1({fontSize: _ctx.element.css.fontSize, fontFamily: _ctx.element.css.fontFamily, color: _ctx.element.css.color, opacity: _ctx.element.css.opacity})
+            }, toDisplayString(item.label), 5 /* TEXT, STYLE */)
           ], 8 /* PROPS */, _hoisted_4$2))
         }), 128 /* KEYED_FRAGMENT */))
       ]),
@@ -62132,7 +62136,7 @@ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
         type: "hidden",
         name: `multiselect_${_ctx.element.id}`,
         value: _ctx.selectedValues.join(',')
-      }, null, 8 /* PROPS */, _hoisted_6$1)
+      }, null, 8 /* PROPS */, _hoisted_5$1)
     ], 4 /* STYLE */)
   ], 14 /* CLASS, STYLE, PROPS */, _hoisted_1$2))
 }
@@ -62250,7 +62254,7 @@ var script$1 = defineComponent({
             showGlobalButtons.value = true;
         };
         const openMap = () => {
-            if (props.global.map?.url) {
+            if (props.global.map && props.global.map.url) {
                 window.open(props.global.map.url, '_blank');
             }
         };
@@ -62295,7 +62299,7 @@ var script$1 = defineComponent({
             console.log('提交回执:', receiptForm);
             // closeReceipt();
             // 模拟提交逻辑
-            const submitSuccess = Math.random() > 0.9; // 70% 成功率
+            const submitSuccess = Math.random() > 0.0; // 70% 成功率
             if (submitSuccess) {
                 showToastMessage(true);
                 // 重置表单
@@ -62420,7 +62424,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
     createCommentVNode(" 主按钮组 "),
     (_ctx.showGlobalButtons)
       ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
-          (_ctx.global.recepit?.open && _ctx.global.recepit?.userOpen)
+          (_ctx.global.recepit.open && _ctx.global.recepit.userOpen)
             ? (openBlock(), createElementBlock("div", {
                 key: 0,
                 class: "global receipt",
@@ -62436,7 +62440,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                 }, "回执", 4 /* STYLE */)
               ], 4 /* STYLE */))
             : createCommentVNode("v-if", true),
-          (_ctx.global.video?.open && _ctx.global.video?.userOpen)
+          (_ctx.global.video.open && _ctx.global.video.userOpen)
             ? (openBlock(), createElementBlock("div", {
                 key: 1,
                 class: "global video",
@@ -62452,7 +62456,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                 }, "视频", 4 /* STYLE */)
               ], 4 /* STYLE */))
             : createCommentVNode("v-if", true),
-          (_ctx.global.tel?.open && _ctx.global.tel?.userOpen)
+          (_ctx.global.tel.open && _ctx.global.tel.userOpen)
             ? (openBlock(), createElementBlock("div", {
                 key: 2,
                 class: "global tel",
@@ -62468,7 +62472,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
                 }, "拨号", 4 /* STYLE */)
               ], 4 /* STYLE */))
             : createCommentVNode("v-if", true),
-          (_ctx.global.map?.open && _ctx.global.map?.userOpen)
+          (_ctx.global.map.open && _ctx.global.map.userOpen)
             ? (openBlock(), createElementBlock("div", {
                 key: 3,
                 class: "global map",
@@ -62559,7 +62563,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
           (_ctx.showWhichSelect)
             ? (openBlock(), createElementBlock("div", _hoisted_12, [
                 createElementVNode("ul", null, [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.global.recepit?.whichList, (item) => {
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.global.recepit.whichList, (item) => {
                     return (openBlock(), createElementBlock("li", {
                       key: item.label,
                       onClick: $event => (_ctx.selectWhich(item))
@@ -62591,7 +62595,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
           }, [..._hoisted_19]),
           createElementVNode("div", {
             class: "global-v-show",
-            innerHTML: _ctx.global.video?.url
+            innerHTML: _ctx.global.video.url
           }, null, 8 /* PROPS */, _hoisted_20)
         ]))
       : createCommentVNode("v-if", true),
@@ -62599,7 +62603,7 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
     (_ctx.showTelList)
       ? (openBlock(), createElementBlock("div", _hoisted_21, [
           createElementVNode("ul", null, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.global.tel?.list, (item) => {
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.global.tel.list, (item) => {
               return (openBlock(), createElementBlock("li", {
                 key: item.value || item.label,
                 onClick: $event => (_ctx.makeCall(item))

package/dist/unika-components.umd.js

@@ -5961,7 +5961,7 @@
   const _hoisted_5$9 = /*#__PURE__*/ _withScopeId$8(() => /*#__PURE__*/vue.createElementVNode("div", { class: "icon-cancel" }, [
     /*#__PURE__*/vue.createElementVNode("div", { class: "icon-h" })
   ], -1 /* HOISTED */));
-  const _hoisted_6$7 = ["src"];
+  const _hoisted_6$5 = ["src"];
 
   function render$o(_ctx, _cache, $props, $setup, $data, $options) {
     return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$i, [
@@ -5996,7 +5996,7 @@
         src: _ctx.url,
         onEnded: _cache[1] || (_cache[1] = (...args) => (_ctx.handleEnded && _ctx.handleEnded(...args))),
         loop: ""
-      }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_6$7)
+      }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_6$5)
     ]))
   }
 
@@ -6250,7 +6250,7 @@
   const _hoisted_3$a = { class: "can-top" };
   const _hoisted_4$9 = { class: "can-main" };
   const _hoisted_5$7 = { class: "can-date" };
-  const _hoisted_6$6 = {
+  const _hoisted_6$4 = {
     key: 1,
     class: "can-wrap2"
   };
@@ -6340,7 +6340,7 @@
             ]))
           : vue.createCommentVNode("v-if", true),
         (_ctx.element.kind === 2)
-          ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$6, [
+          ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$4, [
               vue.createElementVNode("div", _hoisted_7$3, [
                 vue.createElementVNode("div", {
                   class: "can-size",
@@ -6719,7 +6719,7 @@
   const _hoisted_3$9 = ["data-direction"];
   const _hoisted_4$8 = { class: "c-wrap" };
   const _hoisted_5$6 = { class: "c-num c-left" };
-  const _hoisted_6$5 = { class: "flex-wrap" };
+  const _hoisted_6$3 = { class: "flex-wrap" };
   const _hoisted_7$2 = { class: "c-num c-right" };
   const _hoisted_8$2 = { class: "flex-wrap" };
   const _hoisted_9$2 = { class: "c-wrap" };
@@ -6779,7 +6779,7 @@
                 }, [
                   vue.createElementVNode("div", _hoisted_4$8, [
                     vue.createElementVNode("div", _hoisted_5$6, [
-                      vue.createElementVNode("div", _hoisted_6$5, [
+                      vue.createElementVNode("div", _hoisted_6$3, [
                         vue.createElementVNode("div", {
                           class: "next-num",
                           style: vue.normalizeStyle(_ctx.numStyle)
@@ -60536,7 +60536,7 @@ summary tabindex target title type usemap value width wmode wrap`;
   const _hoisted_5$5 = [
     _hoisted_4$7
   ];
-  const _hoisted_6$4 = {
+  const _hoisted_6$2 = {
     key: 0,
     class: "bar-right"
   };
@@ -60659,7 +60659,7 @@ summary tabindex target title type usemap value width wmode wrap`;
           ]),
           vue.createCommentVNode(" 新增的右侧按钮区域 "),
           ((_ctx.global.toolbar.gift || _ctx.global.toolbar.praise) && _ctx.showBullets)
-            ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$4, [
+            ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$2, [
                 (_ctx.global.toolbar.gift)
                   ? (vue.openBlock(), vue.createElementBlock("img", {
                       key: 0,
@@ -61329,7 +61329,7 @@ summary tabindex target title type usemap value width wmode wrap`;
                   }
                   const data = await response.json();
                   if (data.error === 0) {
-                      if (options?.autoReset)
+                      if (options && options.autoReset)
                           this.resetForm();
                       return { success: true, message: '提交成功' };
                   }
@@ -61419,7 +61419,7 @@ summary tabindex target title type usemap value width wmode wrap`;
   }
 
   var script$7 = vue.defineComponent({
-      name: 'FormInput',
+      name: 'uni-form-input',
       props: {
           global: {
               type: Object,
@@ -61814,7 +61814,7 @@ summary tabindex target title type usemap value width wmode wrap`;
     hidden: ""
   };
   const _hoisted_5$3 = ["value"];
-  const _hoisted_6$3 = ["onClick"];
+  const _hoisted_6$1 = ["onClick"];
 
   function render$5(_ctx, _cache, $props, $setup, $data, $options) {
     return (vue.openBlock(), vue.createElementBlock("div", {
@@ -61865,7 +61865,7 @@ summary tabindex target title type usemap value width wmode wrap`;
                   key: item.value,
                   class: vue.normalizeClass(["dropdown-item", { 'selected': item.value === _ctx.selectedValue }]),
                   onClick: $event => (_ctx.selectItem(item))
-                }, vue.toDisplayString(item.label), 11 /* TEXT, CLASS, PROPS */, _hoisted_6$3))
+                }, vue.toDisplayString(item.label), 11 /* TEXT, CLASS, PROPS */, _hoisted_6$1))
               }), 128 /* KEYED_FRAGMENT */))
             ], 4 /* STYLE */))
           : vue.createCommentVNode("v-if", true)
@@ -61960,8 +61960,7 @@ summary tabindex target title type usemap value width wmode wrap`;
     class: "require"
   };
   const _hoisted_4$3 = ["onClick"];
-  const _hoisted_5$2 = { class: "fs-txt" };
-  const _hoisted_6$2 = ["name", "value"];
+  const _hoisted_5$2 = ["name", "value"];
 
   function render$4(_ctx, _cache, $props, $setup, $data, $options) {
     return (vue.openBlock(), vue.createElementBlock("div", {
@@ -61989,7 +61988,10 @@ summary tabindex target title type usemap value width wmode wrap`;
                 class: vue.normalizeClass(["fs-circle", { 'selected': _ctx.selectedValue === item.value }]),
                 style: vue.normalizeStyle(_ctx.circleStyles)
               }, null, 6 /* CLASS, STYLE */),
-              vue.createElementVNode("span", _hoisted_5$2, vue.toDisplayString(item.label), 1 /* TEXT */)
+              vue.createElementVNode("span", {
+                class: "fs-txt",
+                style: vue.normalizeStyle({fontSize: _ctx.element.css.fontSize, fontFamily: _ctx.element.css.fontFamily, color: _ctx.element.css.color, opacity: _ctx.element.css.opacity})
+              }, vue.toDisplayString(item.label), 5 /* TEXT, STYLE */)
             ], 8 /* PROPS */, _hoisted_4$3))
           }), 128 /* KEYED_FRAGMENT */))
         ]),
@@ -61997,7 +61999,7 @@ summary tabindex target title type usemap value width wmode wrap`;
           type: "hidden",
           name: `singleselect_${_ctx.element.id}`,
           value: _ctx.selectedValue
-        }, null, 8 /* PROPS */, _hoisted_6$2)
+        }, null, 8 /* PROPS */, _hoisted_5$2)
       ], 4 /* STYLE */)
     ], 14 /* CLASS, STYLE, PROPS */, _hoisted_1$3))
   }
@@ -62099,8 +62101,7 @@ summary tabindex target title type usemap value width wmode wrap`;
     class: "require"
   };
   const _hoisted_4$2 = ["onClick"];
-  const _hoisted_5$1 = { class: "fs-txt" };
-  const _hoisted_6$1 = ["name", "value"];
+  const _hoisted_5$1 = ["name", "value"];
 
   function render$3(_ctx, _cache, $props, $setup, $data, $options) {
     return (vue.openBlock(), vue.createElementBlock("div", {
@@ -62128,7 +62129,10 @@ summary tabindex target title type usemap value width wmode wrap`;
                 class: vue.normalizeClass(["fs-circle", { 'selected': _ctx.isSelected(item.value) }]),
                 style: vue.normalizeStyle(_ctx.circleStyles)
               }, null, 6 /* CLASS, STYLE */),
-              vue.createElementVNode("span", _hoisted_5$1, vue.toDisplayString(item.label), 1 /* TEXT */)
+              vue.createElementVNode("span", {
+                class: "fs-txt",
+                style: vue.normalizeStyle({fontSize: _ctx.element.css.fontSize, fontFamily: _ctx.element.css.fontFamily, color: _ctx.element.css.color, opacity: _ctx.element.css.opacity})
+              }, vue.toDisplayString(item.label), 5 /* TEXT, STYLE */)
             ], 8 /* PROPS */, _hoisted_4$2))
           }), 128 /* KEYED_FRAGMENT */))
         ]),
@@ -62136,7 +62140,7 @@ summary tabindex target title type usemap value width wmode wrap`;
           type: "hidden",
           name: `multiselect_${_ctx.element.id}`,
           value: _ctx.selectedValues.join(',')
-        }, null, 8 /* PROPS */, _hoisted_6$1)
+        }, null, 8 /* PROPS */, _hoisted_5$1)
       ], 4 /* STYLE */)
     ], 14 /* CLASS, STYLE, PROPS */, _hoisted_1$2))
   }
@@ -62254,7 +62258,7 @@ summary tabindex target title type usemap value width wmode wrap`;
               showGlobalButtons.value = true;
           };
           const openMap = () => {
-              if (props.global.map?.url) {
+              if (props.global.map && props.global.map.url) {
                   window.open(props.global.map.url, '_blank');
               }
           };
@@ -62299,7 +62303,7 @@ summary tabindex target title type usemap value width wmode wrap`;
               console.log('提交回执:', receiptForm);
               // closeReceipt();
               // 模拟提交逻辑
-              const submitSuccess = Math.random() > 0.9; // 70% 成功率
+              const submitSuccess = Math.random() > 0.0; // 70% 成功率
               if (submitSuccess) {
                   showToastMessage(true);
                   // 重置表单
@@ -62424,7 +62428,7 @@ summary tabindex target title type usemap value width wmode wrap`;
       vue.createCommentVNode(" 主按钮组 "),
       (_ctx.showGlobalButtons)
         ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
-            (_ctx.global.recepit?.open && _ctx.global.recepit?.userOpen)
+            (_ctx.global.recepit.open && _ctx.global.recepit.userOpen)
               ? (vue.openBlock(), vue.createElementBlock("div", {
                   key: 0,
                   class: "global receipt",
@@ -62440,7 +62444,7 @@ summary tabindex target title type usemap value width wmode wrap`;
                   }, "回执", 4 /* STYLE */)
                 ], 4 /* STYLE */))
               : vue.createCommentVNode("v-if", true),
-            (_ctx.global.video?.open && _ctx.global.video?.userOpen)
+            (_ctx.global.video.open && _ctx.global.video.userOpen)
               ? (vue.openBlock(), vue.createElementBlock("div", {
                   key: 1,
                   class: "global video",
@@ -62456,7 +62460,7 @@ summary tabindex target title type usemap value width wmode wrap`;
                   }, "视频", 4 /* STYLE */)
                 ], 4 /* STYLE */))
               : vue.createCommentVNode("v-if", true),
-            (_ctx.global.tel?.open && _ctx.global.tel?.userOpen)
+            (_ctx.global.tel.open && _ctx.global.tel.userOpen)
               ? (vue.openBlock(), vue.createElementBlock("div", {
                   key: 2,
                   class: "global tel",
@@ -62472,7 +62476,7 @@ summary tabindex target title type usemap value width wmode wrap`;
                   }, "拨号", 4 /* STYLE */)
                 ], 4 /* STYLE */))
               : vue.createCommentVNode("v-if", true),
-            (_ctx.global.map?.open && _ctx.global.map?.userOpen)
+            (_ctx.global.map.open && _ctx.global.map.userOpen)
               ? (vue.openBlock(), vue.createElementBlock("div", {
                   key: 3,
                   class: "global map",
@@ -62563,7 +62567,7 @@ summary tabindex target title type usemap value width wmode wrap`;
             (_ctx.showWhichSelect)
               ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12, [
                   vue.createElementVNode("ul", null, [
-                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.global.recepit?.whichList, (item) => {
+                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.global.recepit.whichList, (item) => {
                       return (vue.openBlock(), vue.createElementBlock("li", {
                         key: item.label,
                         onClick: $event => (_ctx.selectWhich(item))
@@ -62595,7 +62599,7 @@ summary tabindex target title type usemap value width wmode wrap`;
             }, [..._hoisted_19]),
             vue.createElementVNode("div", {
               class: "global-v-show",
-              innerHTML: _ctx.global.video?.url
+              innerHTML: _ctx.global.video.url
             }, null, 8 /* PROPS */, _hoisted_20)
           ]))
         : vue.createCommentVNode("v-if", true),
@@ -62603,7 +62607,7 @@ summary tabindex target title type usemap value width wmode wrap`;
       (_ctx.showTelList)
         ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_21, [
             vue.createElementVNode("ul", null, [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.global.tel?.list, (item) => {
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.global.tel.list, (item) => {
                 return (vue.openBlock(), vue.createElementBlock("li", {
                   key: item.value || item.label,
                   onClick: $event => (_ctx.makeCall(item))

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "unika-components",
-  "version": "1.0.381",
+  "version": "1.0.383",
   "private": false,
   "main": "dist/unika-components.umd.js",
   "module": "dist/unika-components.esm.js",