@touchvue/ui 1.0.0-beta.5 → 1.0.0-beta.51

package/es/packages/components/msg/src/msg.vue2.mjs

@@ -1,6 +1,7 @@
-import { defineComponent, ref, useSlots, isVNode, useAttrs, computed, onMounted, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, createBlock, resolveDynamicComponent, unref, createTextVNode, toDisplayString, renderSlot, createCommentVNode, createVNode, withDirectives, vShow, withCtx, Fragment, renderList, mergeProps } from 'vue';
+import { defineComponent, ref, useSlots, isVNode, useAttrs, watch, computed, openBlock, createElementBlock, unref, normalizeClass, createElementVNode, normalizeStyle, createBlock, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, renderSlot, Fragment, withCtx, renderList, mergeProps } from 'vue';
+import purify from '../../../../node_modules/.pnpm/dompurify@3.3.1/node_modules/dompurify/dist/purify.es.mjs';
 import { ToButton } from '../../button/index.mjs';
-import { ToGap } from '../../gap/index.mjs';
+import { langKey, t } from '../../../locale/index.mjs';
 
 const __default__ = defineComponent({
   name: "ToMsg"
@@ -8,70 +9,69 @@ const __default__ = defineComponent({
 var _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
   props: {
+    flex: { type: Boolean, default: false },
+    type: { default: "" },
     mode: { default: "default" },
     title: { default: "" },
     content: { default: "" },
     buttons: { default: () => [] },
     height: { default: "auto" },
     width: { default: "" },
+    dir: { default: "" },
     detail: { default: "" },
-    detailWidth: { default: "auto" },
     showDetail: { type: Boolean, default: true },
     padding: { default: 0 },
-    pic: { default: "" },
-    picPosition: { default: "top" },
     position: { default: "" },
-    confirmButtonText: { default: "" },
-    cancelButtonText: { default: "" },
-    closeOnClickModal: { type: Boolean, default: true },
+    confirmText: { default: "" },
+    cancelText: { default: "" },
     closeOnBlur: { type: Boolean, default: true },
     zIndex: { default: 0 },
-    global: { type: Boolean, default: false },
-    show: { type: Boolean, default: false }
+    show: { type: Boolean, default: false },
+    global: { type: Boolean, default: true },
+    confirmable: { type: Boolean, default: true },
+    cancelable: { type: Boolean, default: true }
   },
   emits: ["close", "confirm"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const el = ref(null);
     const iShowDetail = ref(props.showDetail);
-    const visible = ref(false);
+    const visible = ref(props.show);
     const slots = useSlots();
     const isCom = isVNode(props.content);
     const className = useAttrs().class;
+    watch(
+      () => props.show,
+      (newVal) => {
+        visible.value = newVal;
+      },
+      {
+        immediate: true
+      }
+    );
     const setClass = computed(() => {
       const arr = [];
       if (props.mode)
         arr.push(`mode-${props.mode}`);
-      if (props.pic) {
-        arr.push(`pic-${props.pic}`);
+      if (props.type) {
+        arr.push(`type-${props.type}`);
       }
-      if (props.picPosition !== "top") {
-        arr.push(`pic-position-${props.picPosition}`);
+      if (props.dir) {
+        arr.push(`dir-${props.dir}`);
       }
       if (props.position) {
         arr.push(`position-${props.position}`);
       }
-      if (props.show || visible.value)
+      if (props.global) {
+        arr.push("is-global");
+      }
+      if (visible.value)
         arr.push("is-show");
       if (className)
         arr.push(className);
       return arr;
     });
-    const setStyle = computed(() => {
-      const style = {};
-      if (props.height) {
-        if (isNaN(Number(props.height))) {
-          if (props.height === "full") {
-            style.height = "100%";
-          } else {
-            style.height = props.height;
-          }
-        } else {
-          style.height = `${props.height}em`;
-        }
-      }
-      return style;
-    });
     const setWrapperStyle = computed(() => {
       const style = {};
       if (props.width) {
@@ -79,18 +79,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return style;
     });
-    const setDetailStyle = computed(() => {
-      if (props.detailWidth !== "auto") {
-        return {
-          width: !isNaN(Number(props.detailWidth)) ? `${props.detailWidth}em` : props.detailWidth
-        };
-      }
-      return {};
-    });
     const hasInfoContent = computed(() => props.title || slots.default || props.content || slots.content || slots.title);
+    const safeContent = computed(() => purify.sanitize(props.content));
+    const safeDetail = computed(() => purify.sanitize(props.detail));
     const emoteComponent = computed(() => {
       var _a, _b, _c;
-      return (_c = (_b = (_a = window.$TouchUI) == null ? void 0 : _a.msg) == null ? void 0 : _b.emote) == null ? void 0 : _c[props.pic || "default"];
+      return (_c = (_b = (_a = window.$TouchUI) == null ? void 0 : _a.msg) == null ? void 0 : _b.emote) == null ? void 0 : _c[props.type || "default"];
     });
     const handleButtonClick = (btn) => {
       if (typeof btn.fn === "function") {
@@ -99,11 +93,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const open = () => {
       var _a, _b;
-      const el = document.querySelector(".to-msg");
+      const el2 = document.querySelector(".to-msg");
       if (props.zIndex) {
-        el.style.zIndex = props.zIndex.toString();
+        el2.style.zIndex = props.zIndex.toString();
       } else {
-        el.style.zIndex = ((_b = (_a = window.$TouchUI) == null ? void 0 : _a.zIndex) != null ? _b : 1e3).toString();
+        el2.style.zIndex = ((_b = (_a = window.$TouchUI) == null ? void 0 : _a.zIndex) != null ? _b : 1e3).toString();
         if (window.$TouchUI)
           window.$TouchUI.zIndex++;
       }
@@ -123,138 +117,189 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       emit("close");
     };
     const bgClose = () => {
-      if (!props.closeOnClickModal || !props.closeOnBlur)
-        return;
-      close();
-    };
-    onMounted(() => {
-      if (props.global) {
-        document.body.appendChild(document.querySelector(".to-msg"));
+      if (props.closeOnBlur) {
+        close();
       }
-    });
-    onBeforeUnmount(() => {
-      if (props.global) {
-        const el = document.querySelector(".to-msg");
-        if (el && el.parentNode) {
-          el.parentNode.removeChild(el);
-        }
-      }
-    });
+    };
     __expose({ open, close });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["to-msg", setClass.value]),
-        style: normalizeStyle(setStyle.value)
+        ref_key: "el",
+        ref: el,
+        key: unref(langKey),
+        flex: __props.flex ? __props.flex : null,
+        class: normalizeClass(["to-msg", setClass.value])
       }, [
         createElementVNode("div", {
           class: "to-msg-bg",
           onClick: bgClose
         }),
-        createElementVNode("div", {
-          class: "to-msg-wrapper",
-          style: normalizeStyle(setWrapperStyle.value)
-        }, [
-          createElementVNode("div", { class: "to-msg-side" }, [
-            emoteComponent.value ? (openBlock(), createBlock(resolveDynamicComponent(emoteComponent.value), { key: 0 })) : (openBlock(), createElementBlock("div", {
-              key: 1,
-              class: "to-msg-pic"
-            }))
-          ]),
-          hasInfoContent.value ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: "to-msg-main"
-          }, [
-            _ctx.title || unref(slots).title || unref(slots).default ? (openBlock(), createElementBlock("div", {
-              key: 0,
-              class: "to-msg-title"
-            }, [
-              createElementVNode("div", { class: "to-msg-title-text" }, [
-                createTextVNode(toDisplayString(_ctx.title) + " ", 1),
-                renderSlot(_ctx.$slots, "title")
-              ])
-            ])) : createCommentVNode("", true),
-            _ctx.content ? (openBlock(), createElementBlock("div", {
-              key: 1,
-              class: "to-msg-content"
-            }, [
-              createElementVNode("div", { class: "to-msg-content-text" }, [
-                renderSlot(_ctx.$slots, "content", {}, () => [
-                  unref(isCom) ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.content), { key: 0 })) : (openBlock(), createElementBlock("span", {
-                    key: 1,
-                    innerHTML: _ctx.content
-                  }, null, 8, ["innerHTML"]))
-                ])
-              ])
-            ])) : createCommentVNode("", true),
-            _ctx.$slots.detail || _ctx.detail ? (openBlock(), createElementBlock("div", { key: 2 }, [
-              createVNode(unref(ToGap)),
-              !iShowDetail.value ? (openBlock(), createElementBlock("a", {
+        createElementVNode("div", { class: "to-msg-scroll" }, [
+          createElementVNode(
+            "div",
+            {
+              class: "to-msg-wrapper",
+              style: normalizeStyle(setWrapperStyle.value)
+            },
+            [
+              createElementVNode("div", { class: "to-msg-side" }, [
+                emoteComponent.value ? (openBlock(), createBlock(resolveDynamicComponent(emoteComponent.value), { key: 0 })) : createCommentVNode("v-if", true),
+                createElementVNode("div", { class: "to-msg-icon" })
+              ]),
+              hasInfoContent.value ? (openBlock(), createElementBlock("div", {
                 key: 0,
-                href: "javascript:void(0)",
-                onClick: ($event) => iShowDetail.value = true
-              }, "\u663E\u793A\u8BE6\u60C5", 8, ["onClick"])) : (openBlock(), createElementBlock("a", {
-                key: 1,
-                href: "javascript:void(0)",
-                onClick: ($event) => iShowDetail.value = false
-              }, "\u9690\u85CF\u8BE6\u60C5", 8, ["onClick"]))
-            ])) : createCommentVNode("", true),
-            unref(slots).detail ? withDirectives((openBlock(), createElementBlock("div", {
-              key: 3,
-              style: normalizeStyle(setDetailStyle.value),
-              class: "detail"
-            }, [
-              renderSlot(_ctx.$slots, "detail")
-            ], 4)), [
-              [vShow, iShowDetail.value]
-            ]) : createCommentVNode("", true),
-            _ctx.detail && !unref(slots).detail ? withDirectives((openBlock(), createElementBlock("div", {
-              key: 4,
-              style: normalizeStyle(setDetailStyle.value),
-              class: "detail",
-              innerHTML: _ctx.detail
-            }, null, 12, ["innerHTML"])), [
-              [vShow, iShowDetail.value]
-            ]) : createCommentVNode("", true),
-            createElementVNode("div", { class: "to-msg-fn" }, [
-              renderSlot(_ctx.$slots, "default", {}, () => [
-                _ctx.cancelButtonText ? (openBlock(), createBlock(unref(ToButton), {
+                class: "to-msg-main"
+              }, [
+                createElementVNode("div", { class: "to-msg-text" }, [
+                  __props.title || unref(slots).title || unref(slots).default ? (openBlock(), createElementBlock("div", {
+                    key: 0,
+                    class: "to-msg-title"
+                  }, [
+                    createTextVNode(
+                      toDisplayString(__props.title) + " ",
+                      1
+                      /* TEXT */
+                    ),
+                    renderSlot(_ctx.$slots, "title")
+                  ])) : createCommentVNode("v-if", true),
+                  __props.content || unref(slots).content ? (openBlock(), createElementBlock("div", {
+                    key: 1,
+                    class: "to-msg-content"
+                  }, [
+                    renderSlot(_ctx.$slots, "content", {}, () => [
+                      unref(isCom) ? (openBlock(), createBlock(resolveDynamicComponent(__props.content), { key: 0 })) : (openBlock(), createElementBlock("span", {
+                        key: 1,
+                        innerHTML: safeContent.value
+                      }, null, 8, ["innerHTML"]))
+                    ])
+                  ])) : createCommentVNode("v-if", true)
+                ]),
+                unref(slots).detail || __props.detail ? (openBlock(), createElementBlock("div", {
                   key: 0,
-                  icon: "close",
-                  fillet: "normal",
-                  onClick: cancel
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(_ctx.cancelButtonText), 1)
-                  ]),
-                  _: 1
-                })) : createCommentVNode("", true),
-                _ctx.confirmButtonText ? (openBlock(), createBlock(unref(ToButton), {
+                  class: "to-msg-detail"
+                }, [
+                  _ctx.$slots.detail || __props.detail ? (openBlock(), createElementBlock(
+                    Fragment,
+                    { key: 0 },
+                    [
+                      !iShowDetail.value ? (openBlock(), createBlock(unref(ToButton), {
+                        key: 0,
+                        "icon-position": "right",
+                        icon: "expand",
+                        class: "to-msg-detail-button",
+                        href: "javascript:void(0)",
+                        onClick: ($event) => iShowDetail.value = true
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(
+                            toDisplayString(unref(t)("to.msg.showDetail")),
+                            1
+                            /* TEXT */
+                          )
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 8, ["onClick"])) : (openBlock(), createBlock(unref(ToButton), {
+                        key: 1,
+                        "icon-position": "right",
+                        icon: "collapse",
+                        class: "to-msg-detail-button",
+                        href: "javascript:void(0)",
+                        onClick: ($event) => iShowDetail.value = false
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(
+                            toDisplayString(unref(t)("to.msg.hideDetail")),
+                            1
+                            /* TEXT */
+                          )
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 8, ["onClick"]))
+                    ],
+                    64
+                    /* STABLE_FRAGMENT */
+                  )) : createCommentVNode("v-if", true),
+                  unref(slots).detail && iShowDetail.value ? (openBlock(), createElementBlock("div", {
+                    key: 1,
+                    class: "to-msg-detail-content"
+                  }, [
+                    renderSlot(_ctx.$slots, "detail")
+                  ])) : __props.detail && iShowDetail.value ? (openBlock(), createElementBlock("div", {
+                    key: 2,
+                    class: "to-msg-detail-content",
+                    innerHTML: safeDetail.value
+                  }, null, 8, ["innerHTML"])) : createCommentVNode("v-if", true)
+                ])) : createCommentVNode("v-if", true),
+                __props.confirmable || __props.cancelable || __props.buttons.length ? (openBlock(), createElementBlock("div", {
                   key: 1,
-                  icon: "ok",
-                  color: "primary",
-                  fillet: "normal",
-                  onClick: confirm
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(_ctx.confirmButtonText), 1)
-                  ]),
-                  _: 1
-                })) : createCommentVNode("", true),
-                (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.buttons, (btn, index) => {
-                  return openBlock(), createBlock(unref(ToButton), mergeProps({ key: index }, { ref_for: true }, btn.attrs, {
-                    onClick: ($event) => handleButtonClick(btn)
-                  }), {
-                    default: withCtx(() => [
-                      createTextVNode(toDisplayString(btn.label), 1)
-                    ]),
-                    _: 2
-                  }, 1040, ["onClick"]);
-                }), 128))
-              ])
-            ])
-          ])) : createCommentVNode("", true)
-        ], 4)
-      ], 6);
+                  class: "to-msg-fn"
+                }, [
+                  renderSlot(_ctx.$slots, "default", {}, () => [
+                    (openBlock(true), createElementBlock(
+                      Fragment,
+                      null,
+                      renderList(__props.buttons, (btn, index) => {
+                        return openBlock(), createBlock(unref(ToButton), mergeProps({
+                          key: index,
+                          class: "to-msg-button type-extend"
+                        }, { ref_for: true }, btn.attrs, {
+                          onClick: ($event) => handleButtonClick(btn)
+                        }), {
+                          default: withCtx(() => [
+                            createTextVNode(
+                              toDisplayString(btn.label),
+                              1
+                              /* TEXT */
+                            )
+                          ]),
+                          _: 2
+                          /* DYNAMIC */
+                        }, 1040, ["onClick"]);
+                      }),
+                      128
+                      /* KEYED_FRAGMENT */
+                    )),
+                    __props.cancelText || true ? (openBlock(), createBlock(unref(ToButton), {
+                      key: 0,
+                      class: "to-msg-button type-extend",
+                      onClick: cancel
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(
+                          toDisplayString(__props.cancelText || unref(t)("to.msg.cancel")),
+                          1
+                          /* TEXT */
+                        )
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })) : createCommentVNode("v-if", true),
+                    __props.confirmText || true ? (openBlock(), createBlock(unref(ToButton), {
+                      key: 1,
+                      class: "to-msg-button type-confirm",
+                      onClick: confirm
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(
+                          toDisplayString(__props.confirmText || unref(t)("to.msg.confirm")),
+                          1
+                          /* TEXT */
+                        )
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })) : createCommentVNode("v-if", true)
+                  ])
+                ])) : createCommentVNode("v-if", true)
+              ])) : createCommentVNode("v-if", true)
+            ],
+            4
+            /* STYLE */
+          )
+        ])
+      ], 10, ["flex"]);
     };
   }
 });

