@maketribe/ms-app 4.0.0-alpha.5 → 4.0.0-alpha.6

package/dist/esm/{index-CuoLNqsR.js → index-BMKLnXb8.js}

@@ -1,6 +1,6 @@
 import { defineComponent, inject, createVNode } from "vue";
 import { buildProps } from "@maketribe/utils";
-import { T as columnProps, D as DATA_TABLE_CONTEXT_KEY, q as MKSvgIcon } from "./index-ClxRVkUv.js";
+import { T as columnProps, D as DATA_TABLE_CONTEXT_KEY, q as MKSvgIcon } from "./index-CjTw5oMj.js";
 import "vue-router";
 import "@maketribe/dm";
 import { ElTooltip } from "element-plus";
@@ -103,4 +103,4 @@ export {
   columnSortProps,
   MKColumnSort as default
 };
-//# sourceMappingURL=index-CuoLNqsR.js.map
+//# sourceMappingURL=index-BMKLnXb8.js.map

package/dist/esm/index-BMKLnXb8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BMKLnXb8.js","sources":["../../src/components/data-model/data-table/components/column-sort/column-sort-options.ts","../../src/components/data-model/data-table/components/column-sort/column-sort.tsx","../../src/components/data-model/data-table/components/column-sort/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { columnProps } from \"../../composables\";\r\n\r\nexport const columnSortProps = buildProps({\r\n  ...columnProps,\r\n  drag: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n});\r\n\r\nexport type ColumnSortProps = ExtractPropTypes<typeof columnSortProps>;\r\n","import { defineComponent, inject } from \"vue\";\r\nimport { columnSortProps } from \"./column-sort-options\";\r\nimport { MKSvgIcon } from \"../../../../basic\";\r\nimport { ElTooltip } from \"element-plus\";\r\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../token\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKColumnSort\",\r\n  props: columnSortProps,\r\n  setup(props) {\r\n    const dataTableContext = inject(DATA_TABLE_CONTEXT_KEY)!;\r\n\r\n    const handleMoveUp = () => {\r\n      dataTableContext.dataTable.moveUp(props.row);\r\n    };\r\n\r\n    const handleMoveDown = () => {\r\n      dataTableContext.dataTable.moveDown(props.row);\r\n    };\r\n\r\n    const handleToTop = () => {\r\n      dataTableContext.dataTable.toTop(props.row);\r\n    };\r\n\r\n    const handleToBottom = () => {\r\n      dataTableContext.dataTable.toBottom(props.row);\r\n    };\r\n\r\n    return () => {\r\n      let children = null;\r\n\r\n      if (props.drag) {\r\n        children = (\r\n          <span class=\"mk-column-sort__drag\">\r\n            <MKSvgIcon name=\"ep:rank\" />\r\n          </span>\r\n        );\r\n      } else {\r\n        children = (\r\n          <span class=\"mk-column-sort__switch\">\r\n            <ElTooltip content=\"置顶\" placement=\"top\">\r\n              <MKSvgIcon name=\"radix-icons:pin-top\" class=\"cursor-pointer\" onClick={handleToTop} />\r\n            </ElTooltip>\r\n            <ElTooltip content=\"上移\" placement=\"top\">\r\n              <MKSvgIcon name=\"radix-icons:arrow-up\" class=\"cursor-pointer\" onClick={handleMoveUp} />\r\n            </ElTooltip>\r\n            <ElTooltip content=\"下移\" placement=\"top\">\r\n              <MKSvgIcon name=\"radix-icons:arrow-down\" class=\"cursor-pointer\" onClick={handleMoveDown} />\r\n            </ElTooltip>\r\n            <ElTooltip content=\"置底\" placement=\"top\">\r\n              <MKSvgIcon name=\"radix-icons:pin-bottom\" class=\"cursor-pointer\" onClick={handleToBottom} />\r\n            </ElTooltip>\r\n          </span>\r\n        );\r\n      }\r\n\r\n      return <span class=\"mk-column-sort\">{children}</span>;\r\n    };\r\n  },\r\n});\r\n","import ColumnSort from \"./column-sort\";\r\n\r\nexport const MKColumnSort = ColumnSort;\r\nexport default MKColumnSort;\r\n\r\nexport * from \"./column-sort-options\";\r\n"],"names":["defineComponent","name","props","columnSortProps","setup","dataTableContext","inject","DATA_TABLE_CONTEXT_KEY","handleMoveUp","dataTable","moveUp","row","handleMoveDown","moveDown","handleToTop","toTop","handleToBottom","toBottom","children","drag","_createVNode","MKSvgIcon","ElTooltip","default"],"mappings":";;;;;;;;;;;;;;;;;;;;AAIO,MAAM,kBAAkB,WAAW;AAAA,EACxC,GAAG;AAAA,EACH,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAC;ACJD,MAAeA,6CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAMG,mBAAmBC,OAAOC,sBAAsB;AAEtD,UAAMC,eAAeA,MAAM;AACzBH,uBAAiBI,UAAUC,OAAOR,MAAMS,GAAG;AAAA;AAG7C,UAAMC,iBAAiBA,MAAM;AAC3BP,uBAAiBI,UAAUI,SAASX,MAAMS,GAAG;AAAA;AAG/C,UAAMG,cAAcA,MAAM;AACxBT,uBAAiBI,UAAUM,MAAMb,MAAMS,GAAG;AAAA;AAG5C,UAAMK,iBAAiBA,MAAM;AAC3BX,uBAAiBI,UAAUQ,SAASf,MAAMS,GAAG;AAAA;AAG/C,WAAO,MAAM;AACX,UAAIO,WAAW;AAEf,UAAIhB,MAAMiB,MAAM;AACdD,mBAAQE,YAAA,QAAA;AAAA,UAAA,SAAA;AAAA,WAAAA,CAAAA,YAAAC,WAAA;AAAA,UAAA,QAAA;AAAA,WAIP,IAAA,CAAA,CAAA;AAAA,MACH,OAAO;AACLH,mBAAQE,YAAA,QAAA;AAAA,UAAA,SAAA;AAAA,WAAAA,CAAAA,YAAAE,WAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,YAAAC,WAAA;AAAA,YAAA,QAAA;AAAA,YAAA,SAAA;AAAA,YAAA,WAGoEP;AAAAA,UAAW,GAAA,IAAA,CAAA;AAAA,SAAAM,GAAAA,YAAAE,WAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,YAAAC,WAAA;AAAA,YAAA,QAAA;AAAA,YAAA,SAAA;AAAA,YAAA,WAGVb;AAAAA,UAAY,GAAA,IAAA,CAAA;AAAA,SAAAY,GAAAA,YAAAE,WAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,YAAAC,WAAA;AAAA,YAAA,QAAA;AAAA,YAAA,SAAA;AAAA,YAAA,WAGVT;AAAAA,UAAc,GAAA,IAAA,CAAA;AAAA,SAAAQ,GAAAA,YAAAE,WAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,YAAAC,WAAA;AAAA,YAAA,QAAA;AAAA,YAAA,SAAA;AAAA,YAAA,WAGdL;AAAAA,UAAc,GAAA,IAAA,CAAA;AAAA,QAG5F,CAAA,CAAA,CAAA;AAAA,MACH;AAEA,aAAAI,YAAA,QAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAAqCF,QAAQ,CAAA;AAAA;EAEjD;AACF,CAAC;ACzDM,MAAM,eAAe;"}

package/dist/esm/{index-DH4urB62.js → index-BVGJ-lj0.js}

@@ -1,6 +1,6 @@
 import { buildProps, withInstall } from "@maketribe/utils";
 import { defineComponent, computed, unref, watch, createVNode } from "vue";
-import { Z as abstractSelectEmits, $ as abstractSelectProps, a0 as MKAbstractSelect } from "./index-ClxRVkUv.js";
+import { Z as abstractSelectEmits, $ as abstractSelectProps, a0 as MKAbstractSelect } from "./index-CjTw5oMj.js";
 import { DataTree } from "@maketribe/dm";
 import { ElTreeSelect } from "element-plus";
 const { dataTable, ...restAbstractSelectProps } = abstractSelectProps;
@@ -124,4 +124,4 @@ export {
   dataTreeSelectProps,
   MKDataTreeSelect as default
 };
-//# sourceMappingURL=index-DH4urB62.js.map
+//# sourceMappingURL=index-BVGJ-lj0.js.map

