@maketribe/ms-app 3.2.46 → 4.0.0-alpha.1

package/dist/cjs/components/basic/lexical-editor/plugins/ToolbarPlugin.vue4.js

@@ -8,6 +8,7 @@ const useLexicalEditorState = require("../composables/useLexicalEditorState.js")
 require("../composables/useElementBlockSelection.js");
 require("@lexical/rich-text");
 const lexicalEditor = require("../composables/lexicalEditor.js");
+const index = require("../../svg-icon/index.js");
 const _hoisted_1 = { style: { "padding": "0 10px" } };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "ToolbarPlugin",
@@ -45,7 +46,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       setContentType
     } = useLexicalEditorState.useLexicalEditorState();
     return (_ctx, _cache) => {
-      const _component_MKSvgIcon = vue.resolveComponent("MKSvgIcon");
       const _component_el_button = vue.resolveComponent("el-button");
       const _component_el_button_group = vue.resolveComponent("el-button-group");
       const _component_el_divider = vue.resolveComponent("el-divider");
@@ -63,7 +63,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               onClick: _cache[0] || (_cache[0] = ($event) => vue.unref(undoCommand)())
             }, {
               default: vue.withCtx(() => [
-                vue.createVNode(_component_MKSvgIcon, { iconClass: "RefreshLeft" })
+                vue.createVNode(vue.unref(index.MKSvgIcon), { name: "ep:refresh-left" })
               ]),
               _: 1
             }, 8, ["disabled"]),
@@ -73,7 +73,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               onClick: _cache[1] || (_cache[1] = ($event) => vue.unref(redoCommand)())
             }, {
               default: vue.withCtx(() => [
-                vue.createVNode(_component_MKSvgIcon, { iconClass: "RefreshRight" })
+                vue.createVNode(vue.unref(index.MKSvgIcon), { name: "ep:refresh-right" })
               ]),
               _: 1
             }, 8, ["disabled"])
@@ -105,8 +105,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             vue.createVNode(_component_el_button, { text: "" }, {
               default: vue.withCtx(() => [
                 vue.createTextVNode(vue.toDisplayString(vue.unref(curContentTypeDesc)) + " ", 1),
-                vue.createVNode(_component_MKSvgIcon, {
-                  iconClass: "ArrowDownBold",
+                vue.createVNode(vue.unref(index.MKSvgIcon), {
+                  name: "formkit:arrowdown",
                   style: { "margin-left": "8px" }
                 })
               ]),
@@ -149,8 +149,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             }, {
               default: vue.withCtx(() => [
                 vue.createTextVNode(vue.toDisplayString(vue.unref(fontFamily).label) + " ", 1),
-                vue.createVNode(_component_MKSvgIcon, {
-                  iconClass: "ArrowDownBold",
+                vue.createVNode(vue.unref(index.MKSvgIcon), {
+                  name: "formkit:arrowdown",
                   style: { "margin-left": "8px" }
                 })
               ]),
@@ -190,8 +190,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             }, {
               default: vue.withCtx(() => [
                 vue.createTextVNode(vue.toDisplayString(vue.unref(fontSize)) + " ", 1),
-                vue.createVNode(_component_MKSvgIcon, {
-                  iconClass: "ArrowDownBold",
+                vue.createVNode(vue.unref(index.MKSvgIcon), {
+                  name: "formkit:arrowdown",
                   style: { "margin-left": "8px" }
                 })
               ]),
@@ -258,7 +258,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               onClick: _cache[6] || (_cache[6] = ($event) => vue.unref(setTextStyle)("bold"))
             }, {
               default: vue.withCtx(() => [
-                vue.createVNode(_component_MKSvgIcon, { iconClass: "doc-bold" })
+                vue.createVNode(vue.unref(index.MKSvgIcon), { name: "mingcute:bold-fill" })
               ]),
               _: 1
             }, 8, ["disabled", "class"]),
@@ -269,7 +269,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               onClick: _cache[7] || (_cache[7] = ($event) => vue.unref(setTextStyle)("italic"))
             }, {
               default: vue.withCtx(() => [
-                vue.createVNode(_component_MKSvgIcon, { iconClass: "doc-italic" })
+                vue.createVNode(vue.unref(index.MKSvgIcon), { name: "mingcute:italic-fill" })
               ]),
               _: 1
             }, 8, ["disabled", "class"]),
@@ -280,7 +280,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               onClick: _cache[8] || (_cache[8] = ($event) => vue.unref(setTextStyle)("strikethrough"))
             }, {
               default: vue.withCtx(() => [
-                vue.createVNode(_component_MKSvgIcon, { iconClass: "doc-strikethrough" })
+                vue.createVNode(vue.unref(index.MKSvgIcon), { name: "mingcute:strikethrough-fill" })
               ]),
               _: 1
             }, 8, ["disabled", "class"]),
@@ -291,7 +291,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               onClick: _cache[9] || (_cache[9] = ($event) => vue.unref(setTextStyle)("underline"))
             }, {
               default: vue.withCtx(() => [
-                vue.createVNode(_component_MKSvgIcon, { iconClass: "doc-underline" })
+                vue.createVNode(vue.unref(index.MKSvgIcon), { name: "mingcute:underline-fill" })
               ]),
               _: 1
             }, 8, ["disabled", "class"]),
@@ -302,7 +302,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               onClick: _cache[10] || (_cache[10] = ($event) => vue.unref(setTextStyle)("subscript"))
             }, {
               default: vue.withCtx(() => [
-                vue.createVNode(_component_MKSvgIcon, { iconClass: "doc-sub" })
+                vue.createVNode(vue.unref(index.MKSvgIcon), { name: "material-symbols:subscript" })
               ]),
               _: 1
             }, 8, ["disabled", "class"]),
@@ -313,7 +313,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               onClick: _cache[11] || (_cache[11] = ($event) => vue.unref(setTextStyle)("superscript"))
             }, {
               default: vue.withCtx(() => [
-                vue.createVNode(_component_MKSvgIcon, { iconClass: "doc-sup" })
+                vue.createVNode(vue.unref(index.MKSvgIcon), { name: "material-symbols:superscript" })
               ]),
               _: 1
             }, 8, ["disabled", "class"])
@@ -335,10 +335,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     onClick: ($event) => vue.unref(setTextStyle)("align", item)
                   }, {
                     default: vue.withCtx(() => [
-                      vue.createVNode(_component_MKSvgIcon, {
-                        iconClass: `doc-text-${item}`,
+                      vue.createVNode(vue.unref(index.MKSvgIcon), {
+                        name: `quill:text-${item}`,
                         style: { "font-size": "18px" }
-                      }, null, 8, ["iconClass"])
+                      }, null, 8, ["name"])
                     ]),
                     _: 2
                   }, 1032, ["class", "value", "onClick"]);
@@ -354,10 +354,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               disabled: vue.unref(canTextStyleDisabled)
             }, {
               default: vue.withCtx(() => [
-                vue.createVNode(_component_MKSvgIcon, {
-                  iconClass: `doc-text-${vue.unref(alignValue)}`,
+                vue.createVNode(vue.unref(index.MKSvgIcon), {
+                  name: `quill:text-${vue.unref(alignValue)}`,
                   style: { "font-size": "18px" }
-                }, null, 8, ["iconClass"])
+                }, null, 8, ["name"])
               ]),
               _: 1
             }, 8, ["style", "disabled"])
