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

package/lib/packages/components/msg/src/msg.vue2.js

@@ -3,8 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
+var purify_es = require('../../../../node_modules/.pnpm/dompurify@3.3.1/node_modules/dompurify/dist/purify.es.js');
 var index$1 = require('../../button/index.js');
-var index = require('../../gap/index.js');
+var index = require('../../../locale/index.js');
 
 const __default__ = vue.defineComponent({
   name: "ToMsg"
@@ -12,70 +13,69 @@ const __default__ = vue.defineComponent({
 var _sfc_main = /* @__PURE__ */ vue.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 = vue.ref(null);
     const iShowDetail = vue.ref(props.showDetail);
-    const visible = vue.ref(false);
+    const visible = vue.ref(props.show);
     const slots = vue.useSlots();
     const isCom = vue.isVNode(props.content);
     const className = vue.useAttrs().class;
+    vue.watch(
+      () => props.show,
+      (newVal) => {
+        visible.value = newVal;
+      },
+      {
+        immediate: true
+      }
+    );
     const setClass = vue.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 = vue.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 = vue.computed(() => {
       const style = {};
       if (props.width) {
@@ -83,18 +83,12 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
       return style;
     });
-    const setDetailStyle = vue.computed(() => {
-      if (props.detailWidth !== "auto") {
-        return {
-          width: !isNaN(Number(props.detailWidth)) ? `${props.detailWidth}em` : props.detailWidth
-        };
-      }
-      return {};
-    });
     const hasInfoContent = vue.computed(() => props.title || slots.default || props.content || slots.content || slots.title);
+    const safeContent = vue.computed(() => purify_es.default.sanitize(props.content));
+    const safeDetail = vue.computed(() => purify_es.default.sanitize(props.detail));
     const emoteComponent = vue.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") {
@@ -103,11 +97,11 @@ var _sfc_main = /* @__PURE__ */ vue.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++;
       }
@@ -127,138 +121,189 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       emit("close");
     };
     const bgClose = () => {
-      if (!props.closeOnClickModal || !props.closeOnBlur)
-        return;
-      close();
-    };
-    vue.onMounted(() => {
-      if (props.global) {
-        document.body.appendChild(document.querySelector(".to-msg"));
+      if (props.closeOnBlur) {
+        close();
       }
-    });
-    vue.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 vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["to-msg", setClass.value]),
-        style: vue.normalizeStyle(setStyle.value)
+        ref_key: "el",
+        ref: el,
+        key: vue.unref(index.langKey),
+        flex: __props.flex ? __props.flex : null,
+        class: vue.normalizeClass(["to-msg", setClass.value])
       }, [
         vue.createElementVNode("div", {
           class: "to-msg-bg",
           onClick: bgClose
         }),
-        vue.createElementVNode("div", {
-          class: "to-msg-wrapper",
-          style: vue.normalizeStyle(setWrapperStyle.value)
-        }, [
-          vue.createElementVNode("div", { class: "to-msg-side" }, [
-            emoteComponent.value ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(emoteComponent.value), { key: 0 })) : (vue.openBlock(), vue.createElementBlock("div", {
-              key: 1,
-              class: "to-msg-pic"
-            }))
-          ]),
-          hasInfoContent.value ? (vue.openBlock(), vue.createElementBlock("div", {
-            key: 0,
-            class: "to-msg-main"
-          }, [
-            _ctx.title || vue.unref(slots).title || vue.unref(slots).default ? (vue.openBlock(), vue.createElementBlock("div", {
-              key: 0,
-              class: "to-msg-title"
-            }, [
-              vue.createElementVNode("div", { class: "to-msg-title-text" }, [
-                vue.createTextVNode(vue.toDisplayString(_ctx.title) + " ", 1),
-                vue.renderSlot(_ctx.$slots, "title")
-              ])
-            ])) : vue.createCommentVNode("", true),
-            _ctx.content ? (vue.openBlock(), vue.createElementBlock("div", {
-              key: 1,
-              class: "to-msg-content"
-            }, [
-              vue.createElementVNode("div", { class: "to-msg-content-text" }, [
-                vue.renderSlot(_ctx.$slots, "content", {}, () => [
-                  vue.unref(isCom) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.content), { key: 0 })) : (vue.openBlock(), vue.createElementBlock("span", {
-                    key: 1,
-                    innerHTML: _ctx.content
-                  }, null, 8, ["innerHTML"]))
-                ])
-              ])
-            ])) : vue.createCommentVNode("", true),
-            _ctx.$slots.detail || _ctx.detail ? (vue.openBlock(), vue.createElementBlock("div", { key: 2 }, [
-              vue.createVNode(vue.unref(index.ToGap)),
-              !iShowDetail.value ? (vue.openBlock(), vue.createElementBlock("a", {
+        vue.createElementVNode("div", { class: "to-msg-scroll" }, [
+          vue.createElementVNode(
+            "div",
+            {
+              class: "to-msg-wrapper",
+              style: vue.normalizeStyle(setWrapperStyle.value)
+            },
+            [
+              vue.createElementVNode("div", { class: "to-msg-side" }, [
+                emoteComponent.value ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(emoteComponent.value), { key: 0 })) : vue.createCommentVNode("v-if", true),
+                vue.createElementVNode("div", { class: "to-msg-icon" })
+              ]),
+              hasInfoContent.value ? (vue.openBlock(), vue.createElementBlock("div", {
                 key: 0,
-                href: "javascript:void(0)",
-                onClick: ($event) => iShowDetail.value = true
-              }, "\u663E\u793A\u8BE6\u60C5", 8, ["onClick"])) : (vue.openBlock(), vue.createElementBlock("a", {
-                key: 1,
-                href: "javascript:void(0)",
-                onClick: ($event) => iShowDetail.value = false
-              }, "\u9690\u85CF\u8BE6\u60C5", 8, ["onClick"]))
-            ])) : vue.createCommentVNode("", true),
-            vue.unref(slots).detail ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-              key: 3,
-              style: vue.normalizeStyle(setDetailStyle.value),
-              class: "detail"
-            }, [
-              vue.renderSlot(_ctx.$slots, "detail")
-            ], 4)), [
-              [vue.vShow, iShowDetail.value]
-            ]) : vue.createCommentVNode("", true),
-            _ctx.detail && !vue.unref(slots).detail ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-              key: 4,
-              style: vue.normalizeStyle(setDetailStyle.value),
-              class: "detail",
-              innerHTML: _ctx.detail
-            }, null, 12, ["innerHTML"])), [
-              [vue.vShow, iShowDetail.value]
-            ]) : vue.createCommentVNode("", true),
-            vue.createElementVNode("div", { class: "to-msg-fn" }, [
-              vue.renderSlot(_ctx.$slots, "default", {}, () => [
-                _ctx.cancelButtonText ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ToButton), {
+                class: "to-msg-main"
+              }, [
+                vue.createElementVNode("div", { class: "to-msg-text" }, [
+                  __props.title || vue.unref(slots).title || vue.unref(slots).default ? (vue.openBlock(), vue.createElementBlock("div", {
+                    key: 0,
+                    class: "to-msg-title"
+                  }, [
+                    vue.createTextVNode(
+                      vue.toDisplayString(__props.title) + " ",
+                      1
+                      /* TEXT */
+                    ),
+                    vue.renderSlot(_ctx.$slots, "title")
+                  ])) : vue.createCommentVNode("v-if", true),
+                  __props.content || vue.unref(slots).content ? (vue.openBlock(), vue.createElementBlock("div", {
+                    key: 1,
+                    class: "to-msg-content"
+                  }, [
+                    vue.renderSlot(_ctx.$slots, "content", {}, () => [
+                      vue.unref(isCom) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.content), { key: 0 })) : (vue.openBlock(), vue.createElementBlock("span", {
+                        key: 1,
+                        innerHTML: safeContent.value
+                      }, null, 8, ["innerHTML"]))
+                    ])
+                  ])) : vue.createCommentVNode("v-if", true)
+                ]),
+                vue.unref(slots).detail || __props.detail ? (vue.openBlock(), vue.createElementBlock("div", {
                   key: 0,
-                  icon: "close",
-                  fillet: "normal",
-                  onClick: cancel
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createTextVNode(vue.toDisplayString(_ctx.cancelButtonText), 1)
-                  ]),
-                  _: 1
-                })) : vue.createCommentVNode("", true),
-                _ctx.confirmButtonText ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ToButton), {
+                  class: "to-msg-detail"
+                }, [
+                  _ctx.$slots.detail || __props.detail ? (vue.openBlock(), vue.createElementBlock(
+                    vue.Fragment,
+                    { key: 0 },
+                    [
+                      !iShowDetail.value ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ToButton), {
+                        key: 0,
+                        "icon-position": "right",
+                        icon: "expand",
+                        class: "to-msg-detail-button",
+                        href: "javascript:void(0)",
+                        onClick: ($event) => iShowDetail.value = true
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createTextVNode(
+                            vue.toDisplayString(vue.unref(index.t)("to.msg.showDetail")),
+                            1
+                            /* TEXT */
+                          )
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 8, ["onClick"])) : (vue.openBlock(), vue.createBlock(vue.unref(index$1.ToButton), {
+                        key: 1,
+                        "icon-position": "right",
+                        icon: "collapse",
+                        class: "to-msg-detail-button",
+                        href: "javascript:void(0)",
+                        onClick: ($event) => iShowDetail.value = false
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createTextVNode(
+                            vue.toDisplayString(vue.unref(index.t)("to.msg.hideDetail")),
+                            1
+                            /* TEXT */
+                          )
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 8, ["onClick"]))
+                    ],
+                    64
+                    /* STABLE_FRAGMENT */
+                  )) : vue.createCommentVNode("v-if", true),
+                  vue.unref(slots).detail && iShowDetail.value ? (vue.openBlock(), vue.createElementBlock("div", {
+                    key: 1,
+                    class: "to-msg-detail-content"
+                  }, [
+                    vue.renderSlot(_ctx.$slots, "detail")
+                  ])) : __props.detail && iShowDetail.value ? (vue.openBlock(), vue.createElementBlock("div", {
+                    key: 2,
+                    class: "to-msg-detail-content",
+                    innerHTML: safeDetail.value
+                  }, null, 8, ["innerHTML"])) : vue.createCommentVNode("v-if", true)
+                ])) : vue.createCommentVNode("v-if", true),
+                __props.confirmable || __props.cancelable || __props.buttons.length ? (vue.openBlock(), vue.createElementBlock("div", {
                   key: 1,
-                  icon: "ok",
-                  color: "primary",
-                  fillet: "normal",
-                  onClick: confirm
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createTextVNode(vue.toDisplayString(_ctx.confirmButtonText), 1)
-                  ]),
-                  _: 1
-                })) : vue.createCommentVNode("", true),
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.buttons, (btn, index) => {
-                  return vue.openBlock(), vue.createBlock(vue.unref(index$1.ToButton), vue.mergeProps({ key: index }, { ref_for: true }, btn.attrs, {
-                    onClick: ($event) => handleButtonClick(btn)
-                  }), {
-                    default: vue.withCtx(() => [
-                      vue.createTextVNode(vue.toDisplayString(btn.label), 1)
-                    ]),
-                    _: 2
-                  }, 1040, ["onClick"]);
-                }), 128))
-              ])
-            ])
-          ])) : vue.createCommentVNode("", true)
-        ], 4)
-      ], 6);
+                  class: "to-msg-fn"
+                }, [
+                  vue.renderSlot(_ctx.$slots, "default", {}, () => [
+                    (vue.openBlock(true), vue.createElementBlock(
+                      vue.Fragment,
+                      null,
+                      vue.renderList(__props.buttons, (btn, index) => {
+                        return vue.openBlock(), vue.createBlock(vue.unref(index$1.ToButton), vue.mergeProps({
+                          key: index,
+                          class: "to-msg-button type-extend"
+                        }, { ref_for: true }, btn.attrs, {
+                          onClick: ($event) => handleButtonClick(btn)
+                        }), {
+                          default: vue.withCtx(() => [
+                            vue.createTextVNode(
+                              vue.toDisplayString(btn.label),
+                              1
+                              /* TEXT */
+                            )
+                          ]),
+                          _: 2
+                          /* DYNAMIC */
+                        }, 1040, ["onClick"]);
+                      }),
+                      128
+                      /* KEYED_FRAGMENT */
+                    )),
+                    __props.cancelText || true ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ToButton), {
+                      key: 0,
+                      class: "to-msg-button type-extend",
+                      onClick: cancel
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode(
+                          vue.toDisplayString(__props.cancelText || vue.unref(index.t)("to.msg.cancel")),
+                          1
+                          /* TEXT */
+                        )
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })) : vue.createCommentVNode("v-if", true),
+                    __props.confirmText || true ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ToButton), {
+                      key: 1,
+                      class: "to-msg-button type-confirm",
+                      onClick: confirm
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode(
+                          vue.toDisplayString(__props.confirmText || vue.unref(index.t)("to.msg.confirm")),
+                          1
+                          /* TEXT */
+                        )
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })) : vue.createCommentVNode("v-if", true)
+                  ])
+                ])) : vue.createCommentVNode("v-if", true)
+              ])) : vue.createCommentVNode("v-if", true)
+            ],
+            4
+            /* STYLE */
+          )
+        ])
+      ], 10, ["flex"]);
     };
   }
 });