package/dist/esm/index-BVGJ-lj0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BVGJ-lj0.js","sources":["../../src/components/basic/data-tree-select/data-tree-select-options.ts","../../src/components/basic/data-tree-select/data-tree-select.tsx","../../src/components/basic/data-tree-select/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { abstractSelectEmits, abstractSelectProps } from \"../../abstract\";\r\nimport { DataTree } from \"@maketribe/dm\";\r\n\r\nconst { dataTable, ...restAbstractSelectProps } = abstractSelectProps;\r\n\r\nexport const dataTreeSelectProps = buildProps({\r\n  ...restAbstractSelectProps,\r\n  dataTree: DataTree<any>,\r\n  checkStrictly: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  disabled: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  clearable: {\r\n    type: Boolean,\r\n    default: true,\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      const children = item.children ?? [];\r\n\r\n      return { value, label, children };\r\n    },\r\n  },\r\n});\r\n\r\nexport type DataTreeSelectProps = ExtractPropTypes<typeof dataTreeSelectProps>;\r\n\r\nexport const dataTreeSelectEmits = {\r\n  ...abstractSelectEmits,\r\n};\r\n\r\nexport type DataTreeSelectEmits = typeof dataTreeSelectEmits;\r\n","import { computed, defineComponent, ref, Ref, unref, watch } from \"vue\";\r\nimport { MKAbstractSelect } from \"../../abstract\";\r\nimport {\r\n  dataTreeSelectEmits,\r\n  dataTreeSelectProps,\r\n} from \"./data-tree-select-options\";\r\nimport { ElTreeSelect } from \"element-plus\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKDataTreeSelect\",\r\n  props: dataTreeSelectProps,\r\n  emits: dataTreeSelectEmits,\r\n  setup(props, { emit, slots }) {\r\n    const primaryKey = computed(\r\n      () => props.primaryFieldName ?? props.dataTree?.primaryKey ?? \"value\"\r\n    );\r\n\r\n    const loading = computed(() => props.dataTree?.loading ?? false);\r\n\r\n    const modelValue = computed({\r\n      get: () => unref(props.modelValue),\r\n      set: (v) => {\r\n        emit(\"update:model-value\", v);\r\n      },\r\n    });\r\n\r\n    watch(\r\n      computed(() => props.dataTree),\r\n      async (dataTree) => {\r\n        if (!dataTree) {\r\n          return;\r\n        }\r\n        await dataTree.init();\r\n        dataTree.dataFilter.setReady();\r\n        await dataTree.loadAll();\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    const formatOptions = (item: any) => {\r\n      let _formatOptions;\r\n\r\n      if (props.labelFieldName) {\r\n        _formatOptions = (item: any) => {\r\n          return {\r\n            value: item[unref(primaryKey)],\r\n            label: item[props.labelFieldName!],\r\n            children: (item.children ?? []).map(formatOptions),\r\n          };\r\n        };\r\n      } else {\r\n        _formatOptions = props.formatOptions;\r\n      }\r\n\r\n      let option = _formatOptions(item);\r\n\r\n      option.data = item;\r\n\r\n      return option;\r\n    };\r\n\r\n    return () => {\r\n      return (\r\n        <MKAbstractSelect\r\n          class=\"mk-data-tree-select\"\r\n          modelValue={unref(modelValue)}\r\n          onUpdate:model-value={(v: any) => {\r\n            modelValue.value = v;\r\n          }}\r\n          additional={false}\r\n          dataTable={props.dataTree}\r\n          objectValue={props.objectValue}\r\n          multiple={props.multiple}\r\n          options={props.options}\r\n          primaryFieldName={props.primaryFieldName}\r\n          formatOptions={formatOptions}\r\n          v-slots={{\r\n            default: ({ selections, setSelections, options }: any) => {\r\n              return (\r\n                <ElTreeSelect\r\n                  popper-class=\"mk-data-tree-select__popper\"\r\n                  clearable={props.clearable}\r\n                  data={options}\r\n                  disabled={props.disabled}\r\n                  loading={unref(loading)}\r\n                  modelValue={selections}\r\n                  onUpdate:modelValue={setSelections}\r\n                  multiple={props.multiple}\r\n                  checkStrictly={props.checkStrictly}\r\n                  v-slots={slots}\r\n                />\r\n              );\r\n            },\r\n          }}\r\n        />\r\n      );\r\n    };\r\n  },\r\n});\r\n","import { withInstall } from \"@maketribe/utils\";\r\nimport DataTreeSelect from \"./data-tree-select\";\r\n\r\nexport const MKDataTreeSelect = withInstall(DataTreeSelect);\r\n\r\nexport default MKDataTreeSelect;\r\n\r\nexport * from \"./data-tree-select-options\";\r\n"],"names":["defineComponent","name","props","dataTreeSelectProps","emits","dataTreeSelectEmits","setup","emit","slots","primaryKey","computed","primaryFieldName","dataTree","loading","modelValue","get","unref","set","v","watch","init","dataFilter","setReady","loadAll","immediate","formatOptions","item","_formatOptions","labelFieldName","value","label","children","map","option","data","_createVNode","MKAbstractSelect","objectValue","multiple","options","default","selections","setSelections","ElTreeSelect","clearable","disabled","checkStrictly"],"mappings":";;;;;AAKA,MAAM,EAAE,WAAW,GAAG,wBAA4B,IAAA;AAE3C,MAAM,sBAAsB,WAAW;AAAA,EAC5C,GAAG;AAAA,EACH,UAAU;AAAA,EACV,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,EACX;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;AACtD,YAAA,WAAW,KAAK,YAAY;AAE3B,aAAA,EAAE,OAAO,OAAO;IACzB;AAAA,EACF;AACF,CAAC;AAIM,MAAM,sBAAsB;AAAA,EACjC,GAAG;AACL;AC9BA,MAAeA,iDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,IAAMC;AAAAA,EAAM,GAAG;AAC5B,UAAMC,aAAaC,SACjB,MAAA;;AAAMR,mBAAMS,sBAAoBT,WAAMU,aAANV,mBAAgBO,eAAc;AAAA,KAChE;AAEA,UAAMI,UAAUH,SAAS,MAAMR;;AAAAA,0BAAMU,aAANV,mBAAgBW,YAAW;AAAA,KAAK;AAE/D,UAAMC,aAAaJ,SAAS;AAAA,MAC1BK,KAAKA,MAAMC,MAAMd,MAAMY,UAAU;AAAA,MACjCG,KAAMC,OAAM;AACVX,aAAK,sBAAsBW,CAAC;AAAA,MAC9B;AAAA,IACF,CAAC;AAEDC,UACET,SAAS,MAAMR,MAAMU,QAAQ,GAC7B,OAAOA,aAAa;AAClB,UAAI,CAACA,UAAU;AACb;AAAA,MACF;AACA,YAAMA,SAASQ;AACfR,eAASS,WAAWC;AACpB,YAAMV,SAASW;IACjB,GACA;AAAA,MAAEC,WAAW;AAAA,IAAK,CACpB;AAEA,UAAMC,gBAAiBC,UAAc;AACnC,UAAIC;AAEJ,UAAIzB,MAAM0B,gBAAgB;AACxBD,yBAAkBD,CAAAA,UAAc;AAC9B,iBAAO;AAAA,YACLG,OAAOH,MAAKV,MAAMP,UAAU,CAAC;AAAA,YAC7BqB,OAAOJ,MAAKxB,MAAM0B,cAAc;AAAA,YAChCG,WAAWL,MAAKK,YAAY,CAAA,GAAIC,IAAIP,aAAa;AAAA;;MAGvD,OAAO;AACLE,yBAAiBzB,MAAMuB;AAAAA,MACzB;AAEA,UAAIQ,SAASN,eAAeD,IAAI;AAEhCO,aAAOC,OAAOR;AAEd,aAAOO;AAAAA;AAGT,WAAO,MAAM;AACX,aAAAE,YAAAC,kBAAA;AAAA,QAAA,SAAA;AAAA,QAAA,cAGgBpB,MAAMF,UAAU;AAAA,QAAC,wBACNI,OAAW;AAChCJ,qBAAWe,QAAQX;AAAAA,QACpB;AAAA,QAAA,cACW;AAAA,QAAK,aACNhB,MAAMU;AAAAA,QAAQ,eACZV,MAAMmC;AAAAA,QAAW,YACpBnC,MAAMoC;AAAAA,QAAQ,WACfpC,MAAMqC;AAAAA,QAAO,oBACJrC,MAAMS;AAAAA,QAAgB,iBACzBc;AAAAA,SACN;AAAA,QACPe,SAASA,CAAC;AAAA,UAAEC;AAAAA,UAAYC;AAAAA,UAAeH;AAAAA,QAAa,MAAM;AACxD,iBAAAJ,YAAAQ,cAAA;AAAA,YAAA,gBAAA;AAAA,YAAA,aAGezC,MAAM0C;AAAAA,YAAS,QACpBL;AAAAA,YAAO,YACHrC,MAAM2C;AAAAA,YAAQ,WACf7B,MAAMH,OAAO;AAAA,YAAC,cACX4B;AAAAA,YAAU,uBACDC;AAAAA,YAAa,YACxBxC,MAAMoC;AAAAA,YAAQ,iBACTpC,MAAM4C;AAAAA,UAAa,GACzBtC,KAAK;AAAA,QAGpB;AAAA,OACD;AAAA;EAIT;AACF,CAAC;AC/FY,MAAA,mBAAmB,YAAY,cAAc;"}

package/dist/esm/index-C8z_gFCT.js.map

@@ -1 +1 @@
-{"version":3,"file":"index-C8z_gFCT.js","sources":["../../src/modules/ms/components/material-list/components/image-view/image-view-options.ts","../../src/modules/ms/components/material-list/components/image-view/image-view.tsx","../../src/modules/ms/components/material-list/components/image-view/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nexport const imageViewProps = buildProps({\r\n  showPreview: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  src: {\r\n    type: String,\r\n  },\r\n} as const);\r\n\r\nexport type ImageViewProps = ExtractPropTypes<typeof imageViewProps>;\r\n","import { computed, defineComponent, unref } from \"vue\";\nimport { ElImage } from \"element-plus\";\nimport { imageViewProps } from \"./image-view-options\";\n\nexport default defineComponent({\n  name: \"MKImageView\",\n  inheritAttrs: false,\n  props: imageViewProps,\n  setup(props, { slots }) {\n    const showPreview = computed(() => props.showPreview);\n\n    const src = computed(() => props.src);\n\n    const previewSrcList = computed(() =>\n      unref(showPreview) && unref(src) ? [unref(src)!] : []\n    );\n\n    return () => (\n      <ElImage\n        class=\"mk-image-view\"\n        src={unref(src)}\n        v-slots={slots}\n        fit=\"cover\"\n        previewSrcList={unref(previewSrcList)}\n        preview-teleported\n        hide-on-click-modal\n      />\n    );\n  },\n});\n","import { withInstall } from \"@maketribe/utils\";\r\nimport ImageView from \"./image-view\";\r\n\r\nexport const MKImageView = withInstall(ImageView);\r\nexport default MKImageView;\r\n\r\nexport * from \"./image-view-options\";\r\n"],"names":["defineComponent","name","inheritAttrs","props","imageViewProps","setup","slots","showPreview","computed","src","previewSrcList","unref","_createVNode","ElImage"],"mappings":";;;AAGO,MAAM,iBAAiB,WAAW;AAAA,EACvC,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,KAAK;AAAA,IACH,MAAM;AAAA,EACR;AACF,CAAU;ACPV,MAAeA,4CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,cAAc;AAAA,EACdC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AAAA,IAAEG;AAAAA,EAAM,GAAG;AACtB,UAAMC,cAAcC,SAAS,MAAML,MAAMI,WAAW;AAEpD,UAAME,MAAMD,SAAS,MAAML,MAAMM,GAAG;AAEpC,UAAMC,iBAAiBF,SAAS,MAC9BG,MAAMJ,WAAW,KAAKI,MAAMF,GAAG,IAAI,CAACE,MAAMF,GAAG,CAAC,IAAK,CACrD,CAAA;AAEA,WAAO,MAAAG,YAAAC,SAAA;AAAA,MAAA,SAAA;AAAA,MAAA,OAGEF,MAAMF,GAAG;AAAA,MAAC,OAAA;AAAA,MAAA,kBAGCE,MAAMD,cAAc;AAAA,MAAC,sBAAA;AAAA,MAAA,uBAAA;AAAA,IAAA,GAF5BJ,KAAK;AAAA,EAOpB;AACF,CAAC;AC1BY,MAAA,cAAc,YAAY,SAAS;"}
+{"version":3,"file":"index-C8z_gFCT.js","sources":["../../src/modules/ms/components/material-list/components/image-view/image-view-options.ts","../../src/modules/ms/components/material-list/components/image-view/image-view.tsx","../../src/modules/ms/components/material-list/components/image-view/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nexport const imageViewProps = buildProps({\r\n  showPreview: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  src: {\r\n    type: String,\r\n  },\r\n} as const);\r\n\r\nexport type ImageViewProps = ExtractPropTypes<typeof imageViewProps>;\r\n","import { computed, defineComponent, unref } from \"vue\";\r\nimport { ElImage } from \"element-plus\";\r\nimport { imageViewProps } from \"./image-view-options\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKImageView\",\r\n  inheritAttrs: false,\r\n  props: imageViewProps,\r\n  setup(props, { slots }) {\r\n    const showPreview = computed(() => props.showPreview);\r\n\r\n    const src = computed(() => props.src);\r\n\r\n    const previewSrcList = computed(() =>\r\n      unref(showPreview) && unref(src) ? [unref(src)!] : []\r\n    );\r\n\r\n    return () => (\r\n      <ElImage\r\n        class=\"mk-image-view\"\r\n        src={unref(src)}\r\n        v-slots={slots}\r\n        fit=\"cover\"\r\n        previewSrcList={unref(previewSrcList)}\r\n        preview-teleported\r\n        hide-on-click-modal\r\n      />\r\n    );\r\n  },\r\n});\r\n","import { withInstall } from \"@maketribe/utils\";\r\nimport ImageView from \"./image-view\";\r\n\r\nexport const MKImageView = withInstall(ImageView);\r\nexport default MKImageView;\r\n\r\nexport * from \"./image-view-options\";\r\n"],"names":["defineComponent","name","inheritAttrs","props","imageViewProps","setup","slots","showPreview","computed","src","previewSrcList","unref","_createVNode","ElImage"],"mappings":";;;AAGO,MAAM,iBAAiB,WAAW;AAAA,EACvC,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,KAAK;AAAA,IACH,MAAM;AAAA,EACR;AACF,CAAU;ACPV,MAAeA,4CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,cAAc;AAAA,EACdC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AAAA,IAAEG;AAAAA,EAAM,GAAG;AACtB,UAAMC,cAAcC,SAAS,MAAML,MAAMI,WAAW;AAEpD,UAAME,MAAMD,SAAS,MAAML,MAAMM,GAAG;AAEpC,UAAMC,iBAAiBF,SAAS,MAC9BG,MAAMJ,WAAW,KAAKI,MAAMF,GAAG,IAAI,CAACE,MAAMF,GAAG,CAAC,IAAK,CACrD,CAAA;AAEA,WAAO,MAAAG,YAAAC,SAAA;AAAA,MAAA,SAAA;AAAA,MAAA,OAGEF,MAAMF,GAAG;AAAA,MAAC,OAAA;AAAA,MAAA,kBAGCE,MAAMD,cAAc;AAAA,MAAC,sBAAA;AAAA,MAAA,uBAAA;AAAA,IAAA,GAF5BJ,KAAK;AAAA,EAOpB;AACF,CAAC;AC1BY,MAAA,cAAc,YAAY,SAAS;"}