@@ -374,12 +374,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               onClick: _cache[12] || (_cache[12] = ($event) => vue.unref(setTextStyle)("link"))
             }, {
               default: vue.withCtx(() => [
-                !vue.unref(canLink) ? (vue.openBlock(), vue.createBlock(_component_MKSvgIcon, {
+                !vue.unref(canLink) ? (vue.openBlock(), vue.createBlock(vue.unref(index.MKSvgIcon), {
                   key: 0,
-                  iconClass: "doc-link"
-                })) : (vue.openBlock(), vue.createBlock(_component_MKSvgIcon, {
+                  name: "tabler:link"
+                })) : (vue.openBlock(), vue.createBlock(vue.unref(index.MKSvgIcon), {
                   key: 1,
-                  iconClass: "doc-unlink"
+                  name: "tabler:unlink"
                 }))
               ]),
               _: 1
@@ -399,9 +399,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     disabled: item.disbale ? item.disbale(vue.unref(activeNode)) : false
                   }, {
                     default: vue.withCtx(() => [
-                      vue.createVNode(_component_MKSvgIcon, {
-                        iconClass: item.icon
-                      }, null, 8, ["iconClass"]),
+                      vue.createVNode(vue.unref(index.MKSvgIcon), {
+                        name: item.icon
+                      }, null, 8, ["name"]),
                       vue.createTextVNode(" " + vue.toDisplayString(item.text), 1)
                     ]),
                     _: 2
@@ -414,8 +414,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           default: vue.withCtx(() => [
             vue.createVNode(_component_el_button, { text: "" }, {
               default: vue.withCtx(() => [
-                vue.createVNode(_component_MKSvgIcon, {
-                  iconClass: "Plus",
+                vue.createVNode(vue.unref(index.MKSvgIcon), {
+                  name: "ep:plus",
                   style: { "margin-right": "5px" }
                 }),
                 vue.createTextVNode(" 插入 ")

package/dist/cjs/components/basic/lexical-editor/plugins/ToolbarPlugin.vue4.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarPlugin.vue4.js","sources":["../../../../../../src/components/basic/lexical-editor/plugins/ToolbarPlugin.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\n\r\nimport { useLexicalEditorState,useLexicalEditorContext } from '../composables'\r\n\r\nconst props = defineProps({\r\n  // doc | richtext | mini\r\n  mode:{ type:String,default:\"doc\" }\r\n})\r\n// 上下文\r\nconst { editor,toolbarExtendPlugins } = useLexicalEditorContext();\r\n \r\n\r\nconst {  \r\n    activeNode,\r\n    canUndo,undoCommand,\r\n    canRedo,redoCommand,\r\n    canTextStyleDisabled,\r\n    setTextStyle,\r\n    fontFamily,fontfamilyOptoins,\r\n    fontSize,fontSizeOptions,\r\n    fontColor,bgColor,\r\n    canBold,canItalic,canStrikethrough,canUnderline,canSubscript,canSuperscript,\r\n    canLink,\r\n    alignList,alignValue,\r\n    contentTypeList,curContentTypeDesc,setContentType\r\n} = useLexicalEditorState()\r\n\r\n</script>\r\n\r\n<template>\r\n    <el-button-group>\r\n      <el-button text :disabled=\"!canUndo\" @click=\"undoCommand()\">\r\n        <MKSvgIcon iconClass=\"RefreshLeft\" /> \r\n      </el-button>\r\n      <el-button text :disabled=\"!canRedo\" @click=\"redoCommand()\">\r\n        <MKSvgIcon iconClass=\"RefreshRight\" /> \r\n      </el-button>\r\n    </el-button-group>\r\n    <el-divider  direction=\"vertical\" />\r\n     <!-- 内容 -->\r\n     <el-dropdown max-height=\"300px\">\r\n      <el-button text>\r\n        {{curContentTypeDesc}} <MKSvgIcon iconClass=\"ArrowDownBold\" style=\"margin-left: 8px;\" /> \r\n      </el-button>\r\n      <template #dropdown>\r\n        <el-dropdown-menu>\r\n          <el-dropdown-item :class=\"{active:curContentTypeDesc == item.label}\"   v-for=\"item in contentTypeList\" :value=\"item.value\" @click=\"setContentType(item.value)\">\r\n           <div style=\"padding: 0 10px;\"> {{item.label}} </div>\r\n          </el-dropdown-item>\r\n        </el-dropdown-menu>\r\n      </template>\r\n    </el-dropdown>\r\n    <el-divider  direction=\"vertical\" /> \r\n    <!-- 字体 -->\r\n    <el-dropdown max-height=\"300px\" :disabled=\"canTextStyleDisabled\">\r\n      <el-button text  :style=\"{fontFamily:fontFamily.value}\" :disabled=\"canTextStyleDisabled\">\r\n        {{fontFamily.label}} <MKSvgIcon iconClass=\"ArrowDownBold\" style=\"margin-left: 8px;\" /> \r\n      </el-button>\r\n      <template #dropdown>\r\n        <el-dropdown-menu>\r\n          <el-dropdown-item :class=\"{active:fontFamily.label == item.label}\"   v-for=\"item in fontfamilyOptoins\" :value=\"item.value\" @click=\"setTextStyle('font-family',item.value)\">\r\n            <span :style=\"{fontFamily:item.value}\">\r\n              {{item.label}}\r\n            </span>\r\n          </el-dropdown-item>\r\n        </el-dropdown-menu>\r\n      </template>\r\n    </el-dropdown>\r\n    <el-divider  direction=\"vertical\" />  \r\n    <!-- 字体大小 -->\r\n    <el-dropdown max-height=\"300px\" :disabled=\"canTextStyleDisabled\">\r\n        <el-button text :disabled=\"canTextStyleDisabled\">\r\n          {{fontSize}} <MKSvgIcon iconClass=\"ArrowDownBold\" style=\"margin-left: 8px;\" /> \r\n        </el-button>\r\n        <template #dropdown>\r\n          <el-dropdown-menu>\r\n            <el-dropdown-item :class=\"{active:fontSize==item.label}\"   v-for=\"item in fontSizeOptions\" :value=\"item.value\" @click=\"setTextStyle('font-size',item.value)\">{{item.label}}</el-dropdown-item>\r\n          </el-dropdown-menu>\r\n        </template>\r\n    </el-dropdown>\r\n    <el-divider  direction=\"vertical\" />  \r\n    <!-- 字体颜色 -->\r\n    <el-tooltip effect=\"dark\" content=\"文字颜色\">\r\n      <el-button text :disabled=\"canTextStyleDisabled\" class=\"font-color\">\r\n          <el-color-picker v-model=\"fontColor\" :disabled=\"canTextStyleDisabled\" @change=\"($event:any)=>setTextStyle('color',$event)\"  />\r\n      </el-button>\r\n    </el-tooltip>\r\n    \r\n    <el-divider  direction=\"vertical\" />  \r\n    <!-- 背景颜色 -->\r\n    <el-tooltip effect=\"dark\" content=\"背景颜色\">\r\n      <el-button text :disabled=\"canTextStyleDisabled\" class=\"bg-color\">\r\n        <el-color-picker v-model=\"bgColor\" :disabled=\"canTextStyleDisabled\"  @change=\"($event:any)=>setTextStyle('background-color',$event)\" />\r\n      </el-button>\r\n    </el-tooltip>\r\n\r\n    <el-divider direction=\"vertical\" />\r\n    <el-button-group class=\"font-style\">\r\n      <el-button :disabled=\"canTextStyleDisabled\" text :class=\"`${canBold ? 'active' : ''}`\" @click=\"setTextStyle('bold')\">\r\n        <MKSvgIcon iconClass=\"doc-bold\" /> \r\n      </el-button>\r\n      <el-button :disabled=\"canTextStyleDisabled\" text :class=\"`${canItalic ? 'active' : ''}`\" @click=\"setTextStyle('italic')\">\r\n        <MKSvgIcon iconClass=\"doc-italic\" /> \r\n      </el-button>\r\n      <el-button :disabled=\"canTextStyleDisabled\" text :class=\"`${canStrikethrough ? 'active' : ''}`\" @click=\"setTextStyle('strikethrough')\">\r\n        <MKSvgIcon iconClass=\"doc-strikethrough\" /> \r\n      </el-button>\r\n      <el-button :disabled=\"canTextStyleDisabled\" text :class=\"`${canUnderline ? 'active' : ''}`\"  @click=\"setTextStyle('underline')\">\r\n        <MKSvgIcon iconClass=\"doc-underline\" /> \r\n      </el-button>\r\n      <el-button :disabled=\"canTextStyleDisabled\" text :class=\"`${canSubscript ? 'active' : ''}`\"  @click=\"setTextStyle('subscript')\">\r\n        <MKSvgIcon iconClass=\"doc-sub\" /> \r\n      </el-button>\r\n      <el-button :disabled=\"canTextStyleDisabled\" text :class=\"`${canSuperscript ? 'active' : ''}`\" @click=\"setTextStyle('superscript')\">\r\n        <MKSvgIcon iconClass=\"doc-sup\" /> \r\n      </el-button>\r\n    </el-button-group>\r\n    <el-divider  direction=\"vertical\" />\r\n    <el-dropdown max-height=\"300px\" :disabled=\"canTextStyleDisabled\">\r\n      <el-button text  :style=\"{fontFamily:fontFamily.value}\" :disabled=\"canTextStyleDisabled\">\r\n        <MKSvgIcon :iconClass=\"`doc-text-${alignValue}`\" style=\"font-size: 18px;\" /> \r\n      </el-button>\r\n      <template #dropdown>\r\n        <el-dropdown-menu>\r\n          <el-dropdown-item :class=\"{active:alignValue == item}\" v-for=\"item in alignList\" :value=\"item\"  @click=\"setTextStyle('align', item)\">\r\n            <MKSvgIcon :iconClass=\"`doc-text-${item}`\" style=\"font-size: 18px;\"  /> \r\n          </el-dropdown-item>\r\n        </el-dropdown-menu>\r\n      </template>\r\n    </el-dropdown>\r\n    <el-divider  direction=\"vertical\" />\r\n    <!-- 链接 -->\r\n    <el-button-group>\r\n      <el-button text :disabled=\"canTextStyleDisabled\" :class=\"`${canLink ? 'active' : ''}`\" @click=\"setTextStyle('link')\">\r\n        <MKSvgIcon v-if=\"!canLink\" iconClass=\"doc-link\" /> \r\n        <MKSvgIcon v-else iconClass=\"doc-unlink\" /> \r\n      </el-button>\r\n    </el-button-group>\r\n    <el-divider direction=\"vertical\" />\r\n    <el-dropdown popper-class=\"lexical-editor-toolsbar-insert-proper\">\r\n      <el-button text>\r\n        <MKSvgIcon iconClass=\"Plus\" style=\"margin-right: 5px;\" /> 插入\r\n      </el-button>\r\n      <template #dropdown>\r\n        <el-dropdown-menu>\r\n          <el-dropdown-item v-for=\"item in toolbarExtendPlugins\" :key=\"item\" @click=\"item.action(editor)\" \r\n          :disabled=\"item.disbale ? item.disbale(activeNode!) : false\">\r\n            <MKSvgIcon :iconClass=\"item.icon\" /> \r\n            {{item.text}}\r\n          </el-dropdown-item>\r\n        </el-dropdown-menu>\r\n      </template>\r\n    </el-dropdown>\r\n   \r\n</template>\r\n<style scoped lang=\"scss\">\r\n\r\n  ::v-deep.font-color,::v-deep.bg-color{\r\n    padding: 0;\r\n    margin-left: 0 !important;\r\n    .el-color-picker{\r\n      height: 30px;\r\n    }\r\n    .el-color-picker>.el-color-picker__trigger{\r\n      border:none;\r\n      position: relative;\r\n      padding: 0;\r\n      box-sizing: border-box;\r\n      width: 30px;\r\n      height: 30px;\r\n      >.el-color-picker__color{\r\n        border:0;\r\n        position: relative;\r\n        .el-color-picker__color-inner{\r\n          position: absolute;\r\n          height: 3px;\r\n          bottom: 2px;\r\n          left: 10%;\r\n          width: 80%;\r\n          outline: 1px solid #ccc;\r\n          .el-icon{\r\n            display: none;\r\n          }\r\n        }\r\n      }\r\n      &::before{\r\n        content: \"A\";\r\n        font-weight: bold;\r\n        font-size: 20px;\r\n        position: absolute;\r\n        width: 100%;\r\n        z-index: 1;\r\n      }\r\n    }\r\n  }\r\n  ::v-deep.bg-color{\r\n    .el-color-picker>.el-color-picker__trigger{\r\n      >.el-color-picker__color{\r\n        background-image: linear-gradient(45deg, #f4f4f4 25%, transparent 25%), linear-gradient(-45deg, #f4f4f4 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #f4f4f4 75%), linear-gradient(-45deg, transparent 75%, #f4f4f4 75%);\r\n        background-size: 5px 5px;\r\n        background-position: 0 0, 0 -10px, -10px 10px, 10px 0px;\r\n        // border: #ccc 2px solid;\r\n        box-sizing:content-box;\r\n        .el-color-picker__color-inner{\r\n          height: 100%;\r\n          bottom: 0;\r\n          left: 0;\r\n          width: 100%;\r\n          outline: none;\r\n        }\r\n      }\r\n      &::before{\r\n        color: #fff;\r\n        text-shadow:0 0 3px #555;\r\n      }\r\n    }\r\n  }\r\n  .font-style{\r\n    .el-button ::v-deep .mk-svg-icon{\r\n      font-size: 18px;\r\n    }\r\n  }\r\n \r\n  .el-dropdown .el-button{\r\n    padding:8px;\r\n  }\r\n  .el-button-group{\r\n    :button{\r\n      font-size: 16px;\r\n      padding:8px;\r\n    }\r\n  }\r\n  .el-button.is-text:not(.is-disabled).active {\r\n    background-color: var(--el-fill-color);\r\n  }\r\n  \r\n</style>\r\n<style lang=\"scss\">\r\n  .lexical-editor-toolsbar-insert-proper .mk-svg-icon{\r\n    font-size: 18px\r\n  }\r\n</style>\r\n"],"names":["useLexicalEditorContext","useLexicalEditorState"],"mappings":";;;;;;;;;;;;;;;;;;AASA,UAAM,EAAE,QAAO,qBAAqB,IAAIA,cAAwB,wBAAA;AAG1D,UAAA;AAAA,MACF;AAAA,MACA;AAAA,MAAQ;AAAA,MACR;AAAA,MAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MAAW;AAAA,MACX;AAAA,MAAS;AAAA,MACT;AAAA,MAAU;AAAA,MACV;AAAA,MAAQ;AAAA,MAAU;AAAA,MAAiB;AAAA,MAAa;AAAA,MAAa;AAAA,MAC7D;AAAA,MACA;AAAA,MAAU;AAAA,MACV;AAAA,MAAgB;AAAA,MAAmB;AAAA,QACnCC,sBAAsB,sBAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ToolbarPlugin.vue4.js","sources":["../../../../../../src/components/basic/lexical-editor/plugins/ToolbarPlugin.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\n\r\nimport { useLexicalEditorState,useLexicalEditorContext } from '../composables'\r\nimport {MKSvgIcon} from \"../../svg-icon\";\r\n\r\nconst props = defineProps({\r\n  // doc | richtext | mini\r\n  mode:{ type:String,default:\"doc\" }\r\n})\r\n// 上下文\r\nconst { editor,toolbarExtendPlugins } = useLexicalEditorContext();\r\n \r\n\r\nconst {  \r\n    activeNode,\r\n    canUndo,undoCommand,\r\n    canRedo,redoCommand,\r\n    canTextStyleDisabled,\r\n    setTextStyle,\r\n    fontFamily,fontfamilyOptoins,\r\n    fontSize,fontSizeOptions,\r\n    fontColor,bgColor,\r\n    canBold,canItalic,canStrikethrough,canUnderline,canSubscript,canSuperscript,\r\n    canLink,\r\n    alignList,alignValue,\r\n    contentTypeList,curContentTypeDesc,setContentType\r\n} = useLexicalEditorState()\r\n\r\n</script>\r\n\r\n<template>\r\n    <el-button-group>\r\n      <el-button text :disabled=\"!canUndo\" @click=\"undoCommand()\">\r\n        <MKSvgIcon name=\"ep:refresh-left\" />\r\n      </el-button>\r\n      <el-button text :disabled=\"!canRedo\" @click=\"redoCommand()\">\r\n        <MKSvgIcon name=\"ep:refresh-right\" />\r\n      </el-button>\r\n    </el-button-group>\r\n    <el-divider  direction=\"vertical\" />\r\n     <!-- 内容 -->\r\n     <el-dropdown max-height=\"300px\">\r\n      <el-button text>\r\n        {{curContentTypeDesc}} <MKSvgIcon name=\"formkit:arrowdown\" style=\"margin-left: 8px;\" />\r\n      </el-button>\r\n      <template #dropdown>\r\n        <el-dropdown-menu>\r\n          <el-dropdown-item :class=\"{active:curContentTypeDesc == item.label}\"   v-for=\"item in contentTypeList\" :value=\"item.value\" @click=\"setContentType(item.value)\">\r\n           <div style=\"padding: 0 10px;\"> {{item.label}} </div>\r\n          </el-dropdown-item>\r\n        </el-dropdown-menu>\r\n      </template>\r\n    </el-dropdown>\r\n    <el-divider  direction=\"vertical\" /> \r\n    <!-- 字体 -->\r\n    <el-dropdown max-height=\"300px\" :disabled=\"canTextStyleDisabled\">\r\n      <el-button text  :style=\"{fontFamily:fontFamily.value}\" :disabled=\"canTextStyleDisabled\">\r\n        {{fontFamily.label}} <MKSvgIcon name=\"formkit:arrowdown\" style=\"margin-left: 8px;\" />\r\n      </el-button>\r\n      <template #dropdown>\r\n        <el-dropdown-menu>\r\n          <el-dropdown-item :class=\"{active:fontFamily.label == item.label}\"   v-for=\"item in fontfamilyOptoins\" :value=\"item.value\" @click=\"setTextStyle('font-family',item.value)\">\r\n            <span :style=\"{fontFamily:item.value}\">\r\n              {{item.label}}\r\n            </span>\r\n          </el-dropdown-item>\r\n        </el-dropdown-menu>\r\n      </template>\r\n    </el-dropdown>\r\n    <el-divider  direction=\"vertical\" />  \r\n    <!-- 字体大小 -->\r\n    <el-dropdown max-height=\"300px\" :disabled=\"canTextStyleDisabled\">\r\n        <el-button text :disabled=\"canTextStyleDisabled\">\r\n          {{fontSize}} <MKSvgIcon name=\"formkit:arrowdown\" style=\"margin-left: 8px;\" />\r\n        </el-button>\r\n        <template #dropdown>\r\n          <el-dropdown-menu>\r\n            <el-dropdown-item :class=\"{active:fontSize==item.label}\"   v-for=\"item in fontSizeOptions\" :value=\"item.value\" @click=\"setTextStyle('font-size',item.value)\">{{item.label}}</el-dropdown-item>\r\n          </el-dropdown-menu>\r\n        </template>\r\n    </el-dropdown>\r\n    <el-divider  direction=\"vertical\" />  \r\n    <!-- 字体颜色 -->\r\n    <el-tooltip effect=\"dark\" content=\"文字颜色\">\r\n      <el-button text :disabled=\"canTextStyleDisabled\" class=\"font-color\">\r\n          <el-color-picker v-model=\"fontColor\" :disabled=\"canTextStyleDisabled\" @change=\"($event:any)=>setTextStyle('color',$event)\"  />\r\n      </el-button>\r\n    </el-tooltip>\r\n    \r\n    <el-divider  direction=\"vertical\" />  \r\n    <!-- 背景颜色 -->\r\n    <el-tooltip effect=\"dark\" content=\"背景颜色\">\r\n      <el-button text :disabled=\"canTextStyleDisabled\" class=\"bg-color\">\r\n        <el-color-picker v-model=\"bgColor\" :disabled=\"canTextStyleDisabled\"  @change=\"($event:any)=>setTextStyle('background-color',$event)\" />\r\n      </el-button>\r\n    </el-tooltip>\r\n\r\n    <el-divider direction=\"vertical\" />\r\n    <el-button-group class=\"font-style\">\r\n      <el-button :disabled=\"canTextStyleDisabled\" text :class=\"`${canBold ? 'active' : ''}`\" @click=\"setTextStyle('bold')\">\r\n        <MKSvgIcon name=\"mingcute:bold-fill\" />\r\n      </el-button>\r\n      <el-button :disabled=\"canTextStyleDisabled\" text :class=\"`${canItalic ? 'active' : ''}`\" @click=\"setTextStyle('italic')\">\r\n        <MKSvgIcon name=\"mingcute:italic-fill\" />\r\n      </el-button>\r\n      <el-button :disabled=\"canTextStyleDisabled\" text :class=\"`${canStrikethrough ? 'active' : ''}`\" @click=\"setTextStyle('strikethrough')\">\r\n        <MKSvgIcon name=\"mingcute:strikethrough-fill\" />\r\n      </el-button>\r\n      <el-button :disabled=\"canTextStyleDisabled\" text :class=\"`${canUnderline ? 'active' : ''}`\"  @click=\"setTextStyle('underline')\">\r\n        <MKSvgIcon name=\"mingcute:underline-fill\" />\r\n      </el-button>\r\n      <el-button :disabled=\"canTextStyleDisabled\" text :class=\"`${canSubscript ? 'active' : ''}`\"  @click=\"setTextStyle('subscript')\">\r\n        <MKSvgIcon name=\"material-symbols:subscript\" />\r\n      </el-button>\r\n      <el-button :disabled=\"canTextStyleDisabled\" text :class=\"`${canSuperscript ? 'active' : ''}`\" @click=\"setTextStyle('superscript')\">\r\n        <MKSvgIcon name=\"material-symbols:superscript\" />\r\n      </el-button>\r\n    </el-button-group>\r\n    <el-divider  direction=\"vertical\" />\r\n    <el-dropdown max-height=\"300px\" :disabled=\"canTextStyleDisabled\">\r\n      <el-button text  :style=\"{fontFamily:fontFamily.value}\" :disabled=\"canTextStyleDisabled\">\r\n        <MKSvgIcon :name=\"`quill:text-${alignValue}`\" style=\"font-size: 18px;\" />\r\n      </el-button>\r\n      <template #dropdown>\r\n        <el-dropdown-menu>\r\n          <el-dropdown-item :class=\"{active:alignValue == item}\" v-for=\"item in alignList\" :value=\"item\"  @click=\"setTextStyle('align', item)\">\r\n            <MKSvgIcon :name=\"`quill:text-${item}`\" style=\"font-size: 18px;\"  />\r\n          </el-dropdown-item>\r\n        </el-dropdown-menu>\r\n      </template>\r\n    </el-dropdown>\r\n    <el-divider  direction=\"vertical\" />\r\n    <!-- 链接 -->\r\n    <el-button-group>\r\n      <el-button text :disabled=\"canTextStyleDisabled\" :class=\"`${canLink ? 'active' : ''}`\" @click=\"setTextStyle('link')\">\r\n        <MKSvgIcon v-if=\"!canLink\" name=\"tabler:link\" />\r\n        <MKSvgIcon v-else name=\"tabler:unlink\" />\r\n      </el-button>\r\n    </el-button-group>\r\n    <el-divider direction=\"vertical\" />\r\n    <el-dropdown popper-class=\"lexical-editor-toolsbar-insert-proper\">\r\n      <el-button text>\r\n        <MKSvgIcon name=\"ep:plus\" style=\"margin-right: 5px;\" /> 插入\r\n      </el-button>\r\n      <template #dropdown>\r\n        <el-dropdown-menu>\r\n          <el-dropdown-item v-for=\"item in toolbarExtendPlugins\" :key=\"item\" @click=\"item.action(editor)\" \r\n          :disabled=\"item.disbale ? item.disbale(activeNode!) : false\">\r\n            <MKSvgIcon :name=\"item.icon\" />\r\n            {{item.text}}\r\n          </el-dropdown-item>\r\n        </el-dropdown-menu>\r\n      </template>\r\n    </el-dropdown>\r\n   \r\n</template>\r\n<style scoped lang=\"scss\">\r\n\r\n  ::v-deep.font-color,::v-deep.bg-color{\r\n    padding: 0;\r\n    margin-left: 0 !important;\r\n    .el-color-picker{\r\n      height: 30px;\r\n    }\r\n    .el-color-picker>.el-color-picker__trigger{\r\n      border:none;\r\n      position: relative;\r\n      padding: 0;\r\n      box-sizing: border-box;\r\n      width: 30px;\r\n      height: 30px;\r\n      >.el-color-picker__color{\r\n        border:0;\r\n        position: relative;\r\n        .el-color-picker__color-inner{\r\n          position: absolute;\r\n          height: 3px;\r\n          bottom: 2px;\r\n          left: 10%;\r\n          width: 80%;\r\n          outline: 1px solid #ccc;\r\n          .el-icon{\r\n            display: none;\r\n          }\r\n        }\r\n      }\r\n      &::before{\r\n        content: \"A\";\r\n        font-weight: bold;\r\n        font-size: 20px;\r\n        position: absolute;\r\n        width: 100%;\r\n        z-index: 1;\r\n      }\r\n    }\r\n  }\r\n  ::v-deep.bg-color{\r\n    .el-color-picker>.el-color-picker__trigger{\r\n      >.el-color-picker__color{\r\n        background-image: linear-gradient(45deg, #f4f4f4 25%, transparent 25%), linear-gradient(-45deg, #f4f4f4 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #f4f4f4 75%), linear-gradient(-45deg, transparent 75%, #f4f4f4 75%);\r\n        background-size: 5px 5px;\r\n        background-position: 0 0, 0 -10px, -10px 10px, 10px 0px;\r\n        // border: #ccc 2px solid;\r\n        box-sizing:content-box;\r\n        .el-color-picker__color-inner{\r\n          height: 100%;\r\n          bottom: 0;\r\n          left: 0;\r\n          width: 100%;\r\n          outline: none;\r\n        }\r\n      }\r\n      &::before{\r\n        color: #fff;\r\n        text-shadow:0 0 3px #555;\r\n      }\r\n    }\r\n  }\r\n  .font-style{\r\n    .el-button ::v-deep .mk-svg-icon{\r\n      font-size: 18px;\r\n    }\r\n  }\r\n \r\n  .el-dropdown .el-button{\r\n    padding:8px;\r\n  }\r\n  .el-button-group{\r\n    :button{\r\n      font-size: 16px;\r\n      padding:8px;\r\n    }\r\n  }\r\n  .el-button.is-text:not(.is-disabled).active {\r\n    background-color: var(--el-fill-color);\r\n  }\r\n  \r\n</style>\r\n<style lang=\"scss\">\r\n  .lexical-editor-toolsbar-insert-proper .mk-svg-icon{\r\n    font-size: 18px\r\n  }\r\n</style>\r\n"],"names":["useLexicalEditorContext","useLexicalEditorState"],"mappings":";;;;;;;;;;;;;;;;;;;AAUA,UAAM,EAAE,QAAO,qBAAqB,IAAIA,cAAwB,wBAAA;AAG1D,UAAA;AAAA,MACF;AAAA,MACA;AAAA,MAAQ;AAAA,MACR;AAAA,MAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MAAW;AAAA,MACX;AAAA,MAAS;AAAA,MACT;AAAA,MAAU;AAAA,MACV;AAAA,MAAQ;AAAA,MAAU;AAAA,MAAiB;AAAA,MAAa;AAAA,MAAa;AAAA,MAC7D;AAAA,MACA;AAAA,MAAU;AAAA,MACV;AAAA,MAAgB;AAAA,MAAmB;AAAA,QACnCC,sBAAsB,sBAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/components/basic/lexical-editor/stage/index.vue.js

@@ -1,5 +1,5 @@
 "use strict";
-const index_vue_vue_type_script_setup_true_lang = require("./index.vue3.js");
+const index_vue_vue_type_script_setup_true_lang = ;/* empty css            */
 ;/* empty css            */
 const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");
 const EditorStage = /* @__PURE__ */ _pluginVue_exportHelper(index_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-cfceb4b3"]]);

package/dist/cjs/components/basic/page-container/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const utils = require("@maketribe/utils");
-const pageContainer = require("./page-container.js");
+const pageContainer = require("./page-container.vue.js");
 const MKPageContainer = utils.withInstall(pageContainer);
 exports.MKPageContainer = MKPageContainer;
 exports.default = MKPageContainer;

package/dist/cjs/components/basic/page-container/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/basic/page-container/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport PageContainer from \"./page-container\";\r\n\r\nexport const MKPageContainer = withInstall(PageContainer);\r\nexport default MKPageContainer;\r\n"],"names":["withInstall","PageContainer"],"mappings":";;;;AAGa,MAAA,kBAAkBA,kBAAYC,aAAa;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/basic/page-container/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport PageContainer from \"./page-container.vue\";\r\n\r\nexport const MKPageContainer = withInstall(PageContainer);\r\nexport default MKPageContainer;\r\n"],"names":["withInstall","PageContainer"],"mappings":";;;;AAGa,MAAA,kBAAkBA,kBAAYC,aAAa;;;"}

package/dist/cjs/components/basic/page-container/page-container.vue.js

@@ -0,0 +1,7 @@
+"use strict";
+const pageContainer_vue_vue_type_script_setup_true_lang = require("./page-container.vue2.js");
+;/* empty css                     */
+const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.js");
+const PageContainer = /* @__PURE__ */ _pluginVue_exportHelper(pageContainer_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-92be8edf"]]);
+module.exports = PageContainer;
+//# sourceMappingURL=page-container.vue.js.map

package/dist/cjs/components/basic/page-container/page-container.vue.js.map

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

package/dist/cjs/components/basic/page-container/page-container.vue2.js

@@ -0,0 +1,16 @@
+"use strict";
+const vue = require("vue");
+const _hoisted_1 = { class: "mk-page-container position-absolute-full" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "MKPageContainer" },
+  __name: "page-container",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;
+//# sourceMappingURL=page-container.vue2.js.map

package/dist/cjs/components/basic/page-container/page-container.vue2.js.map

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

package/dist/cjs/components/basic/radio/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/basic/radio/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport FormRadioBox from \"./radio\";\r\n\r\nexport const MKFormRadioBox = withInstall(FormRadioBox);\r\nexport default MKFormRadioBox;\r\n\r\nexport * from \"./radio-options\";\r\n"],"names":["withInstall","FormRadioBox"],"mappings":";;;;;AAGa,MAAA,iBAAiBA,kBAAYC,KAAY;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/basic/radio/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport FormRadioBox from \"./radio\";\n\nexport const MKFormRadioBox = withInstall(FormRadioBox);\nexport default MKFormRadioBox;\n\nexport * from \"./radio-options\";\n"],"names":["withInstall","FormRadioBox"],"mappings":";;;;;AAGa,MAAA,iBAAiBA,kBAAYC,KAAY;;;;;"}

package/dist/cjs/components/basic/radio/radio-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-options.js","sources":["../../../../../src/components/basic/radio/radio-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { DataTable } from \"@maketribe/dm\";\r\n\r\nexport const radioProps = buildProps({\r\n  modelValue: {\r\n    type: null,\r\n    default: null,\r\n  },\r\n  disabled: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  options: {\r\n    type: Array,\r\n  },\r\n  dataTable: {\r\n    type: DataTable,\r\n  },\r\n  formatOptions: {\r\n    type: Function,\r\n    default: (item: any) => {\r\n      const value = item.value ?? item.id ?? item.name;\r\n      const label = item.label ?? item.desc ?? item.title ?? item.name;\r\n\r\n      return { value, label };\r\n    },\r\n  },\r\n} as const);\r\n\r\nexport type RadioProps = ExtractPropTypes<typeof radioProps>;\r\n\r\nexport const radioEmits = {\r\n  \"update:model-value\": (value: any) => true,\r\n};\r\n\r\nexport type RadioEmits = typeof radioEmits;\r\n"],"names":["buildProps","DataTable"],"mappings":";;;;AAIO,MAAM,aAAaA,MAAAA,WAAW;AAAA,EACnC,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,WAAW;AAAA,IACT,MAAMC,GAAA;AAAA,EACR;AAAA,EACA,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS,CAAC,SAAc;AACtB,YAAM,QAAQ,KAAK,SAAS,KAAK,MAAM,KAAK;AAC5C,YAAM,QAAQ,KAAK,SAAS,KAAK,QAAQ,KAAK,SAAS,KAAK;AAErD,aAAA,EAAE,OAAO;IAClB;AAAA,EACF;AACF,CAAU;AAIH,MAAM,aAAa;AAAA,EACxB,sBAAsB,CAAC,UAAe;AACxC;;;"}
+{"version":3,"file":"radio-options.js","sources":["../../../../../src/components/basic/radio/radio-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { DataTable } from \"@maketribe/dm\";\n\nexport const radioProps = buildProps({\n  modelValue: {\n    type: null,\n    default: null,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  options: {\n    type: Array,\n  },\n  dataTable: {\n    type: DataTable,\n  },\n  formatOptions: {\n    type: Function,\n    default: (item: any) => {\n      const value = item.value ?? item.id ?? item.name;\n      const label = item.label ?? item.desc ?? item.title ?? item.name;\n\n      return { value, label };\n    },\n  },\n} as const);\n\nexport type RadioProps = ExtractPropTypes<typeof radioProps>;\n\nexport const radioEmits = {\n  \"update:model-value\": (value: any) => true,\n};\n\nexport type RadioEmits = typeof radioEmits;\n"],"names":["buildProps","DataTable"],"mappings":";;;;AAIO,MAAM,aAAaA,MAAAA,WAAW;AAAA,EACnC,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,WAAW;AAAA,IACT,MAAMC,GAAA;AAAA,EACR;AAAA,EACA,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS,CAAC,SAAc;AACtB,YAAM,QAAQ,KAAK,SAAS,KAAK,MAAM,KAAK;AAC5C,YAAM,QAAQ,KAAK,SAAS,KAAK,QAAQ,KAAK,SAAS,KAAK;AAErD,aAAA,EAAE,OAAO;IAClB;AAAA,EACF;AACF,CAAU;AAIH,MAAM,aAAa;AAAA,EACxB,sBAAsB,CAAC,UAAe;AACxC;;;"}

package/dist/cjs/components/basic/radio/radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio.js","sources":["../../../../../src/components/basic/radio/radio.tsx"],"sourcesContent":["import { computed, defineComponent, unref, ComputedRef, watch } from \"vue\";\r\nimport { ElRadioGroup, ElRadio } from \"element-plus\";\r\nimport { radioEmits, radioProps } from \"./radio-options\";\r\n\r\nexport type DataOptionItem = { value: any; label: string };\r\n\r\nexport default defineComponent({\r\n  name: \"MKFormRadioBox\",\r\n  inheritAttrs: false,\r\n  props: radioProps,\r\n  emits: radioEmits,\r\n  setup(props, { emit }) {\r\n    const modelValue = computed({\r\n      get: () => props.modelValue,\r\n      set: (v) => {\r\n        emit(\"update:model-value\", v);\r\n      },\r\n    });\r\n\r\n    const disabled = computed(() => props.disabled);\r\n\r\n    const options: ComputedRef<DataOptionItem[]> = computed(() => {\r\n      if (props.dataTable) {\r\n        return props.dataTable\r\n          .getList()\r\n          .map((item) => props.formatOptions(item));\r\n      }\r\n\r\n      if (Array.isArray(props.options)) {\r\n        return props.options.map((item) => props.formatOptions(item));\r\n      }\r\n\r\n      return [];\r\n    });\r\n\r\n    watch(\r\n      computed(() => props.dataTable),\r\n      (dataTable) => {\r\n        dataTable?.dataFilter.setReady();\r\n        dataTable?.load();\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    return () => {\r\n      const children = unref(options).map((item: any) => {\r\n        if (!item.label) {\r\n          return null;\r\n        }\r\n\r\n        return <ElRadio value={item.value}>{item.label}</ElRadio>;\r\n      });\r\n      return (\r\n        <ElRadioGroup\r\n          disabled={unref(disabled)}\r\n          modelValue={unref(modelValue)}\r\n          onUpdate:modelValue={(v: any) => (modelValue.value = v)}\r\n        >\r\n          {children}\r\n        </ElRadioGroup>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","inheritAttrs","props","radioProps","emits","radioEmits","setup","emit","modelValue","computed","get","set","v","disabled","options","dataTable","getList","map","item","formatOptions","Array","isArray","watch","dataFilter","setReady","load","immediate","children","unref","label","_createVNode","ElRadio","value","default","ElRadioGroup"],"mappings":";;;;AAEyD,SAAAA,QAAAC,GAAA;AAAA,SAAA,OAAAA,MAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAAK,qBAAAA,CAAAA,IAAA,QAAAL,CAAA;AAAA;AAIzD,MAAeM,mDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,cAAc;AAAA,EACdC,OAAOC,aAAU;AAAA,EACjBC,OAAOC,aAAU;AAAA,EACjBC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,aAAaC,IAAAA,SAAS;AAAA,MAC1BC,KAAKA,MAAMR,MAAMM;AAAAA,MACjBG,KAAMC,OAAM;AACVL,aAAK,sBAAsBK,CAAC;AAAA,MAC9B;AAAA,IACF,CAAC;AAED,UAAMC,WAAWJ,IAAQ,SAAC,MAAMP,MAAMW,QAAQ;AAE9C,UAAMC,UAAyCL,IAAAA,SAAS,MAAM;AAC5D,UAAIP,MAAMa,WAAW;AACnB,eAAOb,MAAMa,UACVC,UACAC,IAAKC,UAAShB,MAAMiB,cAAcD,IAAI,CAAC;AAAA,MAC5C;AAEA,UAAIE,MAAMC,QAAQnB,MAAMY,OAAO,GAAG;AAChC,eAAOZ,MAAMY,QAAQG,IAAKC,UAAShB,MAAMiB,cAAcD,IAAI,CAAC;AAAA,MAC9D;AAEA,aAAO;IACT,CAAC;AAEDI,QAAAA,MACEb,IAAAA,SAAS,MAAMP,MAAMa,SAAS,GAC7BA,eAAc;AACbA,6CAAWQ,WAAWC;AACtBT,6CAAWU;AAAAA,IACb,GACA;AAAA,MAAEC,WAAW;AAAA,IAAK,CACpB;AAEA,WAAO,MAAM;AACX,YAAMC,WAAWC,IAAK,MAACd,OAAO,EAAEG,IAAKC,UAAc;AACjD,YAAI,CAACA,KAAKW,OAAO;AACf,iBAAO;AAAA,QACT;AAEA,eAAAC,IAAAA,YAAAC,YAAAA,SAAA;AAAA,UAAA,SAAuBb,KAAKc;AAAAA,QAAK,GAAA;AAAA,UAAAC,SAAAA,MAAGf,CAAAA,KAAKW,KAAK;AAAA,QAAA,CAAA;AAAA,MAChD,CAAC;AACD,aAAAC,IAAAA,YAAAI,YAAAA,cAAA;AAAA,QAAA,YAEcN,IAAK,MAACf,QAAQ;AAAA,QAAC,cACbe,IAAK,MAACpB,UAAU;AAAA,QAAC,uBACPI,OAAYJ,WAAWwB,QAAQpB;AAAAA,MAAE,GAAApB,QAEtDmC,QAAQ,IAARA,WAAQ;AAAA,QAAAM,SAAAA,MAAA,CAARN,QAAQ;AAAA,MAAA,CAAA;AAAA;EAIjB;AACF,CAAC;;"}
+{"version":3,"file":"radio.js","sources":["../../../../../src/components/basic/radio/radio.tsx"],"sourcesContent":["import { computed, defineComponent, unref, ComputedRef, watch } from \"vue\";\nimport { ElRadioGroup, ElRadio } from \"element-plus\";\nimport { radioEmits, radioProps } from \"./radio-options\";\n\nexport type DataOptionItem = { value: any; label: string };\n\nexport default defineComponent({\n  name: \"MKFormRadioBox\",\n  inheritAttrs: false,\n  props: radioProps,\n  emits: radioEmits,\n  setup(props, { emit }) {\n    const modelValue = computed({\n      get: () => props.modelValue,\n      set: (v) => {\n        emit(\"update:model-value\", v);\n      },\n    });\n\n    const disabled = computed(() => props.disabled);\n\n    const options: ComputedRef<DataOptionItem[]> = computed(() => {\n      if (props.dataTable) {\n        return props.dataTable\n          .getList()\n          .map((item) => props.formatOptions(item));\n      }\n\n      if (Array.isArray(props.options)) {\n        return props.options.map((item) => props.formatOptions(item));\n      }\n\n      return [];\n    });\n\n    watch(\n      computed(() => props.dataTable),\n      (dataTable) => {\n        dataTable?.dataFilter.setReady();\n        dataTable?.load();\n      },\n      { immediate: true }\n    );\n\n    return () => {\n      const children = unref(options).map((item: any) => {\n        if (!item.label) {\n          return null;\n        }\n\n        return <ElRadio value={item.value}>{item.label}</ElRadio>;\n      });\n      return (\n        <ElRadioGroup\n          disabled={unref(disabled)}\n          modelValue={unref(modelValue)}\n          onUpdate:modelValue={(v: any) => (modelValue.value = v)}\n        >\n          {children}\n        </ElRadioGroup>\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","inheritAttrs","props","radioProps","emits","radioEmits","setup","emit","modelValue","computed","get","set","v","disabled","options","dataTable","getList","map","item","formatOptions","Array","isArray","watch","dataFilter","setReady","load","immediate","children","unref","label","_createVNode","ElRadio","value","default","ElRadioGroup"],"mappings":";;;;AAEyD,SAAAA,QAAAC,GAAA;AAAA,SAAA,OAAAA,MAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAAK,qBAAAA,CAAAA,IAAA,QAAAL,CAAA;AAAA;AAIzD,MAAeM,mDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,cAAc;AAAA,EACdC,OAAOC,aAAU;AAAA,EACjBC,OAAOC,aAAU;AAAA,EACjBC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,aAAaC,IAAAA,SAAS;AAAA,MAC1BC,KAAKA,MAAMR,MAAMM;AAAAA,MACjBG,KAAMC,OAAM;AACVL,aAAK,sBAAsBK,CAAC;AAAA,MAC9B;AAAA,IACF,CAAC;AAED,UAAMC,WAAWJ,IAAQ,SAAC,MAAMP,MAAMW,QAAQ;AAE9C,UAAMC,UAAyCL,IAAAA,SAAS,MAAM;AAC5D,UAAIP,MAAMa,WAAW;AACnB,eAAOb,MAAMa,UACVC,UACAC,IAAKC,UAAShB,MAAMiB,cAAcD,IAAI,CAAC;AAAA,MAC5C;AAEA,UAAIE,MAAMC,QAAQnB,MAAMY,OAAO,GAAG;AAChC,eAAOZ,MAAMY,QAAQG,IAAKC,UAAShB,MAAMiB,cAAcD,IAAI,CAAC;AAAA,MAC9D;AAEA,aAAO;IACT,CAAC;AAEDI,QAAAA,MACEb,IAAAA,SAAS,MAAMP,MAAMa,SAAS,GAC7BA,eAAc;AACbA,6CAAWQ,WAAWC;AACtBT,6CAAWU;AAAAA,IACb,GACA;AAAA,MAAEC,WAAW;AAAA,IAAK,CACpB;AAEA,WAAO,MAAM;AACX,YAAMC,WAAWC,IAAK,MAACd,OAAO,EAAEG,IAAKC,UAAc;AACjD,YAAI,CAACA,KAAKW,OAAO;AACf,iBAAO;AAAA,QACT;AAEA,eAAAC,IAAAA,YAAAC,YAAAA,SAAA;AAAA,UAAA,SAAuBb,KAAKc;AAAAA,QAAK,GAAA;AAAA,UAAAC,SAAAA,MAAGf,CAAAA,KAAKW,KAAK;AAAA,QAAA,CAAA;AAAA,MAChD,CAAC;AACD,aAAAC,IAAAA,YAAAI,YAAAA,cAAA;AAAA,QAAA,YAEcN,IAAK,MAACf,QAAQ;AAAA,QAAC,cACbe,IAAK,MAACpB,UAAU;AAAA,QAAC,uBACPI,OAAYJ,WAAWwB,QAAQpB;AAAAA,MAAE,GAAApB,QAEtDmC,QAAQ,IAARA,WAAQ;AAAA,QAAAM,SAAAA,MAAA,CAARN,QAAQ;AAAA,MAAA,CAAA;AAAA;EAIjB;AACF,CAAC;;"}

package/dist/cjs/components/basic/svg-icon/index.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const utils = require("@maketribe/utils");
-const svgIcon = require("./svg-icon.js");
-const MKSvgIcon = utils.withInstall(svgIcon);
+const svgIcon_vue_vue_type_script_setup_true_lang = require("./svg-icon.vue.js");
+const MKSvgIcon = utils.withInstall(svgIcon_vue_vue_type_script_setup_true_lang);
 exports.MKSvgIcon = MKSvgIcon;
 exports.default = MKSvgIcon;
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/basic/svg-icon/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/basic/svg-icon/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport SvgIcon from \"./svg-icon\";\r\n\r\nexport const MKSvgIcon = withInstall(SvgIcon);\r\nexport default MKSvgIcon;\r\n"],"names":["withInstall","SvgIcon"],"mappings":";;;;AAGa,MAAA,YAAYA,kBAAYC,OAAO;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/basic/svg-icon/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport SvgIcon from \"./svg-icon.vue\";\r\n\r\nexport const MKSvgIcon = withInstall(SvgIcon);\r\nexport default MKSvgIcon;\r\n"],"names":["withInstall","SvgIcon"],"mappings":";;;;AAGa,MAAA,YAAYA,kBAAYC,2CAAO;;;"}

package/dist/cjs/components/basic/svg-icon/svg-icon.vue.js

@@ -0,0 +1,93 @@
+"use strict";
+const vue = require("vue");
+const vue$1 = require("@iconify/vue");
+const _hoisted_1 = {
+  key: 1,
+  class: "h-[1em] w-[1em]",
+  "aria-hidden": "true"
+};
+const _hoisted_2 = ["xlink:href"];
+const _hoisted_3 = ["src"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "SvgIcon"
+  },
+  __name: "svg-icon",
+  props: {
+    name: {},
+    flip: {},
+    rotate: {},
+    color: {},
+    size: {}
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const outputType = vue.computed(() => {
+      if (!props.name) {
+        return "";
+      }
+      if (/^https?:\/\//.test(props.name)) {
+        return "img";
+      } else if (/i-[^:]+:[^:]+/.test(props.name)) {
+        return "unocss";
+      } else if (props.name.includes(":")) {
+        return "iconify";
+      } else {
+        return "svg";
+      }
+    });
+    const style = vue.computed(() => {
+      const transform = [];
+      if (props.flip) {
+        switch (props.flip) {
+          case "horizontal":
+            transform.push("rotateY(180deg)");
+            break;
+          case "vertical":
+            transform.push("rotateX(180deg)");
+            break;
+          case "both":
+            transform.push("rotateX(180deg)");
+            transform.push("rotateY(180deg)");
+            break;
+        }
+      }
+      if (props.rotate) {
+        transform.push(`rotate(${props.rotate % 360}deg)`);
+      }
+      return {
+        ...props.color && { color: props.color },
+        ...props.size && { fontSize: typeof props.size === "number" ? `${props.size}px` : props.size },
+        ...transform.length && { transform: transform.join(" ") }
+      };
+    });
+    const handleClick = () => {
+      emits("click");
+    };
+    return (_ctx, _cache) => {
+      return vue.unref(outputType) ? (vue.openBlock(), vue.createElementBlock("i", {
+        key: 0,
+        class: vue.normalizeClass(["relative h-[1em] w-[1em] flex-inline items-center justify-center fill-current leading-[1em]", { [_ctx.name]: vue.unref(outputType) === "unocss" }]),
+        style: vue.normalizeStyle(vue.unref(style)),
+        onClick: handleClick
+      }, [
+        vue.unref(outputType) === "iconify" ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.Icon), {
+          key: 0,
+          icon: _ctx.name
+        }, null, 8, ["icon"])) : vue.unref(outputType) === "svg" ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_1, [
+          vue.createElementVNode("use", {
+            "xlink:href": `#icon-${_ctx.name}`
+          }, null, 8, _hoisted_2)
+        ])) : vue.unref(outputType) === "img" ? (vue.openBlock(), vue.createElementBlock("img", {
+          key: 2,
+          src: _ctx.name,
+          class: "h-[1em] w-[1em]"
+        }, null, 8, _hoisted_3)) : vue.createCommentVNode("", true)
+      ], 6)) : vue.createCommentVNode("", true);
+    };
+  }
+});
+module.exports = _sfc_main;
+//# sourceMappingURL=svg-icon.vue.js.map

