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

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

@@ -7,6 +7,7 @@ import { useLexicalEditorState } from "../composables/useLexicalEditorState.js";
 import "../composables/useElementBlockSelection.js";
 import "@lexical/rich-text";
 import { useLexicalEditorContext } from "../composables/lexicalEditor.js";
+import { MKSvgIcon } from "../../svg-icon/index.js";
 const _hoisted_1 = { style: { "padding": "0 10px" } };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ToolbarPlugin",
@@ -44,7 +45,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       setContentType
     } = useLexicalEditorState();
     return (_ctx, _cache) => {
-      const _component_MKSvgIcon = resolveComponent("MKSvgIcon");
       const _component_el_button = resolveComponent("el-button");
       const _component_el_button_group = resolveComponent("el-button-group");
       const _component_el_divider = resolveComponent("el-divider");
@@ -62,7 +62,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               onClick: _cache[0] || (_cache[0] = ($event) => unref(undoCommand)())
             }, {
               default: withCtx(() => [
-                createVNode(_component_MKSvgIcon, { iconClass: "RefreshLeft" })
+                createVNode(unref(MKSvgIcon), { name: "ep:refresh-left" })
               ]),
               _: 1
             }, 8, ["disabled"]),
@@ -72,7 +72,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               onClick: _cache[1] || (_cache[1] = ($event) => unref(redoCommand)())
             }, {
               default: withCtx(() => [
-                createVNode(_component_MKSvgIcon, { iconClass: "RefreshRight" })
+                createVNode(unref(MKSvgIcon), { name: "ep:refresh-right" })
               ]),
               _: 1
             }, 8, ["disabled"])
@@ -104,8 +104,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createVNode(_component_el_button, { text: "" }, {
               default: withCtx(() => [
                 createTextVNode(toDisplayString(unref(curContentTypeDesc)) + " ", 1),
-                createVNode(_component_MKSvgIcon, {
-                  iconClass: "ArrowDownBold",
+                createVNode(unref(MKSvgIcon), {
+                  name: "formkit:arrowdown",
                   style: { "margin-left": "8px" }
                 })
               ]),
@@ -148,8 +148,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, {
               default: withCtx(() => [
                 createTextVNode(toDisplayString(unref(fontFamily).label) + " ", 1),
-                createVNode(_component_MKSvgIcon, {
-                  iconClass: "ArrowDownBold",
+                createVNode(unref(MKSvgIcon), {
+                  name: "formkit:arrowdown",
                   style: { "margin-left": "8px" }
                 })
               ]),
@@ -189,8 +189,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, {
               default: withCtx(() => [
                 createTextVNode(toDisplayString(unref(fontSize)) + " ", 1),
-                createVNode(_component_MKSvgIcon, {
-                  iconClass: "ArrowDownBold",
+                createVNode(unref(MKSvgIcon), {
+                  name: "formkit:arrowdown",
                   style: { "margin-left": "8px" }
                 })
               ]),
@@ -257,7 +257,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               onClick: _cache[6] || (_cache[6] = ($event) => unref(setTextStyle)("bold"))
             }, {
               default: withCtx(() => [
-                createVNode(_component_MKSvgIcon, { iconClass: "doc-bold" })
+                createVNode(unref(MKSvgIcon), { name: "mingcute:bold-fill" })
               ]),
               _: 1
             }, 8, ["disabled", "class"]),
@@ -268,7 +268,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               onClick: _cache[7] || (_cache[7] = ($event) => unref(setTextStyle)("italic"))
             }, {
               default: withCtx(() => [
-                createVNode(_component_MKSvgIcon, { iconClass: "doc-italic" })
+                createVNode(unref(MKSvgIcon), { name: "mingcute:italic-fill" })
               ]),
               _: 1
             }, 8, ["disabled", "class"]),
@@ -279,7 +279,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               onClick: _cache[8] || (_cache[8] = ($event) => unref(setTextStyle)("strikethrough"))
             }, {
               default: withCtx(() => [
-                createVNode(_component_MKSvgIcon, { iconClass: "doc-strikethrough" })
+                createVNode(unref(MKSvgIcon), { name: "mingcute:strikethrough-fill" })
               ]),
               _: 1
             }, 8, ["disabled", "class"]),
@@ -290,7 +290,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               onClick: _cache[9] || (_cache[9] = ($event) => unref(setTextStyle)("underline"))
             }, {
               default: withCtx(() => [
-                createVNode(_component_MKSvgIcon, { iconClass: "doc-underline" })
+                createVNode(unref(MKSvgIcon), { name: "mingcute:underline-fill" })
               ]),
               _: 1
             }, 8, ["disabled", "class"]),
@@ -301,7 +301,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               onClick: _cache[10] || (_cache[10] = ($event) => unref(setTextStyle)("subscript"))
             }, {
               default: withCtx(() => [
-                createVNode(_component_MKSvgIcon, { iconClass: "doc-sub" })
+                createVNode(unref(MKSvgIcon), { name: "material-symbols:subscript" })
               ]),
               _: 1
             }, 8, ["disabled", "class"]),