package/dist/esm/{index-DVprQ057.js → index-CAYL9D_L.js}

@@ -1,7 +1,7 @@
 import { defineComponent, ref, reactive, onMounted, watch, resolveComponent, resolveDirective, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, unref, createTextVNode, withDirectives, createBlock, Fragment, renderList, toDisplayString, createCommentVNode } from "vue";
 import { DataViewRequest, Group } from "@maketribe/request";
 import { FormColumn, Dialoger, Messager } from "@maketribe/dm";
-import { Q as CmsAdContentsForm, S as CmsAdDefinesForm, q as MKSvgIcon } from "./index-ClxRVkUv.js";
+import { Q as CmsAdContentsForm, S as CmsAdDefinesForm, q as MKSvgIcon } from "./index-CjTw5oMj.js";
 import "element-plus";
 import "@maketribe/utils";
 import "vue-router";
@@ -18,6 +18,8 @@ import { EditPen, Delete, ArrowDown } from "@element-plus/icons-vue";
 import "@lexical/history";
 import "@lexical/dragon";
 import "@lexical/plain-text";
+import "@headlessui/vue";
+import "overlayscrollbars-vue";
 import "@codemirror/lang-html";
 const _hoisted_1 = { class: "mk-cms-ad__warp" };
 const _hoisted_2 = {
@@ -390,4 +392,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 export {
   _sfc_main as default
 };
-//# sourceMappingURL=index-DVprQ057.js.map
+//# sourceMappingURL=index-CAYL9D_L.js.map

package/dist/esm/{index-DVprQ057.js.map → index-CAYL9D_L.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-DVprQ057.js","sources":["../../src/modules/cms/pages/cms-ad/index.vue"],"sourcesContent":["<template>\r\n  <div class=\"mk-cms-ad__warp\">\r\n    <el-page-header style=\"background-color: #fff;padding: 10px;\" :icon=\"null\">\r\n      <template #title>\r\n        <h3 style=\"color: var(--el-text-color-regular);\" m=\"l-[10px]\" flex=\"~ items-center\">\r\n          <MKSvgIcon name=\"ep:guide\" m=\"r-[5px]\"/>\r\n          广告位管理\r\n        </h3>\r\n      </template>\r\n      <template #content>\r\n        <el-input style=\"width: 240px\" placeholder=\"请输入广告位描述\" v-model=\"adSearchWord\">\r\n          <template #prefix>\r\n            <MKSvgIcon name=\"material-symbols:search\" />\r\n          </template>\r\n        </el-input>\r\n      </template>\r\n      <template #extra>\r\n        <div class=\"flex items-center\">\r\n          <el-button type=\"primary\" size=\"large\" text @click=\"showAdDefineHandle\">\r\n            添加广告位\r\n            <MKSvgIcon name=\"ep:plus\" style=\"margin-left: 10px;\" />\r\n          </el-button>\r\n        </div>\r\n      </template>\r\n    </el-page-header>\r\n    <div class=\"mk-cms-ad__body\" v-loading=\"loading\">\r\n      <el-scrollbar class=\"mk-cms-ad__body__scrollbar\"  v-if=\"adDefineList?.length\">\r\n        <el-card v-for=\"item in adDefineList\" :key=\"item.id\" class=\"mk-cms-ad__card\">\r\n          <template #header>\r\n            <div class=\"mk-cms-ad__card__header clearfix\">\r\n              <span>\r\n                <MKSvgIcon name=\"ep:guide\" style=\"margin-right: 5px;\" />\r\n                {{ item.desc }}\r\n              </span>\r\n              <div class=\"btn-box\">\r\n                <MKSvgIcon class=\"btn\" name=\"ep:plus\" style=\"color: #409EFF;\"\r\n                  @click=\"showAdContentHandler(item, false)\" />\r\n                <MKSvgIcon class=\"btn\" name=\"ep:edit-pen\" style=\"color: #409EFF;\" @click=\"showAdDefineHandle(item)\" />\r\n                <MKSvgIcon class=\"btn\" name=\"ep:delete\" style=\"color: #F56C6C;\"\r\n                  @click=\"deleteHandler(adRequest, 'desc', item)\" v-if=\"item.contents.length == 0\" />\r\n              </div>\r\n            </div>\r\n          </template>\r\n          <el-empty v-if=\"item.contents.length <= 0\" description=\"暂无内容\" />\r\n          <div class=\"mk-cms-ad__card__body\">\r\n            <el-scrollbar class=\"mk-cms-ad__card__body__scrollbar\">\r\n              <el-card class=\"mk-cms-ad__card__body__item\" v-for=\"adContent in item.contents\" :key=\"adContent.id\">\r\n                <el-image class=\"images\" v-if=\"adContent.type == 1\" :src=\"adContent.path\"\r\n                  :preview-src-list=\"[adContent.path]\" fit=\"contain\">\r\n                  <div slot=\"placeholder\" class=\"image-slot\">\r\n                    加载中<span class=\"dot\">...</span>\r\n                  </div>\r\n                </el-image>\r\n                <video class=\"video\" v-if=\"adContent.type == 2\" :src=\"adContent.path\" style=\"width: 100%;height: 200px;\"\r\n                  controls></video>\r\n                <div class=\"item-desc\">\r\n                  <div class=\"item-desc-left\">\r\n                    <div class=\"title ellipsis\">\r\n                      <MKSvgIcon class=\"icon\" v-if=\"adContent.type == 1\" name=\"ep:picture\"></MKSvgIcon>\r\n                      <MKSvgIcon class=\"icon\" v-if=\"adContent.type == 2\" name=\"ep:video-camera\"></MKSvgIcon>\r\n                      <span :title=\"adContent.title + '(' + adContent.desc + ')'\">{{ adContent.title }}<span\r\n                          class=\"desc\">{{\r\n                            adContent.desc ? `(${adContent.desc})` : \"\" }}</span></span>\r\n                    </div>\r\n                    <div class=\"external-links ellipsis\">\r\n                      <MKSvgIcon class=\"icon\" v-if=\"adContent.link\" name=\"ep:link\"></MKSvgIcon>\r\n                      <a :href=\"adContent.link\" target=\"_blank\" :title=\"adContent.link\">{{ adContent.link }}</a>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"item-desc-right\">\r\n                    <el-dropdown trigger=\"click\" :teleported=\"false\" class=\"item-desc-right__more\">\r\n                      <span class=\"el-dropdown-link\">\r\n                        更多<el-icon class=\"el-icon--right\"><arrow-down /></el-icon>\r\n                      </span>\r\n                      <template #dropdown>\r\n                        <el-dropdown-menu>\r\n                          <el-dropdown-item class=\"edit-button\" :icon=\"EditPen\"\r\n                            @click=\"showAdContentHandler(adContent, true)\">编辑</el-dropdown-item>\r\n                          <el-dropdown-item class=\"delete-button\" :icon=\"Delete\"\r\n                            @click=\"deleteHandler(adContentRequest, 'title', adContent)\">删除</el-dropdown-item>\r\n                        </el-dropdown-menu>\r\n                      </template>\r\n                    </el-dropdown>\r\n                  </div>\r\n                </div>\r\n              </el-card>\r\n            </el-scrollbar>\r\n          </div>\r\n        </el-card>\r\n      </el-scrollbar>\r\n\r\n      <el-empty v-if=\"adDefineList?.length <= 0\" description=“暂无内容” />\r\n    </div>\r\n  </div>\r\n\r\n</template>\r\n<script setup lang='ts'>\r\nimport { onMounted, reactive, ref, watch } from \"vue\";\r\nimport { DataViewRequest, Group } from \"@maketribe/request\";\r\nimport { DataForm, Dialoger, FormColumn, Messager } from \"@maketribe/dm\";\r\nimport { CmsAdContentsForm, CmsAdDefinesForm } from \"../../dataviews\";\r\nimport { EditPen, ArrowDown, Delete } from \"@element-plus/icons-vue\"\r\nimport {MKSvgIcon} from \"../../../../components/basic\";\r\n\r\n// 广告定义数据表\r\nconst adRequest = new DataViewRequest({ name: \"ad-define\", moduleName: \"cms\" });\r\nconst adContentRequest = new DataViewRequest({ name: \"ad-content\", moduleName: \"cms\" });\r\n//广告位搜索词\r\nconst adSearchWord = ref(\"\")\r\n// 广告定义列表\r\nconst adDefineList = ref([] as any[]);\r\nconst loading = ref(true);\r\n\r\n//更新列表数据\r\nconst setAdDefineList = async (condition?: Group) => {\r\n  try {\r\n    loading.value = true;\r\n\r\n    if(!condition){ condition = new Group();  }\r\n\r\n    // 栏目的广告不查\r\n    condition?.addCondition(\"key\",\"nolike\",\"part_\")\r\n\r\n    // console.log(condition);\r\n\r\n    adDefineList.value = (await adRequest.allList({\r\n      data: {\r\n        condition: condition\r\n      }\r\n    })).data.data;\r\n\r\n  } catch (e) {\r\n    console.error(e)\r\n  } finally {\r\n    loading.value = false;\r\n  }\r\n}\r\n// 广告内容表单\r\nconst adContentForm = reactive(new CmsAdContentsForm())\r\n//监听广告内容表单保存事件\r\nadContentForm.submittedEvent.on(() => {\r\n  setAdDefineList()\r\n})\r\n// 添加广告内容\r\nconst showAdContentHandler = async (item: any, isEdit: boolean) => {\r\n  await Dialoger.dataFormDialog({\r\n    dataForm: adContentForm as CmsAdContentsForm,\r\n    recId: isEdit ? item.id : undefined\r\n  })\r\n  if (!isEdit) {\r\n    adContentForm.addRecord({ adDefineId: item.id })\r\n  }\r\n}\r\n\r\n//广告定义表单\r\nconst adDefineForm = reactive(new (class extends CmsAdDefinesForm {\r\n  //去掉广告内容\r\n  protected async initialize() {\r\n    await super.initialize();\r\n    this.setColumns([\r\n      new FormColumn({ name: \"key\", label: \"广告位KEY\", required: true }),\r\n      new FormColumn({ name: \"desc\", label: \"广告位描述\", required: true }),\r\n    ]);\r\n  }\r\n}))\r\n//监听广告保存完成进行刷新\r\nadDefineForm.submittedEvent.on(() => {\r\n  setAdDefineList()\r\n})\r\n//增加广告位\r\nconst showAdDefineHandle = (item: any) => {\r\n  Dialoger.dataFormDialog({\r\n    dataForm: adDefineForm as DataForm,\r\n    recId: item?.id\r\n  })\r\n}\r\n\r\n//删除\r\nconst deleteHandler = async (request: DataViewRequest, field: string, item: any) => {\r\n  const isConfirm = await Dialoger.confirm({\r\n    title: \"是否删除？\",\r\n    message: `确定删除【${item[field]}】广告位？`,\r\n    type: \"warning\"\r\n  });\r\n  if (!isConfirm) {\r\n    return;\r\n  }\r\n  try {\r\n    loading.value = true\r\n    const result = await request.delete(item.id)\r\n    if (result.data.code != 200) {\r\n      Messager.error({ message: result.data.msg || \"删除失败\" })\r\n      return;\r\n    }\r\n    await setAdDefineList()\r\n  } catch (e: any) {\r\n    Messager.error({ message: e })\r\n  } finally {\r\n    loading.value = false\r\n\r\n  }\r\n}\r\n\r\n// 加载广告定义\r\nonMounted(async () => {\r\n  await setAdDefineList();\r\n})\r\n\r\n//timer\r\nlet timer: any = null\r\n\r\n//监听adSearchWord变化进行搜索\r\nwatch(adSearchWord, async () => {\r\n\r\n  if (!!timer) {\r\n    clearTimeout(timer)\r\n  }\r\n\r\n  timer = setTimeout(async () => {\r\n    const condition = new Group()\r\n    condition.addCondition(\"desc\", \"like\", `%${adSearchWord.value}%`)\r\n    await setAdDefineList(condition);\r\n  }, 500)\r\n\r\n\r\n})\r\n\r\n</script>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyGM,UAAA,YAAY,IAAI,gBAAgB,EAAE,MAAM,aAAa,YAAY,OAAO;AACxE,UAAA,mBAAmB,IAAI,gBAAgB,EAAE,MAAM,cAAc,YAAY,OAAO;AAEhF,UAAA,eAAe,IAAI,EAAE;AAErB,UAAA,eAAe,IAAI,CAAA,CAAW;AAC9B,UAAA,UAAU,IAAI,IAAI;AAGlB,UAAA,kBAAkB,OAAO,cAAsB;AAC/C,UAAA;AACF,gBAAQ,QAAQ;AAEhB,YAAG,CAAC,WAAU;AAAE,sBAAY,IAAI;QAAU;AAG/B,+CAAA,aAAa,OAAM,UAAS;AAI1B,qBAAA,SAAS,MAAM,UAAU,QAAQ;AAAA,UAC5C,MAAM;AAAA,YACJ;AAAA,UACF;AAAA,QAAA,CACD,GAAG,KAAK;AAAA,eAEF,GAAG;AACV,gBAAQ,MAAM,CAAC;AAAA,MAAA,UACf;AACA,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IAAA;AAGF,UAAM,gBAAgB,SAAS,IAAI,kBAAmB,CAAA;AAExC,kBAAA,eAAe,GAAG,MAAM;AACpB;IAAA,CACjB;AAEK,UAAA,uBAAuB,OAAO,MAAW,WAAoB;AACjE,YAAM,SAAS,eAAe;AAAA,QAC5B,UAAU;AAAA,QACV,OAAO,SAAS,KAAK,KAAK;AAAA,MAAA,CAC3B;AACD,UAAI,CAAC,QAAQ;AACX,sBAAc,UAAU,EAAE,YAAY,KAAK,GAAI,CAAA;AAAA,MACjD;AAAA,IAAA;AAIF,UAAM,eAAe,SAAS,IAAK,cAAc,iBAAiB;AAAA;AAAA,MAEhE,MAAgB,aAAa;AAC3B,cAAM,MAAM;AACZ,aAAK,WAAW;AAAA,UACd,IAAI,WAAW,EAAE,MAAM,OAAO,OAAO,UAAU,UAAU,MAAM;AAAA,UAC/D,IAAI,WAAW,EAAE,MAAM,QAAQ,OAAO,SAAS,UAAU,MAAM;AAAA,QAAA,CAChE;AAAA,MACH;AAAA,IACA,EAAA,CAAA;AAEW,iBAAA,eAAe,GAAG,MAAM;AACnB;IAAA,CACjB;AAEK,UAAA,qBAAqB,CAAC,SAAc;AACxC,eAAS,eAAe;AAAA,QACtB,UAAU;AAAA,QACV,OAAO,6BAAM;AAAA,MAAA,CACd;AAAA,IAAA;AAIH,UAAM,gBAAgB,OAAO,SAA0B,OAAe,SAAc;AAC5E,YAAA,YAAY,MAAM,SAAS,QAAQ;AAAA,QACvC,OAAO;AAAA,QACP,SAAS,QAAQ,KAAK,KAAK,CAAC;AAAA,QAC5B,MAAM;AAAA,MAAA,CACP;AACD,UAAI,CAAC,WAAW;AACd;AAAA,MACF;AACI,UAAA;AACF,gBAAQ,QAAQ;AAChB,cAAM,SAAS,MAAM,QAAQ,OAAO,KAAK,EAAE;AACvC,YAAA,OAAO,KAAK,QAAQ,KAAK;AAC3B,mBAAS,MAAM,EAAE,SAAS,OAAO,KAAK,OAAO,QAAQ;AACrD;AAAA,QACF;AACA,cAAM,gBAAgB;AAAA,eACf,GAAQ;AACf,iBAAS,MAAM,EAAE,SAAS,EAAG,CAAA;AAAA,MAAA,UAC7B;AACA,gBAAQ,QAAQ;AAAA,MAElB;AAAA,IAAA;AAIF,cAAU,YAAY;AACpB,YAAM,gBAAgB;AAAA,IAAA,CACvB;AAGD,QAAI,QAAa;AAGjB,UAAM,cAAc,YAAY;AAE1B,UAAA,CAAC,CAAC,OAAO;AACX,qBAAa,KAAK;AAAA,MACpB;AAEA,cAAQ,WAAW,YAAY;AACvB,cAAA,YAAY,IAAI;AACtB,kBAAU,aAAa,QAAQ,QAAQ,IAAI,aAAa,KAAK,GAAG;AAChE,cAAM,gBAAgB,SAAS;AAAA,SAC9B,GAAG;AAAA,IAAA,CAGP;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index-CAYL9D_L.js","sources":["../../src/modules/cms/pages/cms-ad/index.vue"],"sourcesContent":["<template>\r\n  <div class=\"mk-cms-ad__warp\">\r\n    <el-page-header style=\"background-color: #fff;padding: 10px;\" :icon=\"null\">\r\n      <template #title>\r\n        <h3 style=\"color: var(--el-text-color-regular);\" m=\"l-[10px]\" flex=\"~ items-center\">\r\n          <MKSvgIcon name=\"ep:guide\" m=\"r-[5px]\"/>\r\n          广告位管理\r\n        </h3>\r\n      </template>\r\n      <template #content>\r\n        <el-input style=\"width: 240px\" placeholder=\"请输入广告位描述\" v-model=\"adSearchWord\">\r\n          <template #prefix>\r\n            <MKSvgIcon name=\"material-symbols:search\" />\r\n          </template>\r\n        </el-input>\r\n      </template>\r\n      <template #extra>\r\n        <div class=\"flex items-center\">\r\n          <el-button type=\"primary\" size=\"large\" text @click=\"showAdDefineHandle\">\r\n            添加广告位\r\n            <MKSvgIcon name=\"ep:plus\" style=\"margin-left: 10px;\" />\r\n          </el-button>\r\n        </div>\r\n      </template>\r\n    </el-page-header>\r\n    <div class=\"mk-cms-ad__body\" v-loading=\"loading\">\r\n      <el-scrollbar class=\"mk-cms-ad__body__scrollbar\"  v-if=\"adDefineList?.length\">\r\n        <el-card v-for=\"item in adDefineList\" :key=\"item.id\" class=\"mk-cms-ad__card\">\r\n          <template #header>\r\n            <div class=\"mk-cms-ad__card__header clearfix\">\r\n              <span>\r\n                <MKSvgIcon name=\"ep:guide\" style=\"margin-right: 5px;\" />\r\n                {{ item.desc }}\r\n              </span>\r\n              <div class=\"btn-box\">\r\n                <MKSvgIcon class=\"btn\" name=\"ep:plus\" style=\"color: #409EFF;\"\r\n                  @click=\"showAdContentHandler(item, false)\" />\r\n                <MKSvgIcon class=\"btn\" name=\"ep:edit-pen\" style=\"color: #409EFF;\" @click=\"showAdDefineHandle(item)\" />\r\n                <MKSvgIcon class=\"btn\" name=\"ep:delete\" style=\"color: #F56C6C;\"\r\n                  @click=\"deleteHandler(adRequest, 'desc', item)\" v-if=\"item.contents.length == 0\" />\r\n              </div>\r\n            </div>\r\n          </template>\r\n          <el-empty v-if=\"item.contents.length <= 0\" description=\"暂无内容\" />\r\n          <div class=\"mk-cms-ad__card__body\">\r\n            <el-scrollbar class=\"mk-cms-ad__card__body__scrollbar\">\r\n              <el-card class=\"mk-cms-ad__card__body__item\" v-for=\"adContent in item.contents\" :key=\"adContent.id\">\r\n                <el-image class=\"images\" v-if=\"adContent.type == 1\" :src=\"adContent.path\"\r\n                  :preview-src-list=\"[adContent.path]\" fit=\"contain\">\r\n                  <div slot=\"placeholder\" class=\"image-slot\">\r\n                    加载中<span class=\"dot\">...</span>\r\n                  </div>\r\n                </el-image>\r\n                <video class=\"video\" v-if=\"adContent.type == 2\" :src=\"adContent.path\" style=\"width: 100%;height: 200px;\"\r\n                  controls></video>\r\n                <div class=\"item-desc\">\r\n                  <div class=\"item-desc-left\">\r\n                    <div class=\"title ellipsis\">\r\n                      <MKSvgIcon class=\"icon\" v-if=\"adContent.type == 1\" name=\"ep:picture\"></MKSvgIcon>\r\n                      <MKSvgIcon class=\"icon\" v-if=\"adContent.type == 2\" name=\"ep:video-camera\"></MKSvgIcon>\r\n                      <span :title=\"adContent.title + '(' + adContent.desc + ')'\">{{ adContent.title }}<span\r\n                          class=\"desc\">{{\r\n                            adContent.desc ? `(${adContent.desc})` : \"\" }}</span></span>\r\n                    </div>\r\n                    <div class=\"external-links ellipsis\">\r\n                      <MKSvgIcon class=\"icon\" v-if=\"adContent.link\" name=\"ep:link\"></MKSvgIcon>\r\n                      <a :href=\"adContent.link\" target=\"_blank\" :title=\"adContent.link\">{{ adContent.link }}</a>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"item-desc-right\">\r\n                    <el-dropdown trigger=\"click\" :teleported=\"false\" class=\"item-desc-right__more\">\r\n                      <span class=\"el-dropdown-link\">\r\n                        更多<el-icon class=\"el-icon--right\"><arrow-down /></el-icon>\r\n                      </span>\r\n                      <template #dropdown>\r\n                        <el-dropdown-menu>\r\n                          <el-dropdown-item class=\"edit-button\" :icon=\"EditPen\"\r\n                            @click=\"showAdContentHandler(adContent, true)\">编辑</el-dropdown-item>\r\n                          <el-dropdown-item class=\"delete-button\" :icon=\"Delete\"\r\n                            @click=\"deleteHandler(adContentRequest, 'title', adContent)\">删除</el-dropdown-item>\r\n                        </el-dropdown-menu>\r\n                      </template>\r\n                    </el-dropdown>\r\n                  </div>\r\n                </div>\r\n              </el-card>\r\n            </el-scrollbar>\r\n          </div>\r\n        </el-card>\r\n      </el-scrollbar>\r\n\r\n      <el-empty v-if=\"adDefineList?.length <= 0\" description=“暂无内容” />\r\n    </div>\r\n  </div>\r\n\r\n</template>\r\n<script setup lang='ts'>\r\nimport { onMounted, reactive, ref, watch } from \"vue\";\r\nimport { DataViewRequest, Group } from \"@maketribe/request\";\r\nimport { DataForm, Dialoger, FormColumn, Messager } from \"@maketribe/dm\";\r\nimport { CmsAdContentsForm, CmsAdDefinesForm } from \"../../dataviews\";\r\nimport { EditPen, ArrowDown, Delete } from \"@element-plus/icons-vue\"\r\nimport {MKSvgIcon} from \"../../../../components/basic\";\r\n\r\n// 广告定义数据表\r\nconst adRequest = new DataViewRequest({ name: \"ad-define\", moduleName: \"cms\" });\r\nconst adContentRequest = new DataViewRequest({ name: \"ad-content\", moduleName: \"cms\" });\r\n//广告位搜索词\r\nconst adSearchWord = ref(\"\")\r\n// 广告定义列表\r\nconst adDefineList = ref([] as any[]);\r\nconst loading = ref(true);\r\n\r\n//更新列表数据\r\nconst setAdDefineList = async (condition?: Group) => {\r\n  try {\r\n    loading.value = true;\r\n\r\n    if(!condition){ condition = new Group();  }\r\n\r\n    // 栏目的广告不查\r\n    condition?.addCondition(\"key\",\"nolike\",\"part_\")\r\n\r\n    // console.log(condition);\r\n\r\n    adDefineList.value = (await adRequest.allList({\r\n      data: {\r\n        condition: condition\r\n      }\r\n    })).data.data;\r\n\r\n  } catch (e) {\r\n    console.error(e)\r\n  } finally {\r\n    loading.value = false;\r\n  }\r\n}\r\n// 广告内容表单\r\nconst adContentForm = reactive(new CmsAdContentsForm())\r\n//监听广告内容表单保存事件\r\nadContentForm.submittedEvent.on(() => {\r\n  setAdDefineList()\r\n})\r\n// 添加广告内容\r\nconst showAdContentHandler = async (item: any, isEdit: boolean) => {\r\n  await Dialoger.dataFormDialog({\r\n    dataForm: adContentForm as CmsAdContentsForm,\r\n    recId: isEdit ? item.id : undefined\r\n  })\r\n  if (!isEdit) {\r\n    adContentForm.addRecord({ adDefineId: item.id })\r\n  }\r\n}\r\n\r\n//广告定义表单\r\nconst adDefineForm = reactive(new (class extends CmsAdDefinesForm {\r\n  //去掉广告内容\r\n  protected async initialize() {\r\n    await super.initialize();\r\n    this.setColumns([\r\n      new FormColumn({ name: \"key\", label: \"广告位KEY\", required: true }),\r\n      new FormColumn({ name: \"desc\", label: \"广告位描述\", required: true }),\r\n    ]);\r\n  }\r\n}))\r\n//监听广告保存完成进行刷新\r\nadDefineForm.submittedEvent.on(() => {\r\n  setAdDefineList()\r\n})\r\n//增加广告位\r\nconst showAdDefineHandle = (item: any) => {\r\n  Dialoger.dataFormDialog({\r\n    dataForm: adDefineForm as DataForm,\r\n    recId: item?.id\r\n  })\r\n}\r\n\r\n//删除\r\nconst deleteHandler = async (request: DataViewRequest, field: string, item: any) => {\r\n  const isConfirm = await Dialoger.confirm({\r\n    title: \"是否删除？\",\r\n    message: `确定删除【${item[field]}】广告位？`,\r\n    type: \"warning\"\r\n  });\r\n  if (!isConfirm) {\r\n    return;\r\n  }\r\n  try {\r\n    loading.value = true\r\n    const result = await request.delete(item.id)\r\n    if (result.data.code != 200) {\r\n      Messager.error({ message: result.data.msg || \"删除失败\" })\r\n      return;\r\n    }\r\n    await setAdDefineList()\r\n  } catch (e: any) {\r\n    Messager.error({ message: e })\r\n  } finally {\r\n    loading.value = false\r\n\r\n  }\r\n}\r\n\r\n// 加载广告定义\r\nonMounted(async () => {\r\n  await setAdDefineList();\r\n})\r\n\r\n//timer\r\nlet timer: any = null\r\n\r\n//监听adSearchWord变化进行搜索\r\nwatch(adSearchWord, async () => {\r\n\r\n  if (!!timer) {\r\n    clearTimeout(timer)\r\n  }\r\n\r\n  timer = setTimeout(async () => {\r\n    const condition = new Group()\r\n    condition.addCondition(\"desc\", \"like\", `%${adSearchWord.value}%`)\r\n    await setAdDefineList(condition);\r\n  }, 500)\r\n\r\n\r\n})\r\n\r\n</script>\r\n"],"names":[],"mappings":"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"}

package/dist/esm/{index-D9OxO5-n.js → index-CQcGPTKm.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, unref, createVNode } from "vue";
 import { buildProps } from "@maketribe/utils";
-import { T as columnProps, X as useColumn } from "./index-ClxRVkUv.js";
+import { T as columnProps, X as useColumn } from "./index-CjTw5oMj.js";
 import "vue-router";
 import "@maketribe/dm";
 import "element-plus";
@@ -33,4 +33,4 @@ export {
   columnTextProps,
   MKColumnText$1 as default
 };
-//# sourceMappingURL=index-D9OxO5-n.js.map
+//# sourceMappingURL=index-CQcGPTKm.js.map

package/dist/esm/index-CQcGPTKm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CQcGPTKm.js","sources":["../../src/components/data-model/data-table/components/column-text/column-text-options.ts","../../src/components/data-model/data-table/components/column-text/column-text.tsx","../../src/components/data-model/data-table/components/column-text/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { columnProps } from \"../../composables\";\r\n\r\nexport const columnTextProps = buildProps({\r\n  ...columnProps,\r\n  formatValue: { type: Function, default: (value: any) => value },\r\n});\r\n\r\nexport type ColumnTextProps = ExtractPropTypes<typeof columnTextProps>;\r\n","import { computed, defineComponent, unref } from \"vue\";\r\n\r\nimport { columnTextProps } from \"./column-text-options\";\r\nimport { useColumn } from \"../../composables\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKColumnText\",\r\n  props: columnTextProps,\r\n  setup(props) {\r\n    const { value } = useColumn(props);\r\n\r\n    const formatValue = computed(() => props.formatValue(unref(value)));\r\n\r\n    return () => {\r\n      return <span class=\"mk-column-text\">{unref(formatValue)}</span>;\r\n    };\r\n  },\r\n});\r\n","import ColumnText from \"./column-text\";\r\n\r\nexport const MKColumnText = ColumnText;\r\nexport default MKColumnText;\r\n\r\nexport * from \"./column-text-options\";\r\n"],"names":["defineComponent","name","props","columnTextProps","setup","value","useColumn","formatValue","computed","unref","_createVNode"],"mappings":";;;;;;;;;AAIO,MAAM,kBAAkB,WAAW;AAAA,EACxC,GAAG;AAAA,EACH,aAAa,EAAE,MAAM,UAAU,SAAS,CAAC,UAAe,MAAM;AAChE,CAAC;ACFD,MAAeA,6CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAM;AAAA,MAAEG;AAAAA,IAAM,IAAIC,UAAUJ,KAAK;AAEjC,UAAMK,cAAcC,SAAS,MAAMN,MAAMK,YAAYE,MAAMJ,KAAK,CAAC,CAAC;AAElE,WAAO,MAAM;AACX,aAAAK,YAAA,QAAA;AAAA,QAAA,SAAA;AAAA,MAAqCD,GAAAA,CAAAA,MAAMF,WAAW,CAAC,CAAA;AAAA;EAE3D;AACF,CAAC;ACfM,MAAM,eAAe;AAC5B,MAAA,iBAAe;"}