package/es/packages/components/msg/src/msg.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"msg.vue2.mjs","sources":["../../../../../../packages/components/msg/src/msg.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: 'ToMsg'\n});\n</script>\n<template>\n\t<div class=\"to-msg\" :class=\"setClass\" :style=\"setStyle\">\n\t\t<div class=\"to-msg-bg\" @click=\"bgClose\"></div>\n\t\t<div class=\"to-msg-wrapper\" :style=\"setWrapperStyle\">\n\t\t\t<div class=\"to-msg-side\">\n\t\t\t\t<component :is=\"emoteComponent\" v-if=\"emoteComponent\"></component>\n\t\t\t\t<div v-else class=\"to-msg-pic\"></div>\n\t\t\t</div>\n\n\t\t\t<div v-if=\"hasInfoContent\" class=\"to-msg-main\">\n\t\t\t\t<div v-if=\"title || slots.title || slots.default\" class=\"to-msg-title\">\n\t\t\t\t\t<div class=\"to-msg-title-text\">\n\t\t\t\t\t\t{{ title }}\n\t\t\t\t\t\t<slot name=\"title\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<div v-if=\"content\" class=\"to-msg-content\">\n\t\t\t\t\t<div class=\"to-msg-content-text\">\n\t\t\t\t\t\t<slot name=\"content\">\n\t\t\t\t\t\t\t<component :is=\"content\" v-if=\"isCom\"></component>\n\t\t\t\t\t\t\t<span v-else v-html=\"content\"></span>\n\t\t\t\t\t\t</slot>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<div v-if=\"$slots.detail || detail\">\n\t\t\t\t\t<to-gap></to-gap>\n\t\t\t\t\t<a v-if=\"!iShowDetail\" href=\"javascript:void(0)\" @click=\"iShowDetail = true\">显示详情</a>\n\t\t\t\t\t<a v-else href=\"javascript:void(0)\" @click=\"iShowDetail = false\">隐藏详情</a>\n\t\t\t\t</div>\n\t\t\t\t<div v-show=\"iShowDetail\" v-if=\"slots.detail\" :style=\"setDetailStyle\" class=\"detail\">\n\t\t\t\t\t<slot name=\"detail\" />\n\t\t\t\t</div>\n\t\t\t\t<div v-show=\"iShowDetail\" v-if=\"detail && !slots.detail\" :style=\"setDetailStyle\" class=\"detail\" v-html=\"detail\" />\n\t\t\t\t<div class=\"to-msg-fn\">\n\t\t\t\t\t<slot>\n\t\t\t\t\t\t<to-button v-if=\"cancelButtonText\" icon=\"close\" fillet=\"normal\" @click=\"cancel\">{{ cancelButtonText }}</to-button>\n\t\t\t\t\t\t<to-button v-if=\"confirmButtonText\" icon=\"ok\" color=\"primary\" fillet=\"normal\" @click=\"confirm\">{{ confirmButtonText }}</to-button>\n\t\t\t\t\t\t<to-button v-for=\"(btn, index) in buttons\" :key=\"index\" v-bind=\"btn.attrs\" @click=\"handleButtonClick(btn)\">\n\t\t\t\t\t\t\t{{ btn.label }}\n\t\t\t\t\t\t</to-button>\n\t\t\t\t\t</slot>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, onBeforeUnmount, computed, ref, useSlots, useAttrs, CSSProperties, isVNode } from 'vue'\nimport { ToButton, ToGap } from '@touchvue/components'\n\n\nexport interface ButtonConfig {\n\tlabel: string\n\tattrs?: Record<string, any>\n\tfn?: () => void\n}\n\nexport interface Props {\n\tmode?: string\n\ttitle?: string\n\tcontent?: any\n\tbuttons?: ButtonConfig[]\n\theight?: string | number\n\twidth?: string | number\n\n\tdetail?: string\n\tdetailWidth?: string | number\n\tshowDetail?: boolean\n\tpadding?: string | number\n\tpic?: string\n\tpicPosition?: string\n\tposition?: string\n\tconfirmButtonText?: string\n\tcancelButtonText?: string\n\tcloseOnClickModal?: boolean\n\tcloseOnBlur?: boolean\n\tzIndex?: number | string\n\tglobal?: boolean\n\tshow?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n\tmode: 'default',\n\ttitle: '',\n\tcontent: '',\n\tbuttons: () => [],\n\theight: 'auto',\n\twidth: '',\n\n\tdetail: '',\n\tdetailWidth: 'auto',\n\tshowDetail: true,\n\tpadding: 0,\n\tpic: '',\n\tpicPosition: 'top', //left top\n\tposition: '',\n\tconfirmButtonText: '',\n\tcancelButtonText: '',\n\tcloseOnClickModal: true,\n\tcloseOnBlur: true,\n\tzIndex: 0,\n\tglobal: false,\n\tshow: false\n})\n\nconst emit = defineEmits(['close', 'confirm'])\n\nconst iShowDetail = ref(props.showDetail)\nconst visible = ref(false)\nconst slots = useSlots()\nconst isCom = isVNode(props.content)\n\nconst className = useAttrs().class as string | undefined\n\nconst setClass = computed(() => {\n\tconst arr: string[] = []\n\tif (props.mode) arr.push(`mode-${props.mode}`)\n\tif (props.pic) {\n\t\tarr.push(`pic-${props.pic}`)\n\t}\n\tif (props.picPosition !== 'top') {\n\t\tarr.push(`pic-position-${props.picPosition}`)\n\t}\n\tif (props.position) {\n\t\tarr.push(`position-${props.position}`)\n\t}\n\tif (props.show || visible.value) arr.push('is-show')\n\tif (className) arr.push(className)\n\treturn arr\n})\n\nconst setStyle = computed(() => {\n\tconst style: CSSProperties = {}\n\tif (props.height) {\n\t\tif (isNaN(Number(props.height))) {\n\t\t\tif (props.height === 'full') {\n\t\t\t\tstyle.height = '100%'\n\t\t\t} else {\n\t\t\t\tstyle.height = props.height\n\t\t\t}\n\t\t} else {\n\t\t\tstyle.height = `${props.height}em`\n\t\t}\n\t}\n\treturn style\n})\n\nconst setWrapperStyle = computed(() => {\n\tconst style: CSSProperties = {}\n\tif (props.width) {\n\t\tstyle.width = `${props.width}em`\n\t}\n\treturn style\n})\n\nconst setDetailStyle = computed(() => {\n\tif (props.detailWidth !== 'auto') {\n\t\treturn {\n\t\t\twidth: !isNaN(Number(props.detailWidth)) ? `${props.detailWidth}em` : props.detailWidth\n\t\t}\n\t}\n\treturn {}\n})\n\nconst hasInfoContent = computed(() => props.title || slots.default || props.content || slots.content || slots.title)\n\nconst emoteComponent = computed(() => {\n\treturn (window as any).$TouchUI?.msg?.emote?.[props.pic || 'default']\n})\n\nconst handleButtonClick = (btn: ButtonConfig) => {\n\tif (typeof btn.fn === 'function') {\n\t\tbtn.fn()\n\t}\n}\n\nconst open = () => {\n\tconst el = document.querySelector('.to-msg') as HTMLElement\n\tif (props.zIndex) {\n\t\tel.style.zIndex = props.zIndex.toString()\n\t} else {\n\t\tel.style.zIndex = ((window as any).$TouchUI?.zIndex ?? 1000).toString()\n\t\tif ((window as any).$TouchUI) (window as any).$TouchUI.zIndex++\n\t}\n\tvisible.value = true\n}\n\nconst close = () => {\n\tvisible.value = false\n\temit('close')\n}\n\nconst confirm = () => {\n\temit('confirm')\n\tvisible.value = false\n\temit('close')\n}\n\nconst cancel = () => {\n\tvisible.value = false\n\temit('close')\n}\n\nconst bgClose = () => {\n\tif (!props.closeOnClickModal || !props.closeOnBlur) return\n\tclose()\n}\n\nonMounted(() => {\n\tif (props.global) {\n\t\tdocument.body.appendChild(document.querySelector('.to-msg')!)\n\t}\n})\n\nonBeforeUnmount(() => {\n\tif (props.global) {\n\t\tconst el = document.querySelector('.to-msg')\n\t\tif (el && el.parentNode) {\n\t\t\tel.parentNode.removeChild(el)\n\t\t}\n\t}\n})\n\ndefineExpose({ open, close })\n</script>\n"],"names":["DO_defineComponent","_createElementBlock","_normalizeClass","_createElementVNode","_openBlock","_createBlock","_resolveDynamicComponent","title","_unref","_renderSlot","content","$slots","detail","_createVNode","cancelButtonText","confirmButtonText","_Fragment","buttons","_mergeProps","_createTextVNode","_toDisplayString"],"mappings":"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"}
+{"version":3,"file":"msg.vue2.mjs","sources":["../../../../../../packages/components/msg/src/msg.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\r\n\tname: 'ToMsg'\r\n});\n</script>\n<template>\r\n\t<div ref=\"el\" :key=\"langKey\" :flex=\"flex ? flex : null\" class=\"to-msg\" :class=\"setClass\">\r\n\t\t<div class=\"to-msg-bg\" @click=\"bgClose\"></div>\r\n\t\t<div class=\"to-msg-scroll\">\r\n\t\t\t<div class=\"to-msg-wrapper\" :style=\"setWrapperStyle\">\r\n\t\t\t\t<div class=\"to-msg-side\">\r\n\t\t\t\t\t<component :is=\"emoteComponent\" v-if=\"emoteComponent\"></component>\r\n\t\t\t\t\t<div class=\"to-msg-icon\"></div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div v-if=\"hasInfoContent\" class=\"to-msg-main\">\r\n\t\t\t\t\t<div class=\"to-msg-text\">\r\n\t\t\t\t\t\t<div v-if=\"title || slots.title || slots.default\" class=\"to-msg-title\">\r\n\t\t\t\t\t\t\t{{ title }}\r\n\t\t\t\t\t\t\t<slot name=\"title\" />\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div v-if=\"content || slots.content\" class=\"to-msg-content\">\r\n\t\t\t\t\t\t\t<slot name=\"content\">\r\n\t\t\t\t\t\t\t\t<component :is=\"content\" v-if=\"isCom\"></component>\r\n\t\t\t\t\t\t\t\t<span v-else v-html=\"safeContent\"></span>\r\n\t\t\t\t\t\t\t</slot>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div v-if=\"slots.detail || detail\" class=\"to-msg-detail\">\r\n\t\t\t\t\t\t<template v-if=\"$slots.detail || detail\">\r\n\t\t\t\t\t\t\t<to-button v-if=\"!iShowDetail\" icon-position=\"right\" icon=\"expand\" class=\"to-msg-detail-button\" href=\"javascript:void(0)\" @click=\"iShowDetail = true\">{{ t('to.msg.showDetail') }}</to-button>\r\n\t\t\t\t\t\t\t<to-button v-else icon-position=\"right\" icon=\"collapse\" class=\"to-msg-detail-button\" href=\"javascript:void(0)\" @click=\"iShowDetail = false\">{{ t('to.msg.hideDetail') }}</to-button>\r\n\t\t\t\t\t\t</template>\r\n\t\t\t\t\t\t<div v-if=\"slots.detail && iShowDetail\" class=\"to-msg-detail-content\">\r\n\t\t\t\t\t\t\t<slot name=\"detail\" />\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div v-else-if=\"detail && iShowDetail\" class=\"to-msg-detail-content\" v-html=\"safeDetail\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div v-if=\"confirmable || cancelable || buttons.length\" class=\"to-msg-fn\">\r\n\t\t\t\t\t\t<slot>\r\n\t\t\t\t\t\t\t<to-button v-for=\"(btn, index) in buttons\" :key=\"index\" class=\"to-msg-button type-extend\" v-bind=\"btn.attrs\" @click=\"handleButtonClick(btn)\">{{ btn.label }}</to-button>\r\n\t\t\t\t\t\t\t<to-button v-if=\"cancelText || true\" class=\"to-msg-button type-extend\" @click=\"cancel\">{{ cancelText || t('to.msg.cancel') }}</to-button>\r\n\t\t\t\t\t\t\t<to-button v-if=\"confirmText || true\" class=\"to-msg-button type-confirm\" @click=\"confirm\">{{ confirmText || t('to.msg.confirm') }}</to-button>\r\n\t\t\t\t\t\t</slot>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport DOMPurify from 'dompurify'\r\nimport { computed, ref, useSlots, useAttrs, CSSProperties, isVNode, watch } from 'vue'\r\nimport { ToButton } from '@touchvue/components'\r\nimport { t, langKey } from '@touchvue/locale'\r\n\r\n\r\nexport interface ButtonConfig {\r\n\tlabel: string\r\n\tattrs?: Record<string, any>\r\n\tfn?: () => void\r\n}\r\n\r\nexport interface Props {\r\n\tflex?: boolean\r\n\ttype?: string\r\n\tmode?: string\r\n\ttitle?: string\r\n\tcontent?: any\r\n\tbuttons?: ButtonConfig[]\r\n\theight?: string | number\r\n\twidth?: string | number\r\n\tdir?: string\r\n\tdetail?: string\r\n\tshowDetail?: boolean\r\n\tpadding?: string | number\r\n\tposition?: string\r\n\tconfirmText?: string\r\n\tcancelText?: string\r\n\tcloseOnBlur?: boolean\r\n\tzIndex?: number | string\r\n\tshow?: boolean\r\n\tglobal?: boolean\r\n\tconfirmable?: boolean\r\n\tcancelable?: boolean\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n\tmode: 'default',\r\n\ttitle: '',\r\n\tcontent: '',\r\n\tbuttons: () => [],\r\n\theight: 'auto',\r\n\twidth: '',\r\n\tflex: false,\r\n\tdetail: '',\r\n\tshowDetail: true,\r\n\tpadding: 0,\r\n\ttype: '',\r\n\tdir: '',\r\n\tposition: '',\r\n\tconfirmText: '',\r\n\tcancelText: '',\r\n\tcloseOnBlur: true,\r\n\tzIndex: 0,\r\n\tshow: false,\r\n\tglobal: true,\r\n\tconfirmable: true,\r\n\tcancelable: true\r\n})\r\n\r\nconst emit = defineEmits(['close', 'confirm'])\r\n\r\nconst el = ref(null)\r\nconst iShowDetail = ref(props.showDetail)\r\nconst visible = ref(props.show)\r\nconst slots = useSlots()\r\nconst isCom = isVNode(props.content)\r\n\r\nconst className = useAttrs().class as string | undefined\r\n\r\n// 监听 show 属性变化\r\nwatch(\r\n\t() => props.show,\r\n\tnewVal => {\r\n\t\tvisible.value = newVal\r\n\t},\r\n\t{\r\n\t\timmediate: true\r\n\t}\r\n)\r\n\r\n// 计算属性\r\n\r\nconst setClass = computed(() => {\r\n\tconst arr: string[] = []\r\n\tif (props.mode) arr.push(`mode-${props.mode}`)\r\n\tif (props.type) {\r\n\t\tarr.push(`type-${props.type}`)\r\n\t}\r\n\tif (props.dir) {\r\n\t\tarr.push(`dir-${props.dir}`)\r\n\t}\r\n\tif (props.position) {\r\n\t\tarr.push(`position-${props.position}`)\r\n\t}\r\n\tif (props.global) {\r\n\t\tarr.push('is-global')\r\n\t}\r\n\tif (visible.value) arr.push('is-show')\r\n\tif (className) arr.push(className)\r\n\treturn arr\r\n})\r\n\r\nconst setWrapperStyle = computed(() => {\r\n\tconst style: CSSProperties = {}\r\n\tif (props.width) {\r\n\t\tstyle.width = `${props.width}em`\r\n\t}\r\n\treturn style\r\n})\r\n\r\nconst hasInfoContent = computed(() => props.title || slots.default || props.content || slots.content || slots.title)\r\nconst safeContent = computed(() => DOMPurify.sanitize(props.content))\r\nconst safeDetail = computed(() => DOMPurify.sanitize(props.detail))\r\n\r\nconst emoteComponent = computed(() => {\r\n\treturn (window as any).$TouchUI?.msg?.emote?.[props.type || 'default']\r\n})\r\n\r\nconst handleButtonClick = (btn: ButtonConfig) => {\r\n\tif (typeof btn.fn === 'function') {\r\n\t\tbtn.fn()\r\n\t}\r\n}\r\n\r\nconst open = () => {\r\n\tconst el = document.querySelector('.to-msg') as HTMLElement\r\n\tif (props.zIndex) {\r\n\t\tel.style.zIndex = props.zIndex.toString()\r\n\t} else {\r\n\t\tel.style.zIndex = ((window as any).$TouchUI?.zIndex ?? 1000).toString()\r\n\t\tif ((window as any).$TouchUI) (window as any).$TouchUI.zIndex++\r\n\t}\r\n\tvisible.value = true\r\n}\r\n\r\nconst close = () => {\r\n\tvisible.value = false\r\n\temit('close')\r\n}\r\n\r\nconst confirm = () => {\r\n\temit('confirm')\r\n\tvisible.value = false\r\n\temit('close')\r\n}\r\n\r\nconst cancel = () => {\r\n\tvisible.value = false\r\n\temit('close')\r\n}\r\n\r\nconst bgClose = () => {\r\n\tif (props.closeOnBlur) {\r\n\t\tclose()\r\n\t}\r\n}\r\n\r\ndefineExpose({ open, close })\r\n</script>\r\n"],"names":["DO_defineComponent","DOMPurify","el","_createElementBlock","_unref","_normalizeClass","_createElementVNode","_openBlock","_createBlock","_resolveDynamicComponent","_createTextVNode","_toDisplayString","_renderSlot","$slots","_Fragment","_renderList","_mergeProps"],"mappings":"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"}