@@ -312,7 +312,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               onClick: _cache[11] || (_cache[11] = ($event) => unref(setTextStyle)("superscript"))
             }, {
               default: withCtx(() => [
-                createVNode(_component_MKSvgIcon, { iconClass: "doc-sup" })
+                createVNode(unref(MKSvgIcon), { name: "material-symbols:superscript" })
               ]),
               _: 1
             }, 8, ["disabled", "class"])
@@ -334,10 +334,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     onClick: ($event) => unref(setTextStyle)("align", item)
                   }, {
                     default: withCtx(() => [
-                      createVNode(_component_MKSvgIcon, {
-                        iconClass: `doc-text-${item}`,
+                      createVNode(unref(MKSvgIcon), {
+                        name: `quill:text-${item}`,
                         style: { "font-size": "18px" }
-                      }, null, 8, ["iconClass"])
+                      }, null, 8, ["name"])
                     ]),
                     _: 2
                   }, 1032, ["class", "value", "onClick"]);
@@ -353,10 +353,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               disabled: unref(canTextStyleDisabled)
             }, {
               default: withCtx(() => [
-                createVNode(_component_MKSvgIcon, {
-                  iconClass: `doc-text-${unref(alignValue)}`,
+                createVNode(unref(MKSvgIcon), {
+                  name: `quill:text-${unref(alignValue)}`,
                   style: { "font-size": "18px" }
-                }, null, 8, ["iconClass"])
+                }, null, 8, ["name"])
               ]),
               _: 1
             }, 8, ["style", "disabled"])