package/dist/esm/index-CZs0cX5Z.js.map

@@ -1 +1 @@
-{"version":3,"file":"index-CZs0cX5Z.js","sources":["../../src/modules/ms/components/material-list/components/file-view/file-view-options.ts","../../src/modules/ms/components/material-list/components/file-view/file-view.tsx","../../src/modules/ms/components/material-list/components/file-view/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nexport const fileViewProps = buildProps({\r\n  src: { type: String, required: true },\r\n} as const);\r\n\r\nexport type FileViewProps = ExtractPropTypes<typeof fileViewProps>;\r\n","import { defineComponent } from \"vue\";\nimport { ElButton, ElIcon } from \"element-plus\";\nimport { Document, Download } from \"@element-plus/icons-vue\";\nimport { fileViewProps } from \"./file-view-options\";\n\nexport default defineComponent({\n  name: \"MKFileView\",\n  props: fileViewProps,\n  setup(props) {\n    const handleDownloadClick = () => {\n      const a = document.createElement(\"a\");\n      a.setAttribute(\"download\", new Date().getTime().toString());\n      a.target = \"_blank\";\n      a.href = props.src;\n      Object.assign(a.style, { width: \"1px\", height: \"1px\" });\n\n      document.body.append(a);\n      a.click();\n\n      setTimeout(() => {\n        document.body.removeChild(a);\n      });\n    };\n\n    return () => (\n      <div class=\"mk-file-view\">\n        <ElIcon size=\"20\">\n          <Document />\n        </ElIcon>\n        <div class=\"mk-file-view__tools\">\n          <ElButton\n            type=\"primary\"\n            icon={Download}\n            onClick={handleDownloadClick}\n          />\n        </div>\n      </div>\n    );\n  },\n});\n","import { withInstall } from \"@maketribe/utils\";\r\nimport FileView from \"./file-view\";\r\n\r\nexport const MKFileView = withInstall(FileView);\r\nexport default MKFileView;\r\n\r\nexport * from \"./file-view-options\";\r\n"],"names":["defineComponent","name","props","fileViewProps","setup","handleDownloadClick","a","document","createElement","setAttribute","Date","getTime","toString","target","href","src","Object","assign","style","width","height","body","append","click","setTimeout","removeChild","_createVNode","ElIcon","default","Document","ElButton","Download"],"mappings":";;;;AAGO,MAAM,gBAAgB,WAAW;AAAA,EACtC,KAAK,EAAE,MAAM,QAAQ,UAAU,KAAK;AACtC,CAAU;ACAV,MAAeA,2CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAMG,sBAAsBA,MAAM;AAChC,YAAMC,IAAIC,SAASC,cAAc,GAAG;AACpCF,QAAEG,aAAa,aAAY,oBAAIC,KAAM,GAACC,QAAS,EAACC,SAAQ,CAAE;AAC1DN,QAAEO,SAAS;AACXP,QAAEQ,OAAOZ,MAAMa;AACfC,aAAOC,OAAOX,EAAEY,OAAO;AAAA,QAAEC,OAAO;AAAA,QAAOC,QAAQ;AAAA,MAAM,CAAC;AAEtDb,eAASc,KAAKC,OAAOhB,CAAC;AACtBA,QAAEiB,MAAK;AAEPC,iBAAW,MAAM;AACfjB,iBAASc,KAAKI,YAAYnB,CAAC;AAAA,MAC7B,CAAC;AAAA;AAGH,WAAO,MAAAoB,YAAA,OAAA;AAAA,MAAA,SAAA;AAAA,OAAAA,CAAAA,YAAAC,QAAA;AAAA,MAAA,QAAA;AAAA,IAAA,GAAA;AAAA,MAAAC,SAAAA,MAAAF,CAAAA,YAAAG,UAAA,MAAA,IAAA,CAAA;AAAA,IAAA,CAAA,GAAAH,YAAA,OAAA;AAAA,MAAA,SAAA;AAAA,OAAAA,CAAAA,YAAAI,UAAA;AAAA,MAAA,QAAA;AAAA,MAAA,QAQOC;AAAAA,MAAQ,WACL1B;AAAAA,OAIhB,IAAA,CAAA,CAAA,CAAA,CAAA;AAAA,EACH;AACF,CAAC;ACpCY,MAAA,aAAa,YAAY,QAAQ;"}
+{"version":3,"file":"index-CZs0cX5Z.js","sources":["../../src/modules/ms/components/material-list/components/file-view/file-view-options.ts","../../src/modules/ms/components/material-list/components/file-view/file-view.tsx","../../src/modules/ms/components/material-list/components/file-view/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nexport const fileViewProps = buildProps({\r\n  src: { type: String, required: true },\r\n} as const);\r\n\r\nexport type FileViewProps = ExtractPropTypes<typeof fileViewProps>;\r\n","import { defineComponent } from \"vue\";\r\nimport { ElButton, ElIcon } from \"element-plus\";\r\nimport { Document, Download } from \"@element-plus/icons-vue\";\r\nimport { fileViewProps } from \"./file-view-options\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKFileView\",\r\n  props: fileViewProps,\r\n  setup(props) {\r\n    const handleDownloadClick = () => {\r\n      const a = document.createElement(\"a\");\r\n      a.setAttribute(\"download\", new Date().getTime().toString());\r\n      a.target = \"_blank\";\r\n      a.href = props.src;\r\n      Object.assign(a.style, { width: \"1px\", height: \"1px\" });\r\n\r\n      document.body.append(a);\r\n      a.click();\r\n\r\n      setTimeout(() => {\r\n        document.body.removeChild(a);\r\n      });\r\n    };\r\n\r\n    return () => (\r\n      <div class=\"mk-file-view\">\r\n        <ElIcon size=\"20\">\r\n          <Document />\r\n        </ElIcon>\r\n        <div class=\"mk-file-view__tools\">\r\n          <ElButton\r\n            type=\"primary\"\r\n            icon={Download}\r\n            onClick={handleDownloadClick}\r\n          />\r\n        </div>\r\n      </div>\r\n    );\r\n  },\r\n});\r\n","import { withInstall } from \"@maketribe/utils\";\r\nimport FileView from \"./file-view\";\r\n\r\nexport const MKFileView = withInstall(FileView);\r\nexport default MKFileView;\r\n\r\nexport * from \"./file-view-options\";\r\n"],"names":["defineComponent","name","props","fileViewProps","setup","handleDownloadClick","a","document","createElement","setAttribute","Date","getTime","toString","target","href","src","Object","assign","style","width","height","body","append","click","setTimeout","removeChild","_createVNode","ElIcon","default","Document","ElButton","Download"],"mappings":";;;;AAGO,MAAM,gBAAgB,WAAW;AAAA,EACtC,KAAK,EAAE,MAAM,QAAQ,UAAU,KAAK;AACtC,CAAU;ACAV,MAAeA,2CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAMG,sBAAsBA,MAAM;AAChC,YAAMC,IAAIC,SAASC,cAAc,GAAG;AACpCF,QAAEG,aAAa,aAAY,oBAAIC,KAAM,GAACC,QAAS,EAACC,SAAQ,CAAE;AAC1DN,QAAEO,SAAS;AACXP,QAAEQ,OAAOZ,MAAMa;AACfC,aAAOC,OAAOX,EAAEY,OAAO;AAAA,QAAEC,OAAO;AAAA,QAAOC,QAAQ;AAAA,MAAM,CAAC;AAEtDb,eAASc,KAAKC,OAAOhB,CAAC;AACtBA,QAAEiB,MAAK;AAEPC,iBAAW,MAAM;AACfjB,iBAASc,KAAKI,YAAYnB,CAAC;AAAA,MAC7B,CAAC;AAAA;AAGH,WAAO,MAAAoB,YAAA,OAAA;AAAA,MAAA,SAAA;AAAA,OAAAA,CAAAA,YAAAC,QAAA;AAAA,MAAA,QAAA;AAAA,IAAA,GAAA;AAAA,MAAAC,SAAAA,MAAAF,CAAAA,YAAAG,UAAA,MAAA,IAAA,CAAA;AAAA,IAAA,CAAA,GAAAH,YAAA,OAAA;AAAA,MAAA,SAAA;AAAA,OAAAA,CAAAA,YAAAI,UAAA;AAAA,MAAA,QAAA;AAAA,MAAA,QAQOC;AAAAA,MAAQ,WACL1B;AAAAA,OAIhB,IAAA,CAAA,CAAA,CAAA,CAAA;AAAA,EACH;AACF,CAAC;ACpCY,MAAA,aAAa,YAAY,QAAQ;"}