package/lib/packages/components/msg/src/msg.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"msg.vue2.js","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","ref","useSlots","isVNode","useAttrs","computed","onMounted","onBeforeUnmount","_createElementBlock","_normalizeClass","_createElementVNode","_openBlock","_createBlock","_resolveDynamicComponent","title","_unref","_renderSlot","content","$slots","detail","_createVNode","ToGap","cancelButtonText","ToButton","confirmButtonText","_Fragment","buttons","_mergeProps","_createTextVNode","_toDisplayString"],"mappings":"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"}
+{"version":3,"file":"msg.vue2.js","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","ref","useSlots","isVNode","useAttrs","watch","computed","DOMPurify","el","_createElementBlock","_unref","langKey","_normalizeClass","_createElementVNode","_openBlock","_createBlock","_resolveDynamicComponent","_createTextVNode","_toDisplayString","_renderSlot","$slots","_Fragment","ToButton","t","_renderList","_mergeProps"],"mappings":"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"}

package/lib/packages/components/padding/index.d.js

@@ -0,0 +1,3 @@
+'use strict';
+
+//# sourceMappingURL=index.d.js.map

package/lib/packages/components/padding/index.d.js.map

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

package/lib/packages/components/padding/index.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var padding_vue_vue_type_script_setup_true_lang = require('./src/padding.vue2.js');
+var padding = require('./src/padding.vue.js');
 var types = require('../../utils/types.js');
 