@@ -373,12 +373,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               onClick: _cache[12] || (_cache[12] = ($event) => unref(setTextStyle)("link"))
             }, {
               default: withCtx(() => [
-                !unref(canLink) ? (openBlock(), createBlock(_component_MKSvgIcon, {
+                !unref(canLink) ? (openBlock(), createBlock(unref(MKSvgIcon), {
                   key: 0,
-                  iconClass: "doc-link"
-                })) : (openBlock(), createBlock(_component_MKSvgIcon, {
+                  name: "tabler:link"
+                })) : (openBlock(), createBlock(unref(MKSvgIcon), {
                   key: 1,
-                  iconClass: "doc-unlink"
+                  name: "tabler:unlink"
                 }))
               ]),
               _: 1
@@ -398,9 +398,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     disabled: item.disbale ? item.disbale(unref(activeNode)) : false
                   }, {
                     default: withCtx(() => [
-                      createVNode(_component_MKSvgIcon, {
-                        iconClass: item.icon
-                      }, null, 8, ["iconClass"]),
+                      createVNode(unref(MKSvgIcon), {
+                        name: item.icon
+                      }, null, 8, ["name"]),
                       createTextVNode(" " + toDisplayString(item.text), 1)
                     ]),
                     _: 2
@@ -413,8 +413,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           default: withCtx(() => [
             createVNode(_component_el_button, { text: "" }, {
               default: withCtx(() => [
-                createVNode(_component_MKSvgIcon, {
-                  iconClass: "Plus",
+                createVNode(unref(MKSvgIcon), {
+                  name: "ep:plus",
                   style: { "margin-right": "5px" }
                 }),
                 createTextVNode(" 插入 ")

package/dist/esm/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":[],"mappings":";;;;;;;;;;;;;;;;;AASA,UAAM,EAAE,QAAO,qBAAqB,IAAI,wBAAwB;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,QACnC,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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":[],"mappings":";;;;;;;;;;;;;;;;;;AAUA,UAAM,EAAE,QAAO,qBAAqB,IAAI,wBAAwB;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,QACnC,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,5 +1,5 @@
 import { withInstall } from "@maketribe/utils";
-import PageContainer from "./page-container.js";
+import PageContainer from "./page-container.vue.js";
 const MKPageContainer = withInstall(PageContainer);
 export {
   MKPageContainer,

package/dist/esm/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":[],"mappings":";;AAGa,MAAA,kBAAkB,YAAY,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":[],"mappings":";;AAGa,MAAA,kBAAkB,YAAY,aAAa;"}

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

@@ -0,0 +1,8 @@
+import _sfc_main from "./page-container.vue2.js";
+/* empty css                    */
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const PageContainer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-92be8edf"]]);
+export {
+  PageContainer as default
+};
+//# sourceMappingURL=page-container.vue.js.map

package/dist/esm/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/esm/components/basic/page-container/page-container.vue2.js

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

package/dist/esm/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/esm/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":[],"mappings":";;;AAGa,MAAA,iBAAiB,YAAY,YAAY;"}
+{"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":[],"mappings":";;;AAGa,MAAA,iBAAiB,YAAY,YAAY;"}

package/dist/esm/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":[],"mappings":";;AAIO,MAAM,aAAa,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,MAAM;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":[],"mappings":";;AAIO,MAAM,aAAa,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,MAAM;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/esm/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,QAAAL,CAAA;AAAA;AAIzD,MAAeM,+CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,cAAc;AAAA,EACdC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,aAAaC,SAAS;AAAA,MAC1BC,KAAKA,MAAMR,MAAMM;AAAAA,MACjBG,KAAMC,OAAM;AACVL,aAAK,sBAAsBK,CAAC;AAAA,MAC9B;AAAA,IACF,CAAC;AAED,UAAMC,WAAWJ,SAAS,MAAMP,MAAMW,QAAQ;AAE9C,UAAMC,UAAyCL,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,UACEb,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,MAAMd,OAAO,EAAEG,IAAKC,UAAc;AACjD,YAAI,CAACA,KAAKW,OAAO;AACf,iBAAO;AAAA,QACT;AAEA,eAAAC,YAAAC,SAAA;AAAA,UAAA,SAAuBb,KAAKc;AAAAA,QAAK,GAAA;AAAA,UAAAC,SAAAA,MAAGf,CAAAA,KAAKW,KAAK;AAAA,QAAA,CAAA;AAAA,MAChD,CAAC;AACD,aAAAC,YAAAI,cAAA;AAAA,QAAA,YAEcN,MAAMf,QAAQ;AAAA,QAAC,cACbe,MAAMpB,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,QAAAL,CAAA;AAAA;AAIzD,MAAeM,+CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,cAAc;AAAA,EACdC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,aAAaC,SAAS;AAAA,MAC1BC,KAAKA,MAAMR,MAAMM;AAAAA,MACjBG,KAAMC,OAAM;AACVL,aAAK,sBAAsBK,CAAC;AAAA,MAC9B;AAAA,IACF,CAAC;AAED,UAAMC,WAAWJ,SAAS,MAAMP,MAAMW,QAAQ;AAE9C,UAAMC,UAAyCL,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,UACEb,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,MAAMd,OAAO,EAAEG,IAAKC,UAAc;AACjD,YAAI,CAACA,KAAKW,OAAO;AACf,iBAAO;AAAA,QACT;AAEA,eAAAC,YAAAC,SAAA;AAAA,UAAA,SAAuBb,KAAKc;AAAAA,QAAK,GAAA;AAAA,UAAAC,SAAAA,MAAGf,CAAAA,KAAKW,KAAK;AAAA,QAAA,CAAA;AAAA,MAChD,CAAC;AACD,aAAAC,YAAAI,cAAA;AAAA,QAAA,YAEcN,MAAMf,QAAQ;AAAA,QAAC,cACbe,MAAMpB,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/esm/components/basic/svg-icon/index.js

@@ -1,6 +1,6 @@
 import { withInstall } from "@maketribe/utils";
-import SvgIcon from "./svg-icon.js";
-const MKSvgIcon = withInstall(SvgIcon);
+import _sfc_main from "./svg-icon.vue.js";
+const MKSvgIcon = withInstall(_sfc_main);
 export {
   MKSvgIcon,
   MKSvgIcon as default

package/dist/esm/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":[],"mappings":";;AAGa,MAAA,YAAY,YAAY,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":["SvgIcon"],"mappings":";;AAGa,MAAA,YAAY,YAAYA,SAAO;"}

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

@@ -0,0 +1,94 @@
+import { defineComponent, computed, unref, openBlock, createElementBlock, normalizeClass, normalizeStyle, createBlock, createElementVNode, createCommentVNode } from "vue";
+import { Icon } from "@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__ */ 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 = 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 = 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 unref(outputType) ? (openBlock(), createElementBlock("i", {
+        key: 0,
+        class: normalizeClass(["relative h-[1em] w-[1em] flex-inline items-center justify-center fill-current leading-[1em]", { [_ctx.name]: unref(outputType) === "unocss" }]),
+        style: normalizeStyle(unref(style)),
+        onClick: handleClick
+      }, [
+        unref(outputType) === "iconify" ? (openBlock(), createBlock(unref(Icon), {
+          key: 0,
+          icon: _ctx.name
+        }, null, 8, ["icon"])) : unref(outputType) === "svg" ? (openBlock(), createElementBlock("svg", _hoisted_1, [
+          createElementVNode("use", {
+            "xlink:href": `#icon-${_ctx.name}`
+          }, null, 8, _hoisted_2)
+        ])) : unref(outputType) === "img" ? (openBlock(), createElementBlock("img", {
+          key: 2,
+          src: _ctx.name,
+          class: "h-[1em] w-[1em]"
+        }, null, 8, _hoisted_3)) : createCommentVNode("", true)
+      ], 6)) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=svg-icon.vue.js.map

package/dist/esm/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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAOA,UAAM,QAAQ;AAQd,UAAM,QAAQ;AAER,UAAA,aAAa,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,QAAQ,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/esm/components/basic/svg-icon/svg-icon.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./svg-icon.vue.js";
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=svg-icon.vue2.js.map

package/dist/esm/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/esm/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,QAAAL,CAAA;AAAA;AAQA,MAAeM,iDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,QAAQ;AACN,UAAMC,YAAYC;AAElB,UAAMC,cAAcC,YAAYC;AAElBC,aAAS,MAAMH,YAAYI,KAAK;AAE9C,UAAMC,QAAQC;AAEdC,UACEJ,SAAS,MAAMK,MAAMV,UAAUW,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,YAAAC,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,WAAWvC,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,QAAAL,CAAA;AAAA;AAQA,MAAeM,iDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,QAAQ;AACN,UAAMC,YAAYC;AAElB,UAAMC,cAAcC,YAAYC;AAElBC,aAAS,MAAMH,YAAYI,KAAK;AAE9C,UAAMC,QAAQC;AAEdC,UACEJ,SAAS,MAAMK,MAAMV,UAAUW,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,YAAAC,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,WAAWvC,OAAO,SAAS,CAAC,IAAA8B,QAAA;AAAA,QAAAU,SAAAA,MAAA,CAAAV,KAAA;AAAA,MAAA,CAAA;AAAA;EAIrC;AACF,CAAC;"}

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

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

package/dist/esm/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":[],"mappings":";;;;;;AASO,MAAM,6BAA6B,cAAc;AAAA,EAItD,YAAY,UAAuC,IAAI;AAC/C;AAJR;AACA;AAKO,SAAA,SAAS,QAAQ,UAAU;AAEhC,SAAK,gBAAgB,QAAQ,iBAAiB,IAAI,cAAc;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,MAAM,WAAW,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":[],"mappings":";;;;;;AASO,MAAM,6BAA6B,cAAc;AAAA,EAItD,YAAY,UAAuC,IAAI;AAC/C;AAJR;AACA;AAKO,SAAA,SAAS,QAAQ,UAAU;AAEhC,SAAK,gBAAgB,QAAQ,iBAAiB,IAAI,cAAc;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,MAAM,WAAW,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/esm/components/basic/upload-file/ui/upload-file/upload-file.js

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