package/dist/esm/{index-BQuQ8jEs.js → index-CbUKHq9d.js}

@@ -2,7 +2,7 @@ import { defineComponent, ref, onMounted, watch, computed, resolveComponent, res
 import { ElScrollbar, ElMessageBox, ElMessage, ElButton } from "element-plus";
 import { Dialoger } from "@maketribe/dm";
 import { DvOpt } from "@maketribe/request";
-import { ae as MsRoleForm, q as MKSvgIcon, _ as _export_sfc, af as MsMemberRoleTable, z as MKPageContainer, A as MKDataTable, ag as MKTable, ah as MKDataTablePagination } from "./index-ClxRVkUv.js";
+import { ah as MsRoleForm, q as MKSvgIcon, _ as _export_sfc, ai as MsMemberRoleTable, z as MKPageContainer, A as MKDataTable, aj as MKTable, ak as MKDataTablePagination } from "./index-CjTw5oMj.js";
 import "@maketribe/utils";
 import "@lexical/overflow";
 import "@lexical/text";
@@ -17,6 +17,8 @@ import "@lexical/dragon";
 import "@lexical/plain-text";
 import { useRouter } from "vue-router";
 import "@maketribe/locale";
+import "@headlessui/vue";
+import "overlayscrollbars-vue";
 import "lodash-es";
 const _hoisted_1$1 = { class: "ms-role-aside" };
 const _hoisted_2$1 = { class: "ms-role-aside__main" };
@@ -390,4 +392,4 @@ const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-214b
 export {
   index as default
 };
-//# sourceMappingURL=index-BQuQ8jEs.js.map
+//# sourceMappingURL=index-CbUKHq9d.js.map

package/dist/esm/{index-BQuQ8jEs.js.map → index-CbUKHq9d.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BQuQ8jEs.js","sources":["../../src/modules/ms/pages/ms-role/components/aside.vue","../../src/modules/ms/pages/ms-role/index.vue"],"sourcesContent":["<template>\r\n  <div class=\"ms-role-aside\">\r\n    <div class=\"ms-role-aside__main\" v-loading=\"loading\">\r\n      <ElScrollbar height=\"100%\">\r\n        <div class=\"ms-role-aside__role-list\">\r\n          <div\r\n            v-for=\"role in roles\"\r\n            class=\"ms-role-aside__role-item flex flex-justify-between\"\r\n            :class=\"[role.id === currentRole?.id ? 'is-active' : '',]\"\r\n            :key=\"role.id\"\r\n            @click=\"handleRoleClick(role)\"\r\n          >\r\n            <div>\r\n              <MKSvgIcon class=\"ms-role-aside__role-icon\" name=\"solar:user-bold-duotone\"/>\r\n              <span class=\"ms-role-aside__role-desc\">{{ role.desc }}</span>\r\n            </div>\r\n            <div @click.prevent class=\"flex flex-items-center\">\r\n              <ElDropdown>\r\n                <span class=\"ms-role-aside__icon\">\r\n                  <MKSvgIcon name=\"ri:more-fill\"/>\r\n                </span>\r\n\r\n                <template #dropdown>\r\n                  <ElDropdownMenu>\r\n                    <ElDropdownItem :icon=\"Edit\" @click=\"handleMemberRoleEdit(role)\">\r\n                      编辑\r\n                    </ElDropdownItem>\r\n                    <ElDropdownItem :icon=\"Delete\" @click=\"handleDelete(role)\">\r\n                      删除\r\n                    </ElDropdownItem>\r\n                  </ElDropdownMenu>\r\n                </template>\r\n              </ElDropdown>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </ElScrollbar>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport {onMounted, ref, Ref, watch, computed, unref} from \"vue\";\r\nimport {DvOpt} from \"@maketribe/request\";\r\nimport {Dialoger} from \"@maketribe/dm\";\r\nimport {Edit, Delete} from \"@element-plus/icons-vue\";\r\nimport {ElButton, ElMessage, ElScrollbar, ElMessageBox} from \"element-plus\";\r\nimport {MKSvgIcon} from \"../../../../../components\";\r\nimport {MsRole, MsRoleForm} from \"../../../dataviews\";\r\n\r\nconst props = defineProps({\r\n  roleForm: {\r\n    type: MsRoleForm,\r\n    required: true,\r\n  },\r\n});\r\n\r\nconst emit = defineEmits([\"role-select\"]);\r\n\r\nconst dvOpt = DvOpt.createInstance({name: \"ms-role\"});\r\n\r\nconst roles: Ref<MsRole[]> = ref([]);\r\n\r\nconst currentRole: Ref<MsRole | null> = ref(null);\r\n\r\nconst loading = ref(false);\r\n\r\nonMounted(() => {\r\n  loadRoleList();\r\n});\r\n\r\nwatch(currentRole, () => {\r\n  emit(\"role-select\", currentRole.value);\r\n});\r\n\r\n//asdasda\r\nwatch(\r\n  computed(() => props.roleForm),\r\n  (roleForm, _, onCleanup) => {\r\n    const disposable = roleForm.submittedEvent.on(() => {\r\n      loadRoleList();\r\n    });\r\n\r\n    onCleanup(() => {\r\n      disposable.dispose();\r\n    });\r\n  },\r\n  {immediate: true}\r\n);\r\n\r\nconst loadRoleList = async () => {\r\n  try {\r\n    loading.value = true;\r\n\r\n    roles.value = await dvOpt.query().list<MsRole>();\r\n\r\n    // 加载完成之后默认选中第一个\r\n    if (roles.value.length) {\r\n      handleRoleClick(roles.value[0])\r\n    }\r\n\r\n  } finally {\r\n    loading.value = false;\r\n  }\r\n};\r\n\r\nconst handleMemberRoleEdit = (role: MsRole) => {\r\n  Dialoger.dataFormDialog({\r\n    dataForm: props.roleForm,\r\n    recId: role.id,\r\n  });\r\n};\r\n\r\nconst handleRoleClick = (role: MsRole) => {\r\n  currentRole.value = role;\r\n};\r\n\r\n\r\nconst handleDelete = async (role: MsRole) => {\r\n  const isConfirm = await ElMessageBox.confirm(\"是否确认删除\", {\r\n    type: \"warning\",\r\n  }).then(\r\n    () => true,\r\n    () => false\r\n  );\r\n\r\n  if (!isConfirm) {\r\n    return;\r\n  }\r\n\r\n  try {\r\n    const result = await dvOpt.delete(role.id);\r\n\r\n    if (result.code !== 200) {\r\n      ElMessage.error({message: result.msg});\r\n      return;\r\n    }\r\n\r\n    ElMessage.success({message: \"删除成功\"});\r\n\r\n    if (unref(currentRole)?.id === role.id) {\r\n      currentRole.value = null;\r\n    }\r\n\r\n    loadRoleList();\r\n  } catch (e) {\r\n    console.error(e);\r\n    ElMessage.error({message: \"网络异常\"});\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.ms-role-aside {\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n\r\n  &__main {\r\n    height: 0;\r\n    flex: 1;\r\n  }\r\n\r\n  &__role {\r\n    &-icon {\r\n      margin-right: 8px;\r\n      font-size: 16px;\r\n    }\r\n    &-item+&-item {\r\n      margin-top: 5px;\r\n    }\r\n    &-item {\r\n      display: flex;\r\n      align-items: center;\r\n      height: 36px;\r\n      padding: 5px 10px;\r\n      line-height: 36px;\r\n      border-radius: 5px;\r\n      cursor: pointer;\r\n\r\n      &.is-active,\r\n      &:hover {\r\n        background-color: #f4f4f4;\r\n      }\r\n\r\n      .ms-role-aside__icon {\r\n        display: none;\r\n        border-radius: 3px;\r\n        font-size: 14px;\r\n\r\n        &:hover {\r\n          background-color: #f4f4f4;\r\n        }\r\n      }\r\n\r\n      &:hover {\r\n        .ms-role-aside__icon {\r\n          padding: 5px;\r\n          display: inline-flex;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","<template>\r\n  <MKPageContainer class=\"ms-role\">\r\n    <el-page-header style=\"background-color: #fff;padding: 10px;\" :icon=\"null\">\r\n      <template #title>\r\n        <h3 style=\"color: var(--el-text-color-regular);\" flex=\"~ items-center\" m=\"l-[10px]\">\r\n          <MKSvgIcon name=\"oui:app-users-roles\" style=\"margin-right: 5px;\"/>\r\n          角色管理\r\n        </h3>\r\n      </template>\r\n      <template #extra>\r\n        <el-button type=\"primary\" text @click=\"handleAddRoleClick\" style=\"margin-right: 10px;\">\r\n          <MKSvgIcon name=\"carbon:add-filled\" style=\"margin-right: 5px;\"/>\r\n          添加角色\r\n        </el-button>\r\n      </template>\r\n    </el-page-header>\r\n    <div class=\"ms-role__body-warp\">\r\n      <div class=\"ms-role__aside\">\r\n        <RoleAside\r\n          @role-select=\"handleRoleSelect\"\r\n          :role-form=\"roleForm\"\r\n          ref=\"RoleAsideEl\"\r\n        />\r\n      </div>\r\n      <div class=\"ms-role__main\">\r\n        <div class=\"ms-role__content\" v-if=\"currentRole\">\r\n          <div class=\"flex flex-justify-between\">\r\n            <div class=\"ms-role__title\" flex=\"~ items-center\">\r\n              <MKSvgIcon class=\"ms-role-aside__role-icon\" name=\"oui:app-users-roles\" m=\"r-[10px]\"/>\r\n              {{ currentRole.desc }}\r\n            </div>\r\n            <div class=\"ms-role__tools\">\r\n              <ElButton type=\"primary\" text @click=\"handlePermissionEdit\">\r\n                <template #icon>\r\n                  <MKSvgIcon name=\"material-symbols-light:vpn-key-outline\"/>\r\n                </template>\r\n                权限设置\r\n              </ElButton>\r\n              <ElButton type=\"primary\" @click=\"handleSelectUserClick\">\r\n                <template #icon>\r\n                  <MKSvgIcon name=\"carbon:add-filled\"/>\r\n                </template>\r\n                添加成员\r\n              </ElButton>\r\n              <ElButton\r\n                :disabled=\"disabledBatchDelete\"\r\n                @click=\"handleBatchDelete\"\r\n              >\r\n                批量删除\r\n              </ElButton>\r\n            </div>\r\n          </div>\r\n          <MKDataTable :data-table=\"memberRoleTable\">\r\n            <MKTable/>\r\n            <MKDataTablePagination/>\r\n          </MKDataTable>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!--    <ElDialog v-model=\"isShowPermissionDialog\" appendToBody width=\"80%\">-->\r\n    <!--      <MKRolePermissionConfig :rolePermissionConfigTable=\"rolePermissionConfigTable\"/>-->\r\n    <!--    </ElDialog>-->\r\n  </MKPageContainer>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport {\r\n  reactive,\r\n  Ref,\r\n  ref,\r\n  watch,\r\n  unref,\r\n  computed,\r\n  onBeforeUnmount,\r\n} from \"vue\";\r\nimport {ElButton, ElMessage, ElMessageBox} from \"element-plus\";\r\nimport {Dialoger} from \"@maketribe/dm\";\r\nimport {DvOpt} from \"@maketribe/request\";\r\nimport {MKDataTable, MKPageContainer, MKSvgIcon, MKTable, MKDataTablePagination} from \"../../../../components\";\r\nimport {MsRole, MsMemberRoleTable, MsRoleForm} from \"../../dataviews\";\r\nimport RoleAside from \"./components/aside.vue\";\r\n\r\nconst router = useRouter();\r\n\r\nconst dvOpt = DvOpt.createInstance({name: \"ms-member-role\"});\r\n\r\nconst currentRole: Ref<MsRole | null> = ref(null);\r\n\r\nconst memberRoleTable = reactive(new MsMemberRoleTable()) as MsMemberRoleTable;\r\n\r\nconst roleForm = reactive(new MsRoleForm()) as MsRoleForm;\r\n\r\nconst disabledBatchDelete = computed(\r\n  () => memberRoleTable.getSelection().length === 0\r\n);\r\n\r\nwatch(currentRole, (currentRole) => {\r\n  memberRoleTable.setCurrentRole(currentRole);\r\n});\r\n\r\nonBeforeUnmount(() => {\r\n  memberRoleTable.dispose();\r\n  roleForm.dispose();\r\n});\r\n\r\nconst handleAddRoleClick = () => {\r\n  Dialoger.dataFormDialog({\r\n    dataForm: roleForm\r\n  });\r\n};\r\n\r\nconst handleRoleSelect = (role: MsRole) => {\r\n  currentRole.value = role;\r\n};\r\n\r\nconst handleSelectUserClick = async () => {\r\n  const selectResult = await Dialoger.dataTableSelectDialog(\r\n    memberRoleTable.memberTable\r\n  );\r\n\r\n  if (!selectResult.isConfirm) {\r\n    return;\r\n  }\r\n\r\n  const roleId = unref(currentRole)!.id;\r\n\r\n  const memberRoleList = selectResult.selections.map((item) => ({\r\n    roleId,\r\n    memberId: item,\r\n  }));\r\n\r\n  try {\r\n    const result = await dvOpt.batchSave(memberRoleList);\r\n\r\n    if (result.code !== 200) {\r\n      ElMessage.error({message: result.msg});\r\n      return;\r\n    }\r\n\r\n    ElMessage.success({message: \"添加成功\"});\r\n\r\n    memberRoleTable.load();\r\n  } catch (e) {\r\n    console.error(e);\r\n\r\n    ElMessage.error({message: \"网络异常\"});\r\n  }\r\n};\r\n\r\nconst handleBatchDelete = async () => {\r\n  const isConfirm = await ElMessageBox.confirm(\"是否确认删除\", {\r\n    type: \"warning\",\r\n  }).then(\r\n    () => true,\r\n    () => false\r\n  );\r\n\r\n  if (!isConfirm) {\r\n    return;\r\n  }\r\n\r\n  try {\r\n    const result = await dvOpt.batchDelete(memberRoleTable.getSelection());\r\n\r\n    if (result.code !== 200) {\r\n      ElMessage.error({message: result.msg});\r\n      return;\r\n    }\r\n\r\n    ElMessage.success({message: \"删除成功\"});\r\n    memberRoleTable.load();\r\n  } catch (e) {\r\n    console.error(e);\r\n    ElMessage.error({message: \"网络异常\"});\r\n  }\r\n};\r\n\r\nconst handlePermissionEdit = () => {\r\n  router.push({name: \"dv/ms-role/permission\", params: {id: unref(currentRole)?.id}})\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.ms-role {\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n  height: 100%;\r\n  overflow: hidden;\r\n  padding: 0px;\r\n\r\n  &__body-warp {\r\n    padding: 10px;\r\n    display: flex;\r\n    height: 100%;\r\n    overflow: hidden;\r\n  }\r\n\r\n  &__aside {\r\n    background-color: #fff;\r\n    padding: 10px;\r\n    max-width: 360px;\r\n    min-width: 220px;\r\n    margin-right: 10px;\r\n  }\r\n\r\n  &__main {\r\n    width: 0;\r\n    flex: 1;\r\n\r\n    .mk-data-table {\r\n      display: flex;\r\n      flex-direction: column;\r\n      height: 100%;\r\n\r\n      .el-table {\r\n        height: 0;\r\n        flex: 1;\r\n      }\r\n    }\r\n  }\r\n\r\n  &__content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    padding: 12px;\r\n    width: 100%;\r\n    height: 100%;\r\n    box-sizing: border-box;\r\n    background-color: #fff;\r\n  }\r\n\r\n  &__title {\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    margin: 10px 0;\r\n  }\r\n\r\n  &__tools {\r\n    margin: 10px 0;\r\n    display: flex;\r\n    justify-content: flex-end;\r\n  }\r\n}\r\n\r\n</style>\r\n"],"names":["currentRole"],"mappings":"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"}
+{"version":3,"file":"index-CbUKHq9d.js","sources":["../../src/modules/ms/pages/ms-role/components/aside.vue","../../src/modules/ms/pages/ms-role/index.vue"],"sourcesContent":["<template>\r\n  <div class=\"ms-role-aside\">\r\n    <div class=\"ms-role-aside__main\" v-loading=\"loading\">\r\n      <ElScrollbar height=\"100%\">\r\n        <div class=\"ms-role-aside__role-list\">\r\n          <div\r\n            v-for=\"role in roles\"\r\n            class=\"ms-role-aside__role-item flex flex-justify-between\"\r\n            :class=\"[role.id === currentRole?.id ? 'is-active' : '',]\"\r\n            :key=\"role.id\"\r\n            @click=\"handleRoleClick(role)\"\r\n          >\r\n            <div>\r\n              <MKSvgIcon class=\"ms-role-aside__role-icon\" name=\"solar:user-bold-duotone\"/>\r\n              <span class=\"ms-role-aside__role-desc\">{{ role.desc }}</span>\r\n            </div>\r\n            <div @click.prevent class=\"flex flex-items-center\">\r\n              <ElDropdown>\r\n                <span class=\"ms-role-aside__icon\">\r\n                  <MKSvgIcon name=\"ri:more-fill\"/>\r\n                </span>\r\n\r\n                <template #dropdown>\r\n                  <ElDropdownMenu>\r\n                    <ElDropdownItem :icon=\"Edit\" @click=\"handleMemberRoleEdit(role)\">\r\n                      编辑\r\n                    </ElDropdownItem>\r\n                    <ElDropdownItem :icon=\"Delete\" @click=\"handleDelete(role)\">\r\n                      删除\r\n                    </ElDropdownItem>\r\n                  </ElDropdownMenu>\r\n                </template>\r\n              </ElDropdown>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </ElScrollbar>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport {onMounted, ref, Ref, watch, computed, unref} from \"vue\";\r\nimport {DvOpt} from \"@maketribe/request\";\r\nimport {Dialoger} from \"@maketribe/dm\";\r\nimport {Edit, Delete} from \"@element-plus/icons-vue\";\r\nimport {ElButton, ElMessage, ElScrollbar, ElMessageBox} from \"element-plus\";\r\nimport {MKSvgIcon} from \"../../../../../components\";\r\nimport {MsRole, MsRoleForm} from \"../../../dataviews\";\r\n\r\nconst props = defineProps({\r\n  roleForm: {\r\n    type: MsRoleForm,\r\n    required: true,\r\n  },\r\n});\r\n\r\nconst emit = defineEmits([\"role-select\"]);\r\n\r\nconst dvOpt = DvOpt.createInstance({name: \"ms-role\"});\r\n\r\nconst roles: Ref<MsRole[]> = ref([]);\r\n\r\nconst currentRole: Ref<MsRole | null> = ref(null);\r\n\r\nconst loading = ref(false);\r\n\r\nonMounted(() => {\r\n  loadRoleList();\r\n});\r\n\r\nwatch(currentRole, () => {\r\n  emit(\"role-select\", currentRole.value);\r\n});\r\n\r\n//asdasda\r\nwatch(\r\n  computed(() => props.roleForm),\r\n  (roleForm, _, onCleanup) => {\r\n    const disposable = roleForm.submittedEvent.on(() => {\r\n      loadRoleList();\r\n    });\r\n\r\n    onCleanup(() => {\r\n      disposable.dispose();\r\n    });\r\n  },\r\n  {immediate: true}\r\n);\r\n\r\nconst loadRoleList = async () => {\r\n  try {\r\n    loading.value = true;\r\n\r\n    roles.value = await dvOpt.query().list<MsRole>();\r\n\r\n    // 加载完成之后默认选中第一个\r\n    if (roles.value.length) {\r\n      handleRoleClick(roles.value[0])\r\n    }\r\n\r\n  } finally {\r\n    loading.value = false;\r\n  }\r\n};\r\n\r\nconst handleMemberRoleEdit = (role: MsRole) => {\r\n  Dialoger.dataFormDialog({\r\n    dataForm: props.roleForm,\r\n    recId: role.id,\r\n  });\r\n};\r\n\r\nconst handleRoleClick = (role: MsRole) => {\r\n  currentRole.value = role;\r\n};\r\n\r\n\r\nconst handleDelete = async (role: MsRole) => {\r\n  const isConfirm = await ElMessageBox.confirm(\"是否确认删除\", {\r\n    type: \"warning\",\r\n  }).then(\r\n    () => true,\r\n    () => false\r\n  );\r\n\r\n  if (!isConfirm) {\r\n    return;\r\n  }\r\n\r\n  try {\r\n    const result = await dvOpt.delete(role.id);\r\n\r\n    if (result.code !== 200) {\r\n      ElMessage.error({message: result.msg});\r\n      return;\r\n    }\r\n\r\n    ElMessage.success({message: \"删除成功\"});\r\n\r\n    if (unref(currentRole)?.id === role.id) {\r\n      currentRole.value = null;\r\n    }\r\n\r\n    loadRoleList();\r\n  } catch (e) {\r\n    console.error(e);\r\n    ElMessage.error({message: \"网络异常\"});\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.ms-role-aside {\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n\r\n  &__main {\r\n    height: 0;\r\n    flex: 1;\r\n  }\r\n\r\n  &__role {\r\n    &-icon {\r\n      margin-right: 8px;\r\n      font-size: 16px;\r\n    }\r\n    &-item+&-item {\r\n      margin-top: 5px;\r\n    }\r\n    &-item {\r\n      display: flex;\r\n      align-items: center;\r\n      height: 36px;\r\n      padding: 5px 10px;\r\n      line-height: 36px;\r\n      border-radius: 5px;\r\n      cursor: pointer;\r\n\r\n      &.is-active,\r\n      &:hover {\r\n        background-color: #f4f4f4;\r\n      }\r\n\r\n      .ms-role-aside__icon {\r\n        display: none;\r\n        border-radius: 3px;\r\n        font-size: 14px;\r\n\r\n        &:hover {\r\n          background-color: #f4f4f4;\r\n        }\r\n      }\r\n\r\n      &:hover {\r\n        .ms-role-aside__icon {\r\n          padding: 5px;\r\n          display: inline-flex;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","<template>\r\n  <MKPageContainer class=\"ms-role\">\r\n    <el-page-header style=\"background-color: #fff;padding: 10px;\" :icon=\"null\">\r\n      <template #title>\r\n        <h3 style=\"color: var(--el-text-color-regular);\" flex=\"~ items-center\" m=\"l-[10px]\">\r\n          <MKSvgIcon name=\"oui:app-users-roles\" style=\"margin-right: 5px;\"/>\r\n          角色管理\r\n        </h3>\r\n      </template>\r\n      <template #extra>\r\n        <el-button type=\"primary\" text @click=\"handleAddRoleClick\" style=\"margin-right: 10px;\">\r\n          <MKSvgIcon name=\"carbon:add-filled\" style=\"margin-right: 5px;\"/>\r\n          添加角色\r\n        </el-button>\r\n      </template>\r\n    </el-page-header>\r\n    <div class=\"ms-role__body-warp\">\r\n      <div class=\"ms-role__aside\">\r\n        <RoleAside\r\n          @role-select=\"handleRoleSelect\"\r\n          :role-form=\"roleForm\"\r\n          ref=\"RoleAsideEl\"\r\n        />\r\n      </div>\r\n      <div class=\"ms-role__main\">\r\n        <div class=\"ms-role__content\" v-if=\"currentRole\">\r\n          <div class=\"flex flex-justify-between\">\r\n            <div class=\"ms-role__title\" flex=\"~ items-center\">\r\n              <MKSvgIcon class=\"ms-role-aside__role-icon\" name=\"oui:app-users-roles\" m=\"r-[10px]\"/>\r\n              {{ currentRole.desc }}\r\n            </div>\r\n            <div class=\"ms-role__tools\">\r\n              <ElButton type=\"primary\" text @click=\"handlePermissionEdit\">\r\n                <template #icon>\r\n                  <MKSvgIcon name=\"material-symbols-light:vpn-key-outline\"/>\r\n                </template>\r\n                权限设置\r\n              </ElButton>\r\n              <ElButton type=\"primary\" @click=\"handleSelectUserClick\">\r\n                <template #icon>\r\n                  <MKSvgIcon name=\"carbon:add-filled\"/>\r\n                </template>\r\n                添加成员\r\n              </ElButton>\r\n              <ElButton\r\n                :disabled=\"disabledBatchDelete\"\r\n                @click=\"handleBatchDelete\"\r\n              >\r\n                批量删除\r\n              </ElButton>\r\n            </div>\r\n          </div>\r\n          <MKDataTable :data-table=\"memberRoleTable\">\r\n            <MKTable/>\r\n            <MKDataTablePagination/>\r\n          </MKDataTable>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!--    <ElDialog v-model=\"isShowPermissionDialog\" appendToBody width=\"80%\">-->\r\n    <!--      <MKRolePermissionConfig :rolePermissionConfigTable=\"rolePermissionConfigTable\"/>-->\r\n    <!--    </ElDialog>-->\r\n  </MKPageContainer>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport {\r\n  reactive,\r\n  Ref,\r\n  ref,\r\n  watch,\r\n  unref,\r\n  computed,\r\n  onBeforeUnmount,\r\n} from \"vue\";\r\nimport {ElButton, ElMessage, ElMessageBox} from \"element-plus\";\r\nimport {Dialoger} from \"@maketribe/dm\";\r\nimport {DvOpt} from \"@maketribe/request\";\r\nimport {MKDataTable, MKPageContainer, MKSvgIcon, MKTable, MKDataTablePagination} from \"../../../../components\";\r\nimport {MsRole, MsMemberRoleTable, MsRoleForm} from \"../../dataviews\";\r\nimport RoleAside from \"./components/aside.vue\";\r\n\r\nconst router = useRouter();\r\n\r\nconst dvOpt = DvOpt.createInstance({name: \"ms-member-role\"});\r\n\r\nconst currentRole: Ref<MsRole | null> = ref(null);\r\n\r\nconst memberRoleTable = reactive(new MsMemberRoleTable()) as MsMemberRoleTable;\r\n\r\nconst roleForm = reactive(new MsRoleForm()) as MsRoleForm;\r\n\r\nconst disabledBatchDelete = computed(\r\n  () => memberRoleTable.getSelection().length === 0\r\n);\r\n\r\nwatch(currentRole, (currentRole) => {\r\n  memberRoleTable.setCurrentRole(currentRole);\r\n});\r\n\r\nonBeforeUnmount(() => {\r\n  memberRoleTable.dispose();\r\n  roleForm.dispose();\r\n});\r\n\r\nconst handleAddRoleClick = () => {\r\n  Dialoger.dataFormDialog({\r\n    dataForm: roleForm\r\n  });\r\n};\r\n\r\nconst handleRoleSelect = (role: MsRole) => {\r\n  currentRole.value = role;\r\n};\r\n\r\nconst handleSelectUserClick = async () => {\r\n  const selectResult = await Dialoger.dataTableSelectDialog(\r\n    memberRoleTable.memberTable\r\n  );\r\n\r\n  if (!selectResult.isConfirm) {\r\n    return;\r\n  }\r\n\r\n  const roleId = unref(currentRole)!.id;\r\n\r\n  const memberRoleList = selectResult.selections.map((item) => ({\r\n    roleId,\r\n    memberId: item,\r\n  }));\r\n\r\n  try {\r\n    const result = await dvOpt.batchSave(memberRoleList);\r\n\r\n    if (result.code !== 200) {\r\n      ElMessage.error({message: result.msg});\r\n      return;\r\n    }\r\n\r\n    ElMessage.success({message: \"添加成功\"});\r\n\r\n    memberRoleTable.load();\r\n  } catch (e) {\r\n    console.error(e);\r\n\r\n    ElMessage.error({message: \"网络异常\"});\r\n  }\r\n};\r\n\r\nconst handleBatchDelete = async () => {\r\n  const isConfirm = await ElMessageBox.confirm(\"是否确认删除\", {\r\n    type: \"warning\",\r\n  }).then(\r\n    () => true,\r\n    () => false\r\n  );\r\n\r\n  if (!isConfirm) {\r\n    return;\r\n  }\r\n\r\n  try {\r\n    const result = await dvOpt.batchDelete(memberRoleTable.getSelection());\r\n\r\n    if (result.code !== 200) {\r\n      ElMessage.error({message: result.msg});\r\n      return;\r\n    }\r\n\r\n    ElMessage.success({message: \"删除成功\"});\r\n    memberRoleTable.load();\r\n  } catch (e) {\r\n    console.error(e);\r\n    ElMessage.error({message: \"网络异常\"});\r\n  }\r\n};\r\n\r\nconst handlePermissionEdit = () => {\r\n  router.push({name: \"dv/ms-role/permission\", params: {id: unref(currentRole)?.id}})\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.ms-role {\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n  height: 100%;\r\n  overflow: hidden;\r\n  padding: 0px;\r\n\r\n  &__body-warp {\r\n    padding: 10px;\r\n    display: flex;\r\n    height: 100%;\r\n    overflow: hidden;\r\n  }\r\n\r\n  &__aside {\r\n    background-color: #fff;\r\n    padding: 10px;\r\n    max-width: 360px;\r\n    min-width: 220px;\r\n    margin-right: 10px;\r\n  }\r\n\r\n  &__main {\r\n    width: 0;\r\n    flex: 1;\r\n\r\n    .mk-data-table {\r\n      display: flex;\r\n      flex-direction: column;\r\n      height: 100%;\r\n\r\n      .el-table {\r\n        height: 0;\r\n        flex: 1;\r\n      }\r\n    }\r\n  }\r\n\r\n  &__content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    padding: 12px;\r\n    width: 100%;\r\n    height: 100%;\r\n    box-sizing: border-box;\r\n    background-color: #fff;\r\n  }\r\n\r\n  &__title {\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    margin: 10px 0;\r\n  }\r\n\r\n  &__tools {\r\n    margin: 10px 0;\r\n    display: flex;\r\n    justify-content: flex-end;\r\n  }\r\n}\r\n\r\n</style>\r\n"],"names":["currentRole"],"mappings":"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"}