package/es/packages/components/padding/index.d.mjs

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=index.d.mjs.map

package/es/packages/components/padding/index.d.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/packages/components/padding/index.mjs

@@ -1,7 +1,7 @@
-import _sfc_main from './src/padding.vue2.mjs';
+import Padding from './src/padding.vue.mjs';
 import { withInstall } from '../../utils/types.mjs';
 
-const ToPadding = withInstall(_sfc_main);
+const ToPadding = withInstall(Padding);
 
 export { ToPadding };
 //# sourceMappingURL=index.mjs.map

package/es/packages/components/padding/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/padding/index.ts"],"sourcesContent":["import Padding from './src/padding.vue';\nimport { SFCWithInstall, withInstall } from '@touchvue/utils';\nexport const ToPadding: SFCWithInstall<typeof Padding> = withInstall(Padding);\nexport * from './src/instance';\n"],"names":["Padding"],"mappings":";;;AAEa,MAAA,SAAA,GAA4C,YAAYA,SAAO;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/padding/index.ts"],"sourcesContent":["import Padding from './src/padding.vue';\r\nimport { SFCWithInstall, withInstall } from '@touchvue/utils';\r\nexport const ToPadding: SFCWithInstall<typeof Padding> = withInstall(Padding);\r\nexport * from './src/instance';\r\n"],"names":[],"mappings":";;;AAEa,MAAA,SAAA,GAA4C,YAAY,OAAO;;;;"}