package/dist/cjs/components/basic/svg-icon/svg-icon.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg-icon.vue.js","sources":["../../../../../src/components/basic/svg-icon/svg-icon.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport {Icon} from '@iconify/vue'\r\n\r\ndefineOptions({\r\n  name: 'SvgIcon',\r\n})\r\n\r\nconst props = defineProps<{\r\n  name: string\r\n  flip?: 'horizontal' | 'vertical' | 'both'\r\n  rotate?: number\r\n  color?: string\r\n  size?: string | number\r\n}>()\r\n\r\nconst emits = defineEmits([\"click\"]);\r\n\r\nconst outputType = computed(() => {\r\n\r\n  if (!props.name) {\r\n    return '';\r\n  }\r\n\r\n  if (/^https?:\\/\\//.test(props.name)) {\r\n    return 'img'\r\n  } else if (/i-[^:]+:[^:]+/.test(props.name)) {\r\n    return 'unocss'\r\n  } else if (props.name.includes(':')) {\r\n    return 'iconify'\r\n  } else {\r\n    return 'svg'\r\n  }\r\n})\r\n\r\nconst style = computed(() => {\r\n  const transform = []\r\n  if (props.flip) {\r\n    switch (props.flip) {\r\n      case 'horizontal':\r\n        transform.push('rotateY(180deg)')\r\n        break\r\n      case 'vertical':\r\n        transform.push('rotateX(180deg)')\r\n        break\r\n      case 'both':\r\n        transform.push('rotateX(180deg)')\r\n        transform.push('rotateY(180deg)')\r\n        break\r\n    }\r\n  }\r\n  if (props.rotate) {\r\n    transform.push(`rotate(${props.rotate % 360}deg)`)\r\n  }\r\n  return {\r\n    ...(props.color && {color: props.color}),\r\n    ...(props.size && {fontSize: typeof props.size === 'number' ? `${props.size}px` : props.size}),\r\n    ...(transform.length && {transform: transform.join(' ')}),\r\n  }\r\n})\r\n\r\nconst handleClick = () => {\r\n  emits(\"click\");\r\n}\r\n</script>\r\n\r\n<template>\r\n  <i v-if=\"outputType\"\r\n     class=\"relative h-[1em] w-[1em] flex-inline items-center justify-center fill-current leading-[1em]\"\r\n     :class=\"{ [name]: outputType === 'unocss' }\" :style=\"style\" @click=\"handleClick\">\r\n    <Icon v-if=\"outputType === 'iconify'\" :icon=\"name\"/>\r\n    <svg v-else-if=\"outputType === 'svg'\" class=\"h-[1em] w-[1em]\" aria-hidden=\"true\">\r\n      <use :xlink:href=\"`#icon-${name}`\"/>\r\n    </svg>\r\n    <img v-else-if=\"outputType === 'img'\" :src=\"name\" class=\"h-[1em] w-[1em]\">\r\n  </i>\r\n</template>\r\n"],"names":["computed"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAOA,UAAM,QAAQ;AAQd,UAAM,QAAQ;AAER,UAAA,aAAaA,IAAAA,SAAS,MAAM;AAE5B,UAAA,CAAC,MAAM,MAAM;AACR,eAAA;AAAA,MACT;AAEA,UAAI,eAAe,KAAK,MAAM,IAAI,GAAG;AAC5B,eAAA;AAAA,MACE,WAAA,gBAAgB,KAAK,MAAM,IAAI,GAAG;AACpC,eAAA;AAAA,MACE,WAAA,MAAM,KAAK,SAAS,GAAG,GAAG;AAC5B,eAAA;AAAA,MAAA,OACF;AACE,eAAA;AAAA,MACT;AAAA,IAAA,CACD;AAEK,UAAA,QAAQA,IAAAA,SAAS,MAAM;AAC3B,YAAM,YAAY,CAAA;AAClB,UAAI,MAAM,MAAM;AACd,gBAAQ,MAAM,MAAM;AAAA,UAClB,KAAK;AACH,sBAAU,KAAK,iBAAiB;AAChC;AAAA,UACF,KAAK;AACH,sBAAU,KAAK,iBAAiB;AAChC;AAAA,UACF,KAAK;AACH,sBAAU,KAAK,iBAAiB;AAChC,sBAAU,KAAK,iBAAiB;AAChC;AAAA,QACJ;AAAA,MACF;AACA,UAAI,MAAM,QAAQ;AAChB,kBAAU,KAAK,UAAU,MAAM,SAAS,GAAG,MAAM;AAAA,MACnD;AACO,aAAA;AAAA,QACL,GAAI,MAAM,SAAS,EAAC,OAAO,MAAM,MAAK;AAAA,QACtC,GAAI,MAAM,QAAQ,EAAC,UAAU,OAAO,MAAM,SAAS,WAAW,GAAG,MAAM,IAAI,OAAO,MAAM,KAAI;AAAA,QAC5F,GAAI,UAAU,UAAU,EAAC,WAAW,UAAU,KAAK,GAAG,EAAC;AAAA,MAAA;AAAA,IACzD,CACD;AAED,UAAM,cAAc,MAAM;AACxB,YAAM,OAAO;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/components/basic/svg-icon/svg-icon.vue2.js

@@ -0,0 +1,4 @@
+"use strict";
+const svgIcon_vue_vue_type_script_setup_true_lang = require("./svg-icon.vue.js");
+module.exports = svgIcon_vue_vue_type_script_setup_true_lang;
+//# sourceMappingURL=svg-icon.vue2.js.map

package/dist/cjs/components/basic/svg-icon/svg-icon.vue2.js.map

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

package/dist/cjs/components/basic/system-provider/system-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"system-provider.js","sources":["../../../../../src/components/basic/system-provider/system-provider.tsx"],"sourcesContent":["import {\r\n  computed,\r\n  defineComponent,\r\n  renderSlot,\r\n  unref,\r\n  useSlots,\r\n  watch,\r\n} from \"vue\";\r\nimport { useRouter } from \"vue-router\";\r\nimport { Components } from \"@maketribe/dm\";\r\nimport { MSAppClient } from \"../../../core\";\r\nimport { MKConfigProvider } from \"../config-provider\";\r\n\r\n/**\r\n * 路由变动的几种情况，\r\n * 1.点击菜单跳转陆游\r\n * 2.特定业务逻辑需要跳转路由\r\n * 3.返回上一页\r\n * 4.刷新页面\r\n */\r\n\r\nexport default defineComponent({\r\n  name: \"MKSystemProvider\",\r\n  setup() {\r\n    const vueRouter = useRouter();\r\n\r\n    const msAppClient = MSAppClient.instance!;\r\n\r\n    const ready = computed(() => msAppClient.ready);\r\n\r\n    const slots = useSlots();\r\n\r\n    watch(\r\n      computed(() => unref(vueRouter.currentRoute)),\r\n      (route) => {\r\n        const userSession = msAppClient.userSession;\r\n\r\n        if (!userSession) {\r\n          return;\r\n        }\r\n\r\n        const router = userSession.router;\r\n        const menu = userSession.menu;\r\n        const tabs = userSession.tabs;\r\n\r\n        const routeInfo = router.getRouteByName(route.name as string);\r\n\r\n        if (!routeInfo) {\r\n          menu.setCurrentMenuNode(null);\r\n          tabs.setCurrentTab(null);\r\n          return;\r\n        }\r\n\r\n        const menuNode = menu.findMenuNodeByID(routeInfo.menuId);\r\n\r\n        if (!menuNode) {\r\n          menu.setCurrentMenuNode(null);\r\n          tabs.setCurrentTab(null);\r\n          return;\r\n        }\r\n\r\n        menu.setCurrentMenuNode(menuNode);\r\n\r\n        const tab =\r\n          tabs.findTabByID(route.fullPath) ??\r\n          tabs.createTab({\r\n            id: route.fullPath,\r\n            title: routeInfo.title,\r\n            affix: !!route.matched?.[route.matched?.length - 1]?.meta?.affix,\r\n            realRoute: route,\r\n            route: routeInfo,\r\n          });\r\n\r\n        tabs.switchTab(tab);\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    return () => {\r\n      return (\r\n        <MKConfigProvider\r\n          dataTableComponents={msAppClient.dataTableComponents as Components}\r\n          dataFormComponents={msAppClient.dataFormComponents as Components}\r\n          dataFilterComponents={msAppClient.dataFilterComponents as Components}\r\n          whereFilterComponents={\r\n            msAppClient.whereFilterComponents as Components\r\n          }\r\n          dataTableHeaderComponents={msAppClient.dataTableHeaderComponents as Components}\r\n          i18n={msAppClient.i18n}\r\n        >\r\n          {renderSlot(slots, \"default\")}\r\n        </MKConfigProvider>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","setup","vueRouter","useRouter","msAppClient","MSAppClient","instance","computed","ready","slots","useSlots","watch","unref","currentRoute","route","userSession","router","menu","tabs","routeInfo","getRouteByName","setCurrentMenuNode","setCurrentTab","menuNode","findMenuNodeByID","menuId","tab","findTabByID","fullPath","createTab","id","title","affix","matched","length","meta","realRoute","switchTab","immediate","_slot","_createVNode","MKConfigProvider","dataTableComponents","dataFormComponents","dataFilterComponents","whereFilterComponents","dataTableHeaderComponents","i18n","renderSlot","default"],"mappings":";;;;;;;;;;AAaA,SAAAA,QAAAC,GAAA;AAAA,SAAA,OAAAA,MAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAAK,qBAAAA,CAAAA,IAAA,QAAAL,CAAA;AAAA;AAQA,MAAeM,qDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,QAAQ;AACN,UAAMC,cAAYC,UAAAA;AAElB,UAAMC,cAAcC,YAAW,YAACC;AAElBC,iBAAS,MAAMH,YAAYI,KAAK;AAE9C,UAAMC,QAAQC,IAAAA;AAEdC,QAAK,MACHJ,IAAQ,SAAC,MAAMK,IAAK,MAACV,YAAUW,YAAY,CAAC,GAC3CC,WAAU;;AACT,YAAMC,cAAcX,YAAYW;AAEhC,UAAI,CAACA,aAAa;AAChB;AAAA,MACF;AAEA,YAAMC,SAASD,YAAYC;AAC3B,YAAMC,OAAOF,YAAYE;AACzB,YAAMC,OAAOH,YAAYG;AAEzB,YAAMC,YAAYH,OAAOI,eAAeN,MAAMd,IAAc;AAE5D,UAAI,CAACmB,WAAW;AACdF,aAAKI,mBAAmB,IAAI;AAC5BH,aAAKI,cAAc,IAAI;AACvB;AAAA,MACF;AAEA,YAAMC,WAAWN,KAAKO,iBAAiBL,UAAUM,MAAM;AAEvD,UAAI,CAACF,UAAU;AACbN,aAAKI,mBAAmB,IAAI;AAC5BH,aAAKI,cAAc,IAAI;AACvB;AAAA,MACF;AAEAL,WAAKI,mBAAmBE,QAAQ;AAEhC,YAAMG,MACJR,KAAKS,YAAYb,MAAMc,QAAQ,KAC/BV,KAAKW,UAAU;AAAA,QACbC,IAAIhB,MAAMc;AAAAA,QACVG,OAAOZ,UAAUY;AAAAA,QACjBC,OAAO,CAAC,GAAClB,uBAAMmB,YAANnB,qBAAgBA,WAAMmB,YAANnB,mBAAeoB,UAAS,OAAxCpB,mBAA4CqB,SAA5CrB,mBAAkDkB;AAAAA,QAC3DI,WAAWtB;AAAAA,QACXA,OAAOK;AAAAA,MACT,CAAC;AAEHD,WAAKmB,UAAUX,GAAG;AAAA,IACpB,GACA;AAAA,MAAEY,WAAW;AAAA,IAAK,CACpB;AAEA,WAAO,MAAM;AAAA,UAAAC;AACX,aAAAC,IAAAA,YAAAC,MAAAA,kBAAA;AAAA,QAAA,uBAEyBrC,YAAYsC;AAAAA,QAAmB,sBAChCtC,YAAYuC;AAAAA,QAAkB,wBAC5BvC,YAAYwC;AAAAA,QAAoB,yBAEpDxC,YAAYyC;AAAAA,QAAqB,6BAERzC,YAAY0C;AAAAA,QAAyB,QAC1D1C,YAAY2C;AAAAA,SAAIvD,QAAA+C,QAErBS,IAAU,WAACvC,OAAO,SAAS,CAAC,IAAA8B,QAAA;AAAA,QAAAU,SAAAA,MAAA,CAAAV,KAAA;AAAA,MAAA,CAAA;AAAA;EAIrC;AACF,CAAC;;"}
+{"version":3,"file":"system-provider.js","sources":["../../../../../src/components/basic/system-provider/system-provider.tsx"],"sourcesContent":["import {\n  computed,\n  defineComponent,\n  renderSlot,\n  unref,\n  useSlots,\n  watch,\n} from \"vue\";\nimport { useRouter } from \"vue-router\";\nimport { Components } from \"@maketribe/dm\";\nimport { MSAppClient } from \"../../../core\";\nimport { MKConfigProvider } from \"../config-provider\";\n\n/**\n * 路由变动的几种情况，\n * 1.点击菜单跳转陆游\n * 2.特定业务逻辑需要跳转路由\n * 3.返回上一页\n * 4.刷新页面\n */\n\nexport default defineComponent({\n  name: \"MKSystemProvider\",\n  setup() {\n    const vueRouter = useRouter();\n\n    const msAppClient = MSAppClient.instance!;\n\n    const ready = computed(() => msAppClient.ready);\n\n    const slots = useSlots();\n\n    watch(\n      computed(() => unref(vueRouter.currentRoute)),\n      (route) => {\n        const userSession = msAppClient.userSession;\n\n        if (!userSession) {\n          return;\n        }\n\n        const router = userSession.router;\n        const menu = userSession.menu;\n        const tabs = userSession.tabs;\n\n        const routeInfo = router.getRouteByName(route.name as string);\n\n        if (!routeInfo) {\n          menu.setCurrentMenuNode(null);\n          tabs.setCurrentTab(null);\n          return;\n        }\n\n        const menuNode = menu.findMenuNodeByID(routeInfo.menuId);\n\n        if (!menuNode) {\n          menu.setCurrentMenuNode(null);\n          tabs.setCurrentTab(null);\n          return;\n        }\n\n        menu.setCurrentMenuNode(menuNode);\n\n        const tab =\n          tabs.findTabByID(route.fullPath) ??\n          tabs.createTab({\n            id: route.fullPath,\n            title: routeInfo.title,\n            affix: !!route.matched?.[route.matched?.length - 1]?.meta?.affix,\n            realRoute: route,\n            route: routeInfo,\n          });\n\n        tabs.switchTab(tab);\n      },\n      { immediate: true }\n    );\n\n    return () => {\n      return (\n        <MKConfigProvider\n          dataTableComponents={msAppClient.dataTableComponents as Components}\n          dataFormComponents={msAppClient.dataFormComponents as Components}\n          dataFilterComponents={msAppClient.dataFilterComponents as Components}\n          whereFilterComponents={\n            msAppClient.whereFilterComponents as Components\n          }\n          dataTableHeaderComponents={msAppClient.dataTableHeaderComponents as Components}\n          i18n={msAppClient.i18n}\n        >\n          {renderSlot(slots, \"default\")}\n        </MKConfigProvider>\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","setup","vueRouter","useRouter","msAppClient","MSAppClient","instance","computed","ready","slots","useSlots","watch","unref","currentRoute","route","userSession","router","menu","tabs","routeInfo","getRouteByName","setCurrentMenuNode","setCurrentTab","menuNode","findMenuNodeByID","menuId","tab","findTabByID","fullPath","createTab","id","title","affix","matched","length","meta","realRoute","switchTab","immediate","_slot","_createVNode","MKConfigProvider","dataTableComponents","dataFormComponents","dataFilterComponents","whereFilterComponents","dataTableHeaderComponents","i18n","renderSlot","default"],"mappings":";;;;;;;;;;AAaA,SAAAA,QAAAC,GAAA;AAAA,SAAA,OAAAA,MAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAAK,qBAAAA,CAAAA,IAAA,QAAAL,CAAA;AAAA;AAQA,MAAeM,qDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,QAAQ;AACN,UAAMC,cAAYC,UAAAA;AAElB,UAAMC,cAAcC,YAAW,YAACC;AAElBC,iBAAS,MAAMH,YAAYI,KAAK;AAE9C,UAAMC,QAAQC,IAAAA;AAEdC,QAAK,MACHJ,IAAQ,SAAC,MAAMK,IAAK,MAACV,YAAUW,YAAY,CAAC,GAC3CC,WAAU;;AACT,YAAMC,cAAcX,YAAYW;AAEhC,UAAI,CAACA,aAAa;AAChB;AAAA,MACF;AAEA,YAAMC,SAASD,YAAYC;AAC3B,YAAMC,OAAOF,YAAYE;AACzB,YAAMC,OAAOH,YAAYG;AAEzB,YAAMC,YAAYH,OAAOI,eAAeN,MAAMd,IAAc;AAE5D,UAAI,CAACmB,WAAW;AACdF,aAAKI,mBAAmB,IAAI;AAC5BH,aAAKI,cAAc,IAAI;AACvB;AAAA,MACF;AAEA,YAAMC,WAAWN,KAAKO,iBAAiBL,UAAUM,MAAM;AAEvD,UAAI,CAACF,UAAU;AACbN,aAAKI,mBAAmB,IAAI;AAC5BH,aAAKI,cAAc,IAAI;AACvB;AAAA,MACF;AAEAL,WAAKI,mBAAmBE,QAAQ;AAEhC,YAAMG,MACJR,KAAKS,YAAYb,MAAMc,QAAQ,KAC/BV,KAAKW,UAAU;AAAA,QACbC,IAAIhB,MAAMc;AAAAA,QACVG,OAAOZ,UAAUY;AAAAA,QACjBC,OAAO,CAAC,GAAClB,uBAAMmB,YAANnB,qBAAgBA,WAAMmB,YAANnB,mBAAeoB,UAAS,OAAxCpB,mBAA4CqB,SAA5CrB,mBAAkDkB;AAAAA,QAC3DI,WAAWtB;AAAAA,QACXA,OAAOK;AAAAA,MACT,CAAC;AAEHD,WAAKmB,UAAUX,GAAG;AAAA,IACpB,GACA;AAAA,MAAEY,WAAW;AAAA,IAAK,CACpB;AAEA,WAAO,MAAM;AAAA,UAAAC;AACX,aAAAC,IAAAA,YAAAC,MAAAA,kBAAA;AAAA,QAAA,uBAEyBrC,YAAYsC;AAAAA,QAAmB,sBAChCtC,YAAYuC;AAAAA,QAAkB,wBAC5BvC,YAAYwC;AAAAA,QAAoB,yBAEpDxC,YAAYyC;AAAAA,QAAqB,6BAERzC,YAAY0C;AAAAA,QAAyB,QAC1D1C,YAAY2C;AAAAA,SAAIvD,QAAA+C,QAErBS,IAAU,WAACvC,OAAO,SAAS,CAAC,IAAA8B,QAAA;AAAA,QAAAU,SAAAA,MAAA,CAAAV,KAAA;AAAA,MAAA,CAAA;AAAA;EAIrC;AACF,CAAC;;"}

package/dist/cjs/components/basic/upload-file/context/WebFileUploadContext.js

@@ -11,7 +11,7 @@ class WebFileUploadContext extends UploadContext.UploadContext {
     super();
     __publicField(this, "webFileUpload");
     __publicField(this, "accept");
-    this.accept = options.accept || "";
+    this.accept = options.accept || "image/*";
     this.webFileUpload = options.webFileUpload ?? new request.WebFileUpload();
   }
   setAccept(accept) {

package/dist/cjs/components/basic/upload-file/context/WebFileUploadContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"WebFileUploadContext.js","sources":["../../../../../../src/components/basic/upload-file/context/WebFileUploadContext.ts"],"sourcesContent":["import { WebFileUpload } from \"@maketribe/request\";\r\nimport { UploadContext, UploadResult } from \"./UploadContext\";\r\nimport { fileSelect } from \"@maketribe/utils\";\r\n\r\nexport type WebFileUploadContextOptions = {\r\n  webFileUpload?: WebFileUpload;\r\n  accept?: string;\r\n};\r\n\r\nexport class WebFileUploadContext extends UploadContext {\r\n  webFileUpload: WebFileUpload;\r\n  accept: string;\r\n\r\n  constructor(options: WebFileUploadContextOptions = {}) {\r\n    super();\r\n\r\n    this.accept = options.accept || \"\";\r\n\r\n    this.webFileUpload = options.webFileUpload ?? new WebFileUpload();\r\n  }\r\n\r\n  setAccept(accept: string) {\r\n    this.accept = accept;\r\n  }\r\n\r\n  setWebFileUpload(webFileUpload: WebFileUpload) {\r\n    this.webFileUpload = webFileUpload;\r\n  }\r\n\r\n  async selectFile(): Promise<UploadResult> {\r\n    const file = await fileSelect({ accept: this.accept });\r\n\r\n    if (!file) {\r\n      return { success: true, path: \"\", msg: \"\" };\r\n    }\r\n\r\n    const response = await this.webFileUpload.upload(file);\r\n\r\n    return {\r\n      success: response.data.code === 200,\r\n      path: response.data.data.path,\r\n      msg: response.data.msg,\r\n    };\r\n  }\r\n}\r\n"],"names":["UploadContext","WebFileUpload","fileSelect"],"mappings":";;;;;;;;AASO,MAAM,6BAA6BA,cAAAA,cAAc;AAAA,EAItD,YAAY,UAAuC,IAAI;AAC/C;AAJR;AACA;AAKO,SAAA,SAAS,QAAQ,UAAU;AAEhC,SAAK,gBAAgB,QAAQ,iBAAiB,IAAIC,QAAc,cAAA;AAAA,EAClE;AAAA,EAEA,UAAU,QAAgB;AACxB,SAAK,SAAS;AAAA,EAChB;AAAA,EAEA,iBAAiB,eAA8B;AAC7C,SAAK,gBAAgB;AAAA,EACvB;AAAA,EAEA,MAAM,aAAoC;AACxC,UAAM,OAAO,MAAMC,iBAAW,EAAE,QAAQ,KAAK,QAAQ;AAErD,QAAI,CAAC,MAAM;AACT,aAAO,EAAE,SAAS,MAAM,MAAM,IAAI,KAAK;IACzC;AAEA,UAAM,WAAW,MAAM,KAAK,cAAc,OAAO,IAAI;AAE9C,WAAA;AAAA,MACL,SAAS,SAAS,KAAK,SAAS;AAAA,MAChC,MAAM,SAAS,KAAK,KAAK;AAAA,MACzB,KAAK,SAAS,KAAK;AAAA,IAAA;AAAA,EAEvB;AACF;;"}
+{"version":3,"file":"WebFileUploadContext.js","sources":["../../../../../../src/components/basic/upload-file/context/WebFileUploadContext.ts"],"sourcesContent":["import { WebFileUpload } from \"@maketribe/request\";\r\nimport { UploadContext, UploadResult } from \"./UploadContext\";\r\nimport { fileSelect } from \"@maketribe/utils\";\r\n\r\nexport type WebFileUploadContextOptions = {\r\n  webFileUpload?: WebFileUpload;\r\n  accept?: string;\r\n};\r\n\r\nexport class WebFileUploadContext extends UploadContext {\r\n  webFileUpload: WebFileUpload;\r\n  accept: string;\r\n\r\n  constructor(options: WebFileUploadContextOptions = {}) {\r\n    super();\r\n\r\n    this.accept = options.accept || \"image/*\";\r\n\r\n    this.webFileUpload = options.webFileUpload ?? new WebFileUpload();\r\n  }\r\n\r\n  setAccept(accept: string) {\r\n    this.accept = accept;\r\n  }\r\n\r\n  setWebFileUpload(webFileUpload: WebFileUpload) {\r\n    this.webFileUpload = webFileUpload;\r\n  }\r\n\r\n  async selectFile(): Promise<UploadResult> {\r\n    const file = await fileSelect({ accept: this.accept });\r\n\r\n    if (!file) {\r\n      return { success: true, path: \"\", msg: \"\" };\r\n    }\r\n\r\n    const response = await this.webFileUpload.upload(file);\r\n\r\n    return {\r\n      success: response.data.code === 200,\r\n      path: response.data.data.path,\r\n      msg: response.data.msg,\r\n    };\r\n  }\r\n}\r\n"],"names":["UploadContext","WebFileUpload","fileSelect"],"mappings":";;;;;;;;AASO,MAAM,6BAA6BA,cAAAA,cAAc;AAAA,EAItD,YAAY,UAAuC,IAAI;AAC/C;AAJR;AACA;AAKO,SAAA,SAAS,QAAQ,UAAU;AAEhC,SAAK,gBAAgB,QAAQ,iBAAiB,IAAIC,QAAc,cAAA;AAAA,EAClE;AAAA,EAEA,UAAU,QAAgB;AACxB,SAAK,SAAS;AAAA,EAChB;AAAA,EAEA,iBAAiB,eAA8B;AAC7C,SAAK,gBAAgB;AAAA,EACvB;AAAA,EAEA,MAAM,aAAoC;AACxC,UAAM,OAAO,MAAMC,iBAAW,EAAE,QAAQ,KAAK,QAAQ;AAErD,QAAI,CAAC,MAAM;AACT,aAAO,EAAE,SAAS,MAAM,MAAM,IAAI,KAAK;IACzC;AAEA,UAAM,WAAW,MAAM,KAAK,cAAc,OAAO,IAAI;AAE9C,WAAA;AAAA,MACL,SAAS,SAAS,KAAK,SAAS;AAAA,MAChC,MAAM,SAAS,KAAK,KAAK;AAAA,MACzB,KAAK,SAAS,KAAK;AAAA,IAAA;AAAA,EAEvB;AACF;;"}

package/dist/cjs/components/basic/upload-file/ui/upload-file/upload-file.js

@@ -30,7 +30,7 @@ const MKUploadFileItem = /* @__PURE__ */ vue.defineComponent({
     },
     icon: {
       type: String,
-      default: "Plus"
+      default: "ep:plus"
     }
   },
   emits: ["update:modelValue", "view", "delete"],
@@ -91,7 +91,7 @@ const MKUploadFileItem = /* @__PURE__ */ vue.defineComponent({
         content = vue.createVNode(vue.Fragment, null, [vue.createVNode("div", {
           "class": "mk-upload-file-ui-item__file"
         }, [vue.createVNode(index.MKSvgIcon, {
-          "iconClass": getFileIconBySuffix(props.modelValue).icon
+          "name": getFileIconBySuffix(props.modelValue).icon
         }, null), vue.createVNode("div", {
           "class": "mk-upload-file-ui-item__file__name"
         }, [getFileIconBySuffix(props.modelValue).suffix])]), vue.createVNode("div", {
@@ -100,7 +100,7 @@ const MKUploadFileItem = /* @__PURE__ */ vue.defineComponent({
           "content": "删除"
         }, {
           default: () => [vue.createVNode(index.MKSvgIcon, {
-            "iconClass": "Delete",
+            "name": "ep:delete",
             "onClick": handleDelete
           }, null)]
         })])]);
@@ -108,7 +108,7 @@ const MKUploadFileItem = /* @__PURE__ */ vue.defineComponent({
         content = vue.createVNode("div", {
           "class": "mk-upload-file-ui-item__wrapper__desc"
         }, [vue.createVNode(index.MKSvgIcon, {
-          "iconClass": props.icon,
+          "name": props.icon,
           "class": "mk-upload-file-ui-item__wrapper__desc__icon"
         }, null), vue.createVNode("span", {
           "class": "mk-upload-file-ui-item__wrapper__desc__text"