package/dist/esm/{index-DvMY_TAx.js → index-CctJKPWt.js}

@@ -1,5 +1,5 @@
 import { defineComponent, unref, createVNode } from "vue";
-import { T as columnProps, X as useColumn } from "./index-ClxRVkUv.js";
+import { T as columnProps, X as useColumn } from "./index-CjTw5oMj.js";
 import { buildProps } from "@maketribe/utils";
 import "vue-router";
 import "@maketribe/dm";
@@ -32,4 +32,4 @@ export {
   MKColumnImage,
   MKColumnImage as default
 };
-//# sourceMappingURL=index-DvMY_TAx.js.map
+//# sourceMappingURL=index-CctJKPWt.js.map

package/dist/esm/index-CctJKPWt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CctJKPWt.js","sources":["../../src/components/data-model/data-table/components/column-image/column-image-options.ts","../../src/components/data-model/data-table/components/column-image/column-image.tsx","../../src/components/data-model/data-table/components/column-image/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { columnProps } from \"../../composables\";\r\n\r\nexport const columnImageProps = buildProps({\r\n  ...columnProps,\r\n} as const);\r\n\r\nexport type ColumnImageProps = ExtractPropTypes<typeof columnImageProps>;\r\n","import { defineComponent, unref } from \"vue\";\r\nimport { useColumn } from \"../../composables\";\r\nimport { columnImageProps } from \"./column-image-options\";\r\nimport { ElImage } from \"element-plus\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKColumnImage\",\r\n  props: columnImageProps,\r\n  setup(props) {\r\n    const { value } = useColumn(props);\r\n\r\n    return () => {\r\n      if (!unref(value)) {\r\n        return null;\r\n      }\r\n\r\n      return <ElImage src={unref(value)} />;\r\n    };\r\n  },\r\n});\r\n","import ColumnImage from \"./column-image\";\r\n\r\nexport const MKColumnImage = ColumnImage;\r\nexport default MKColumnImage;\r\n"],"names":["defineComponent","name","props","columnImageProps","setup","value","useColumn","unref","_createVNode","ElImage"],"mappings":";;;;;;;;;AAIO,MAAM,mBAAmB,WAAW;AAAA,EACzC,GAAG;AACL,CAAU;ACDV,MAAeA,8CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAM;AAAA,MAAEG;AAAAA,IAAM,IAAIC,UAAUJ,KAAK;AAEjC,WAAO,MAAM;AACX,UAAI,CAACK,MAAMF,KAAK,GAAG;AACjB,eAAO;AAAA,MACT;AAEA,aAAAG,YAAAC,SAAA;AAAA,QAAA,OAAqBF,MAAMF,KAAK;AAAA,MAAC,GAAA,IAAA;AAAA;EAErC;AACF,CAAC;ACjBM,MAAM,gBAAgB;"}