package/es/packages/components/padding/src/instance.d.mjs

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=instance.d.mjs.map

package/es/packages/components/padding/src/instance.d.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"instance.d.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/packages/components/padding/src/padding.vue.mjs

@@ -1,6 +1,7 @@
 import _sfc_main from './padding.vue2.mjs';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.mjs';
 
+var Padding = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "padding.vue"]]);
 
-
-export { _sfc_main as default };
+export { Padding as default };
 //# sourceMappingURL=padding.vue.mjs.map

package/es/packages/components/padding/src/padding.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"padding.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"padding.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/es/packages/components/padding/src/padding.vue2.mjs

@@ -6,6 +6,7 @@ const __default__ = defineComponent({
 var _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
   props: {
+    flex: { type: Boolean, default: false },
     mode: { default: "default" },
     value: { default: 1 },
     height: { default: "" },
@@ -16,11 +17,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const hasUnit = (val) => /[a-z%]+$/i.test(val);
     const setStyle = computed(() => {
       const obj = {};
-      if (String(props.value).trim()) {
+      if (String(props.value).trim() && props.mode === "default") {
         const padded = String(props.value).trim().split(/\s+/).map((val) => {
           return hasUnit(val) ? val : `${val}em`;
         }).join(" ");
-        obj.padding = padded;
+        obj["--value"] = padded;
       }
       if (!props.position.includes("t")) {
         obj.paddingTop = 0;
@@ -52,10 +53,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["to-padding", setClass.value]),
+        flex: __props.flex ? __props.flex : null,
         style: normalizeStyle(setStyle.value)
       }, [
         renderSlot(_ctx.$slots, "default")
-      ], 6);
+      ], 14, ["flex"]);
     };
   }
 });