-const ToPadding = types.withInstall(padding_vue_vue_type_script_setup_true_lang.default);
+const ToPadding = types.withInstall(padding.default);
 
 exports.ToPadding = ToPadding;
 //# sourceMappingURL=index.js.map

package/lib/packages/components/padding/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","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":["withInstall","Padding"],"mappings":";;;;;AAEa,MAAA,SAAA,GAA4CA,kBAAYC,mDAAO;;;;"}
+{"version":3,"file":"index.js","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":["withInstall","Padding"],"mappings":";;;;;AAEa,MAAA,SAAA,GAA4CA,kBAAYC,eAAO;;;;"}

package/lib/packages/components/padding/src/instance.d.js

@@ -0,0 +1,3 @@
+'use strict';
+
+//# sourceMappingURL=instance.d.js.map

package/lib/packages/components/padding/src/instance.d.js.map

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

package/lib/packages/components/padding/src/padding.vue.js

@@ -3,8 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var padding_vue_vue_type_script_setup_true_lang = require('./padding.vue2.js');
+var _pluginVue_exportHelper = require('../../../../_virtual/_plugin-vue_export-helper.js');
 
+var Padding = /* @__PURE__ */ _pluginVue_exportHelper.default(padding_vue_vue_type_script_setup_true_lang.default, [["__file", "padding.vue"]]);
 
-
-exports.default = padding_vue_vue_type_script_setup_true_lang.default;
+exports.default = Padding;
 //# sourceMappingURL=padding.vue.js.map

package/lib/packages/components/padding/src/padding.vue.js.map

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

package/lib/packages/components/padding/src/padding.vue2.js

@@ -10,6 +10,7 @@ const __default__ = vue.defineComponent({
 var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...__default__,
   props: {
+    flex: { type: Boolean, default: false },
     mode: { default: "default" },
     value: { default: 1 },
     height: { default: "" },
@@ -20,11 +21,11 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const hasUnit = (val) => /[a-z%]+$/i.test(val);
     const setStyle = vue.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;
@@ -56,10 +57,11 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(["to-padding", setClass.value]),
+        flex: __props.flex ? __props.flex : null,
         style: vue.normalizeStyle(setStyle.value)
       }, [
         vue.renderSlot(_ctx.$slots, "default")
-      ], 6);
+      ], 14, ["flex"]);
     };
   }
 });