@maketribe/ms-app 4.0.0-beta.1 → 4.0.0-beta.11

package/dist/esm/index-Bf8KohyX.js

@@ -0,0 +1,73 @@
+import { defineComponent, computed, createVNode, mergeProps, unref } from "vue";
+import { dayjs } from "element-plus";
+import { MKColumnText } from "./index-B_78r_zI.js";
+import { buildProps } from "@maketribe/utils";
+import { c as columnTextProps } from "./index-Cyf11IR1.js";
+import "./index-Fqju8eWa.js";
+import "vue-router";
+import "@maketribe/dm";
+import "@maketribe/request";
+import "@maketribe/locale";
+import "lodash-es";
+import "vue-cropper";
+import "@lexical/overflow";
+import "@lexical/text";
+import "@lexical/utils";
+import "lexical";
+import "@lexical/selection";
+import "@lexical/link";
+import "@lexical/rich-text";
+import "@element-plus/icons-vue";
+import "@lexical/history";
+import "@lexical/dragon";
+import "@lexical/plain-text";
+const dateTypes = ["date", "year", "month", "datetime"];
+const columnDateProps = buildProps({
+  ...columnTextProps,
+  type: { default: "date", values: dateTypes }
+});
+const ColumnDate = /* @__PURE__ */ defineComponent({
+  name: "MKColumnDate",
+  props: columnDateProps,
+  setup(props) {
+    const columnTextProps2 = computed(() => {
+      const {
+        type: type2,
+        ...columnTextProps3
+      } = props;
+      return columnTextProps3;
+    });
+    const type = computed(() => props.type);
+    const formatValue = (value) => {
+      const dayInstance = dayjs(value ?? null);
+      if (!dayInstance.isValid()) {
+        return;
+      }
+      switch (unref(type)) {
+        case "datetime":
+          return dayInstance.format("YYYY-MM-DD HH:mm:ss");
+        case "date":
+          return dayInstance.format("YYYY-MM-DD");
+        case "month":
+          return dayInstance.format("YYYY-MM");
+        case "year":
+          return dayInstance.format("YYYY");
+        default:
+          return props.formatValue(value);
+      }
+    };
+    return () => {
+      return createVNode(MKColumnText, mergeProps(unref(columnTextProps2), {
+        "formatValue": formatValue
+      }), null);
+    };
+  }
+});
+const MKColumnDate = ColumnDate;
+export {
+  MKColumnDate,
+  columnDateProps,
+  dateTypes,
+  MKColumnDate as default
+};
+//# sourceMappingURL=index-Bf8KohyX.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-Bf8KohyX.js","sources":["../../src/components/data-model/data-table/components/column-date/column-date-options.ts","../../src/components/data-model/data-table/components/column-date/column-date.tsx","../../src/components/data-model/data-table/components/column-date/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnTextProps } from \"../column-text\";\n\nexport const dateTypes = [\"date\", \"year\", \"month\", \"datetime\"] as const;\n\nexport const columnDateProps = buildProps({\n  ...columnTextProps,\n  type: { default: \"date\", values: dateTypes },\n});\n\nexport type ColumnDateProps = ExtractPropTypes<typeof columnDateProps>;\n","import { computed, defineComponent, unref } from \"vue\";\nimport { dayjs } from \"element-plus\";\n\nimport { MKColumnText } from \"../column-text\";\nimport { columnDateProps } from \"./column-date-options\";\n\nexport default defineComponent({\n  name: \"MKColumnDate\",\n  props: columnDateProps,\n  setup(props) {\n    const columnTextProps = computed(() => {\n      const { type, ...columnTextProps } = props;\n      return columnTextProps;\n    });\n\n    const type = computed(() => props.type);\n\n    const formatValue = (value: string) => {\n      const dayInstance = dayjs(value ?? null);\n\n      if (!dayInstance.isValid()) {\n        return;\n      }\n\n      switch (unref(type)) {\n        case \"datetime\":\n          return dayInstance.format(\"YYYY-MM-DD HH:mm:ss\");\n        case \"date\":\n          return dayInstance.format(\"YYYY-MM-DD\");\n        case \"month\":\n          return dayInstance.format(\"YYYY-MM\");\n        case \"year\":\n          return dayInstance.format(\"YYYY\");\n        default:\n          return props.formatValue(value);\n      }\n    };\n\n    return () => {\n      return (\n        <MKColumnText {...unref(columnTextProps)} formatValue={formatValue} />\n      );\n    };\n  },\n});\n","import ColumnDate from \"./column-date\";\n\nexport const MKColumnDate = ColumnDate;\nexport default MKColumnDate;\n\nexport * from \"./column-date-options\";\n"],"names":["defineComponent","name","props","columnDateProps","setup","columnTextProps","computed","type","formatValue","value","dayInstance","dayjs","isValid","unref","format","_createVNode","MKColumnText","_mergeProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,YAAY,CAAC,QAAQ,QAAQ,SAAS,UAAU;AAEtD,MAAM,kBAAkB,WAAW;AAAA,EACxC,GAAG;AAAA,EACH,MAAM,EAAE,SAAS,QAAQ,QAAQ,UAAU;AAC7C,CAAC;ACHD,MAAeA,6CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAMG,mBAAkBC,SAAS,MAAM;AACrC,YAAM;AAAA,QAAEC,MAAAA;AAAAA,QAAM,GAAGF;AAAAA,MAAiB,IAAGH;AACrC,aAAOG;AAAAA,IACT,CAAC;AAED,UAAME,OAAOD,SAAS,MAAMJ,MAAMK,IAAI;AAEtC,UAAMC,cAAeC,WAAkB;AACrC,YAAMC,cAAcC,MAAMF,SAAS,IAAI;AAEvC,UAAI,CAACC,YAAYE,WAAW;AAC1B;AAAA,MACF;AAEA,cAAQC,MAAMN,IAAI,GAAC;AAAA,QACjB,KAAK;AACH,iBAAOG,YAAYI,OAAO,qBAAqB;AAAA,QACjD,KAAK;AACH,iBAAOJ,YAAYI,OAAO,YAAY;AAAA,QACxC,KAAK;AACH,iBAAOJ,YAAYI,OAAO,SAAS;AAAA,QACrC,KAAK;AACH,iBAAOJ,YAAYI,OAAO,MAAM;AAAA,QAClC;AACE,iBAAOZ,MAAMM,YAAYC,KAAK;AAAA,MAClC;AAAA;AAGF,WAAO,MAAM;AACX,aAAAM,YAAAC,cAAAC,WACoBJ,MAAMR,gBAAe,GAAC;AAAA,QAAA,eAAeG;AAAAA,MAAW,CAAA,GAAA,IAAA;AAAA;EAGxE;AACF,CAAC;AC1CM,MAAM,eAAe;"}

package/dist/esm/index-Bo4PQKwL.js

@@ -0,0 +1,48 @@
+import { defineComponent, createVNode } from "vue";
+import { buildProps } from "@maketribe/utils";
+import { c as columnProps } from "./index-Fqju8eWa.js";
+import "vue-router";
+import "@maketribe/dm";
+import "element-plus";
+import "@maketribe/request";
+import "@maketribe/locale";
+import "lodash-es";
+import "vue-cropper";
+import "@lexical/overflow";
+import "@lexical/text";
+import "@lexical/utils";
+import "lexical";
+import "@lexical/selection";
+import "@lexical/link";
+import "@lexical/rich-text";
+import "@element-plus/icons-vue";
+import "@lexical/history";
+import "@lexical/dragon";
+import "@lexical/plain-text";
+import { MKColumnText } from "./index-B_78r_zI.js";
+const columnObjectMappingTextProps = buildProps({
+  ...columnProps,
+  mapping: { type: Object, required: true }
+});
+const ColumnObjectMappingText = /* @__PURE__ */ defineComponent({
+  name: "MKColumnObjectMappingText",
+  props: columnObjectMappingTextProps,
+  setup(props) {
+    const formatValue = (value) => props.mapping[value] ?? value;
+    return () => {
+      return createVNode(MKColumnText, {
+        "row": props.row,
+        "column": props.column,
+        "index": props.index,
+        "formatValue": formatValue
+      }, null);
+    };
+  }
+});
+const MKColumnObjectMappingText = ColumnObjectMappingText;
+export {
+  MKColumnObjectMappingText,
+  columnObjectMappingTextProps,
+  MKColumnObjectMappingText as default
+};
+//# sourceMappingURL=index-Bo4PQKwL.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-Bo4PQKwL.js","sources":["../../src/components/data-model/data-table/components/column-object-mapping-text/column-object-mapping-text-options.ts","../../src/components/data-model/data-table/components/column-object-mapping-text/column-object-mapping-text.tsx","../../src/components/data-model/data-table/components/column-object-mapping-text/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../composables\";\n\nexport const columnObjectMappingTextProps = buildProps({\n  ...columnProps,\n  mapping: { type: Object, required: true },\n} as const);\n\nexport type ColumnObjectMappingTextProps = ExtractPropTypes<\n  typeof columnObjectMappingTextProps\n>;\n","import { defineComponent } from \"vue\";\nimport { columnObjectMappingTextProps } from \"./column-object-mapping-text-options\";\nimport ColumnText from \"../column-text\";\n\nexport default defineComponent({\n  name: \"MKColumnObjectMappingText\",\n  props: columnObjectMappingTextProps,\n  setup(props) {\n    const formatValue = (value: any) => props.mapping[value] ?? value;\n\n    return () => {\n      return (\n        <ColumnText\n          row={props.row}\n          column={props.column}\n          index={props.index}\n          formatValue={formatValue}\n        />\n      );\n    };\n  },\n});\n","import ColumnObjectMappingText from \"./column-object-mapping-text\";\n\nexport const MKColumnObjectMappingText = ColumnObjectMappingText;\nexport default MKColumnObjectMappingText;\n\nexport * from \"./column-object-mapping-text-options\";\n"],"names":["defineComponent","name","props","columnObjectMappingTextProps","setup","formatValue","value","mapping","_createVNode","ColumnText","row","column","index"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,+BAA+B,WAAW;AAAA,EACrD,GAAG;AAAA,EACH,SAAS,EAAE,MAAM,QAAQ,UAAU,KAAK;AAC1C,CAAU;ACHV,MAAeA,0DAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAMG,cAAeC,WAAeJ,MAAMK,QAAQD,KAAK,KAAKA;AAE5D,WAAO,MAAM;AACX,aAAAE,YAAAC,cAAA;AAAA,QAAA,OAESP,MAAMQ;AAAAA,QAAG,UACNR,MAAMS;AAAAA,QAAM,SACbT,MAAMU;AAAAA,QAAK,eACLP;AAAAA,MAAW,GAAA,IAAA;AAAA;EAIhC;AACF,CAAC;ACnBM,MAAM,4BAA4B;"}

package/dist/esm/index-BxalzEpz.js

@@ -0,0 +1,61 @@
+import { defineComponent, computed, unref, createVNode } from "vue";
+import { buildProps } from "@maketribe/utils";
+import { TableColumn, TableActionColumn } from "@maketribe/dm";
+import { c as columnProps, M as MKButton } from "./index-Fqju8eWa.js";
+import "vue-router";
+import "element-plus";
+import "@maketribe/request";
+import "@maketribe/locale";
+import "lodash-es";
+import "vue-cropper";
+import "@lexical/overflow";
+import "@lexical/text";
+import "@lexical/utils";
+import "lexical";
+import "@lexical/selection";
+import "@lexical/link";
+import "@lexical/rich-text";
+import "@element-plus/icons-vue";
+import "@lexical/history";
+import "@lexical/dragon";
+import "@lexical/plain-text";
+const columnActionProps = buildProps({
+  ...columnProps,
+  column: { type: TableColumn, required: true },
+  buttons: { type: Array, default: () => [] }
+});
+const ColumnAction = /* @__PURE__ */ defineComponent({
+  name: "MKColumnAction",
+  props: columnActionProps,
+  setup(props) {
+    const buttons = computed(() => {
+      if (props.column instanceof TableActionColumn) {
+        return props.column.buttons;
+      }
+      return props.buttons;
+    });
+    const handleColumnActionClick = (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+    };
+    return () => {
+      const buttonVnodes = unref(buttons).filter((button) => button.predicate(props.row)).map((button) => createVNode(MKButton, {
+        "icon": button.icon,
+        "label": button.label,
+        "type": button.type,
+        "link": true,
+        "onClick": () => button.handler(props.row)
+      }, null));
+      return createVNode("span", {
+        "class": "mk-column-action",
+        "onClick": handleColumnActionClick
+      }, [buttonVnodes]);
+    };
+  }
+});
+const MKColumnAction = ColumnAction;
+export {
+  MKColumnAction,
+  MKColumnAction as default
+};
+//# sourceMappingURL=index-BxalzEpz.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-BxalzEpz.js","sources":["../../src/components/data-model/data-table/components/column-action/column-action-options.ts","../../src/components/data-model/data-table/components/column-action/column-action.tsx","../../src/components/data-model/data-table/components/column-action/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { TableColumn } from \"@maketribe/dm\";\nimport { columnProps } from \"../../composables\";\n\nexport const columnActionProps = buildProps({\n  ...columnProps,\n  column: { type: TableColumn, required: true },\n  buttons: { type: Array, default: () => [] }\n} as const);\n\nexport type ColumnActionProps = ExtractPropTypes<typeof columnActionProps>;\n","import { computed, defineComponent, unref } from \"vue\";\nimport { ElButton } from \"element-plus\";\n\nimport { columnActionProps } from \"./column-action-options\";\nimport { MKButton } from \"../../../../basic/Button\";\nimport { ActionButton, TableActionColumn } from \"@maketribe/dm\";\n\nexport type MKColumnActionButton = {\n  name?: string;\n  label?: string;\n  type?: InstanceType<typeof ElButton>[\"type\"];\n  handler?: (row: any) => any;\n};\n\nexport default defineComponent({\n  name: \"MKColumnAction\",\n  props: columnActionProps,\n  setup(props) {\n    const buttons = computed(() => {\n      if (props.column instanceof TableActionColumn) {\n        return props.column.buttons;\n      }\n\n      return props.buttons as ActionButton[];\n    });\n\n    const handleColumnActionClick = (e: MouseEvent) => {\n      e.preventDefault();\n      e.stopPropagation();\n    };\n\n    return () => {\n      const buttonVnodes = unref(buttons)\n        .filter((button) => button.predicate(props.row))\n        .map((button) => (\n          <MKButton\n            icon={button.icon}\n            label={button.label}\n            type={button.type}\n            link\n            onClick={() => button.handler(props.row)}\n          />\n        ));\n\n      return (\n        <span class=\"mk-column-action\" onClick={handleColumnActionClick}>\n          {buttonVnodes}\n        </span>\n      );\n    };\n  },\n});\n","import ColumnAction from \"./column-action\";\n\nexport const MKColumnAction = ColumnAction;\nexport default MKColumnAction;\n"],"names":["defineComponent","name","props","columnActionProps","setup","buttons","computed","column","TableActionColumn","handleColumnActionClick","e","preventDefault","stopPropagation","buttonVnodes","unref","filter","button","predicate","row","map","_createVNode","MKButton","icon","label","type","onClick","handler"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAKO,MAAM,oBAAoB,WAAW;AAAA,EAC1C,GAAG;AAAA,EACH,QAAQ,EAAE,MAAM,aAAa,UAAU,KAAK;AAAA,EAC5C,SAAS,EAAE,MAAM,OAAO,SAAS,MAAM,CAAA,EAAG;AAC5C,CAAU;ACKV,MAAeA,+CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAMG,UAAUC,SAAS,MAAM;AAC7B,UAAIJ,MAAMK,kBAAkBC,mBAAmB;AAC7C,eAAON,MAAMK,OAAOF;AAAAA,MACtB;AAEA,aAAOH,MAAMG;AAAAA,IACf,CAAC;AAED,UAAMI,0BAA2BC,OAAkB;AACjDA,QAAEC,eAAc;AAChBD,QAAEE,gBAAe;AAAA;AAGnB,WAAO,MAAM;AACX,YAAMC,eAAeC,MAAMT,OAAO,EAC/BU,OAAQC,YAAWA,OAAOC,UAAUf,MAAMgB,GAAG,CAAC,EAC9CC,IAAKH,YAAMI,YAAAC,UAAA;AAAA,QAAA,QAEFL,OAAOM;AAAAA,QAAI,SACVN,OAAOO;AAAAA,QAAK,QACbP,OAAOQ;AAAAA,QAAI,QAAA;AAAA,QAAA,WAERC,MAAMT,OAAOU,QAAQxB,MAAMgB,GAAG;AAAA,MAAC,GAAA,IAAA,CAE3C;AAEH,aAAAE,YAAA,QAAA;AAAA,QAAA,SAAA;AAAA,QAAA,WAC0CX;AAAAA,MAAuB,GAAA,CAC5DI,YAAY,CAAA;AAAA;EAIrB;AACF,CAAC;ACjDM,MAAM,iBAAiB;"}

package/dist/esm/index-BzWCmQ8s.js

@@ -0,0 +1,47 @@
+import { defineComponent, unref, createVNode } from "vue";
+import { c as columnProps, u as useColumn } from "./index-Fqju8eWa.js";
+import { buildProps } from "@maketribe/utils";
+import "vue-router";
+import "@maketribe/dm";
+import { ElImage } from "element-plus";
+import "@maketribe/request";
+import "@maketribe/locale";
+import "lodash-es";
+import "vue-cropper";
+import "@lexical/overflow";
+import "@lexical/text";
+import "@lexical/utils";
+import "lexical";
+import "@lexical/selection";
+import "@lexical/link";
+import "@lexical/rich-text";
+import "@element-plus/icons-vue";
+import "@lexical/history";
+import "@lexical/dragon";
+import "@lexical/plain-text";
+const columnImageProps = buildProps({
+  ...columnProps
+});
+const ColumnImage = /* @__PURE__ */ defineComponent({
+  name: "MKColumnImage",
+  props: columnImageProps,
+  setup(props) {
+    const {
+      value
+    } = useColumn(props);
+    return () => {
+      if (!unref(value)) {
+        return null;
+      }
+      return createVNode(ElImage, {
+        "src": unref(value)
+      }, null);
+    };
+  }
+});
+const MKColumnImage = ColumnImage;
+export {
+  MKColumnImage,
+  MKColumnImage as default
+};
+//# sourceMappingURL=index-BzWCmQ8s.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-BzWCmQ8s.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\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../composables\";\n\nexport const columnImageProps = buildProps({\n  ...columnProps,\n} as const);\n\nexport type ColumnImageProps = ExtractPropTypes<typeof columnImageProps>;\n","import { defineComponent, unref } from \"vue\";\nimport { useColumn } from \"../../composables\";\nimport { columnImageProps } from \"./column-image-options\";\nimport { ElImage } from \"element-plus\";\n\nexport default defineComponent({\n  name: \"MKColumnImage\",\n  props: columnImageProps,\n  setup(props) {\n    const { value } = useColumn(props);\n\n    return () => {\n      if (!unref(value)) {\n        return null;\n      }\n\n      return <ElImage src={unref(value)} />;\n    };\n  },\n});\n","import ColumnImage from \"./column-image\";\n\nexport const MKColumnImage = ColumnImage;\nexport default MKColumnImage;\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;"}

package/dist/esm/index-C0bwvMFb.js

@@ -0,0 +1,107 @@
+import { defineComponent, inject, createVNode } from "vue";
+import { buildProps } from "@maketribe/utils";
+import { c as columnProps, D as DATA_TABLE_CONTEXT_KEY, b as MKSvgIcon } from "./index-Fqju8eWa.js";
+import "vue-router";
+import "@maketribe/dm";
+import { ElTooltip } from "element-plus";
+import "@maketribe/request";
+import "@maketribe/locale";
+import "lodash-es";
+import "vue-cropper";
+import "@lexical/overflow";
+import "@lexical/text";
+import "@lexical/utils";
+import "lexical";
+import "@lexical/selection";
+import "@lexical/link";
+import "@lexical/rich-text";
+import "@element-plus/icons-vue";
+import "@lexical/history";
+import "@lexical/dragon";
+import "@lexical/plain-text";
+const columnSortProps = buildProps({
+  ...columnProps,
+  drag: {
+    type: Boolean,
+    default: false
+  }
+});
+const ColumnSort = /* @__PURE__ */ defineComponent({
+  name: "MKColumnSort",
+  props: columnSortProps,
+  setup(props) {
+    const dataTableContext = inject(DATA_TABLE_CONTEXT_KEY);
+    const handleMoveUp = () => {
+      dataTableContext.dataTable.moveUp(props.row);
+    };
+    const handleMoveDown = () => {
+      dataTableContext.dataTable.moveDown(props.row);
+    };
+    const handleToTop = () => {
+      dataTableContext.dataTable.moveToTop(props.row);
+    };
+    const handleToBottom = () => {
+      dataTableContext.dataTable.moveToBottom(props.row);
+    };
+    return () => {
+      let children = null;
+      if (props.drag) {
+        children = createVNode("span", {
+          "class": "mk-column-sort__drag"
+        }, [createVNode(MKSvgIcon, {
+          "name": "ep:rank"
+        }, null)]);
+      } else {
+        children = createVNode("span", {
+          "class": "mk-column-sort__switch"
+        }, [createVNode(ElTooltip, {
+          "content": "置顶",
+          "placement": "top"
+        }, {
+          default: () => [createVNode(MKSvgIcon, {
+            "name": "radix-icons:pin-top",
+            "class": "cursor-pointer",
+            "onClick": handleToTop
+          }, null)]
+        }), createVNode(ElTooltip, {
+          "content": "上移",
+          "placement": "top"
+        }, {
+          default: () => [createVNode(MKSvgIcon, {
+            "name": "radix-icons:arrow-up",
+            "class": "cursor-pointer",
+            "onClick": handleMoveUp
+          }, null)]
+        }), createVNode(ElTooltip, {
+          "content": "下移",
+          "placement": "top"
+        }, {
+          default: () => [createVNode(MKSvgIcon, {
+            "name": "radix-icons:arrow-down",
+            "class": "cursor-pointer",
+            "onClick": handleMoveDown
+          }, null)]
+        }), createVNode(ElTooltip, {
+          "content": "置底",
+          "placement": "top"
+        }, {
+          default: () => [createVNode(MKSvgIcon, {
+            "name": "radix-icons:pin-bottom",
+            "class": "cursor-pointer",
+            "onClick": handleToBottom
+          }, null)]
+        })]);
+      }
+      return createVNode("span", {
+        "class": "mk-column-sort"
+      }, [children]);
+    };
+  }
+});
+const MKColumnSort = ColumnSort;
+export {
+  MKColumnSort,
+  columnSortProps,
+  MKColumnSort as default
+};
+//# sourceMappingURL=index-C0bwvMFb.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-C0bwvMFb.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\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../composables\";\n\nexport const columnSortProps = buildProps({\n  ...columnProps,\n  drag: {\n    type: Boolean,\n    default: false,\n  },\n});\n\nexport type ColumnSortProps = ExtractPropTypes<typeof columnSortProps>;\n","import { defineComponent, inject } from \"vue\";\nimport { columnSortProps } from \"./column-sort-options\";\nimport { MKSvgIcon } from \"../../../../basic\";\nimport { ElTooltip } from \"element-plus\";\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../token\";\n\nexport default defineComponent({\n  name: \"MKColumnSort\",\n  props: columnSortProps,\n  setup(props) {\n    const dataTableContext = inject(DATA_TABLE_CONTEXT_KEY)!;\n\n    const handleMoveUp = () => {\n      dataTableContext.dataTable.moveUp(props.row);\n    };\n\n    const handleMoveDown = () => {\n      dataTableContext.dataTable.moveDown(props.row);\n    };\n\n    const handleToTop = () => {\n      dataTableContext.dataTable.moveToTop(props.row);\n    };\n\n    const handleToBottom = () => {\n      dataTableContext.dataTable.moveToBottom(props.row);\n    };\n\n    return () => {\n      let children = null;\n\n      if (props.drag) {\n        children = (\n          <span class=\"mk-column-sort__drag\">\n            <MKSvgIcon name=\"ep:rank\" />\n          </span>\n        );\n      } else {\n        children = (\n          <span class=\"mk-column-sort__switch\">\n            <ElTooltip content=\"置顶\" placement=\"top\">\n              <MKSvgIcon name=\"radix-icons:pin-top\" class=\"cursor-pointer\" onClick={handleToTop} />\n            </ElTooltip>\n            <ElTooltip content=\"上移\" placement=\"top\">\n              <MKSvgIcon name=\"radix-icons:arrow-up\" class=\"cursor-pointer\" onClick={handleMoveUp} />\n            </ElTooltip>\n            <ElTooltip content=\"下移\" placement=\"top\">\n              <MKSvgIcon name=\"radix-icons:arrow-down\" class=\"cursor-pointer\" onClick={handleMoveDown} />\n            </ElTooltip>\n            <ElTooltip content=\"置底\" placement=\"top\">\n              <MKSvgIcon name=\"radix-icons:pin-bottom\" class=\"cursor-pointer\" onClick={handleToBottom} />\n            </ElTooltip>\n          </span>\n        );\n      }\n\n      return <span class=\"mk-column-sort\">{children}</span>;\n    };\n  },\n});\n","import ColumnSort from \"./column-sort\";\nimport \"./index.scss\"\nexport const MKColumnSort = ColumnSort;\nexport default MKColumnSort;\n\nexport * from \"./column-sort-options\";\n"],"names":["defineComponent","name","props","columnSortProps","setup","dataTableContext","inject","DATA_TABLE_CONTEXT_KEY","handleMoveUp","dataTable","moveUp","row","handleMoveDown","moveDown","handleToTop","moveToTop","handleToBottom","moveToBottom","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,UAAUb,MAAMS,GAAG;AAAA;AAGhD,UAAMK,iBAAiBA,MAAM;AAC3BX,uBAAiBI,UAAUQ,aAAaf,MAAMS,GAAG;AAAA;AAGnD,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-C8GXrHP2.js

@@ -0,0 +1,132 @@
+import { defineComponent, ref, reactive, onMounted, unref, resolveComponent, resolveDirective, openBlock, createBlock, withCtx, createElementVNode, createVNode, withDirectives, createTextVNode, createCommentVNode } from "vue";
+import { ElCard, ElScrollbar, ElMessage } from "element-plus";
+import "@maketribe/dm";
+import "@maketribe/utils";
+import { w as DataModelDefines, x as MKTree } from "./index-Fqju8eWa.js";
+import "vue-router";
+import "@maketribe/request";
+import "@maketribe/locale";
+import "lodash-es";
+import "vue-cropper";
+import "@lexical/overflow";
+import "@lexical/text";
+import "@lexical/utils";
+import "lexical";
+import "@lexical/selection";
+import "@lexical/link";
+import "@lexical/rich-text";
+import "@element-plus/icons-vue";
+import "@lexical/history";
+import "@lexical/dragon";
+import "@lexical/plain-text";
+const _hoisted_1 = { class: "mk-local-log__main" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  setup(__props) {
+    const treeRef = ref(null);
+    const localLogTree = reactive(
+      DataModelDefines.instance.getDataTree("local-log")
+    );
+    const handleRefresh = (node, dataTreeNode) => {
+      for (let i = node.childNodes.length - 1; i >= 0; i--) {
+        node.childNodes[i].remove();
+      }
+      dataTreeNode.load();
+    };
+    const handleViewLogClick = async (node) => {
+      try {
+        const response = await localLogTree.httpRequest.get(
+          "/ms/ms/system/view-local-log-file",
+          {
+            params: { filename: node.data.path },
+            responseType: "blob"
+          }
+        );
+        const url = URL.createObjectURL(response.data);
+        const a = document.createElement("a");
+        a.target = "_blank";
+        a.download = node.data.name;
+        a.href = url;
+        a.click();
+      } catch (e) {
+        console.error(e);
+        ElMessage.error("网络异常");
+      }
+    };
+    onMounted(() => {
+      localLogTree.afterInitdEvent.once(async () => {
+        setTimeout(() => {
+          var _a, _b;
+          const node = (_b = (_a = unref(treeRef)) == null ? void 0 : _a.treeRef) == null ? void 0 : _b.getNode(localLogTree.rootNode.id);
+          if (node) {
+            node.expand();
+          }
+        });
+      });
+    });
+    return (_ctx, _cache) => {
+      const _component_ElButton = resolveComponent("ElButton");
+      const _component_MKDataTablePage = resolveComponent("MKDataTablePage");
+      const _directive_loading = resolveDirective("loading");
+      return localLogTree ? (openBlock(), createBlock(_component_MKDataTablePage, {
+        key: 0,
+        "auto-load": false,
+        "data-table": localLogTree
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createVNode(unref(ElCard), null, {
+              default: withCtx(() => [
+                createVNode(unref(ElScrollbar), { height: "100%" }, {
+                  default: withCtx(() => [
+                    withDirectives((openBlock(), createBlock(unref(MKTree), {
+                      lazy: "",
+                      "data-tree": localLogTree,
+                      defaultExpandAll: false,
+                      ref_key: "treeRef",
+                      ref: treeRef
+                    }, {
+                      "node-tools": withCtx(({ node, data }) => [
+                        !data.data.isDirectory ? (openBlock(), createBlock(_component_ElButton, {
+                          key: 0,
+                          type: "primary",
+                          link: "",
+                          onClick: ($event) => handleViewLogClick(data)
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(" 下载 ")
+                          ]),
+                          _: 2
+                        }, 1032, ["onClick"])) : node.expanded ? (openBlock(), createBlock(_component_ElButton, {
+                          key: 1,
+                          type: "primary",
+                          link: "",
+                          onClick: ($event) => handleRefresh(node, data)
+                        }, {
+                          default: withCtx(() => [
+                            createTextVNode(" 刷新 ")
+                          ]),
+                          _: 2
+                        }, 1032, ["onClick"])) : createCommentVNode("", true)
+                      ]),
+                      _: 1
+                    }, 8, ["data-tree"])), [
+                      [_directive_loading, localLogTree.loading]
+                    ])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        _: 1
+      }, 8, ["data-table"])) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=index-C8GXrHP2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-C8GXrHP2.js","sources":["../../src/pages/local-log/index.vue"],"sourcesContent":["<template>\n  <MKDataTablePage\n    v-if=\"localLogTree\"\n    :auto-load=\"false\"\n    :data-table=\"localLogTree\"\n  >\n    <div class=\"mk-local-log__main\">\n      <ElCard>\n        <ElScrollbar height=\"100%\">\n          <MKTree\n            v-loading=\"localLogTree.loading\"\n            lazy\n            :data-tree=\"localLogTree\"\n            :defaultExpandAll=\"false\"\n            ref=\"treeRef\"\n          >\n            <template #node-tools=\"{ node, data }\">\n              <ElButton\n                v-if=\"!data.data.isDirectory\"\n                type=\"primary\"\n                link\n                @click=\"handleViewLogClick(data)\"\n              >\n                下载\n              </ElButton>\n              <ElButton\n                v-else-if=\"node.expanded\"\n                type=\"primary\"\n                link\n                @click=\"handleRefresh(node, data)\"\n              >\n                刷新\n              </ElButton>\n            </template>\n          </MKTree>\n        </ElScrollbar>\n      </ElCard>\n    </div>\n  </MKDataTablePage>\n</template>\n\n<script setup lang=\"ts\">\nimport { reactive, onMounted, ref, unref, Ref } from \"vue\";\nimport { ElScrollbar, ElCard, ElMessage } from \"element-plus\";\nimport { DataModelDefines } from \"../../core\";\nimport { LocalLogTree } from \"../../dataviews\";\nimport { MKTree } from \"../../components\";\n\nconst treeRef: Ref<InstanceType<typeof MKTree> | null> = ref(null);\n\nconst localLogTree = reactive(\n  DataModelDefines.instance.getDataTree(\"local-log\")!\n) as LocalLogTree;\n\nconst handleRefresh = (node: any, dataTreeNode: any) => {\n  for (let i = node.childNodes.length - 1; i >= 0; i--) {\n    node.childNodes[i].remove();\n  }\n\n  dataTreeNode.load();\n};\n\nconst handleViewLogClick = async (node: any) => {\n  try {\n    const response = await localLogTree.httpRequest.get<Blob>(\n      \"/ms/ms/system/view-local-log-file\",\n      {\n        params: { filename: node.data!.path },\n        responseType: \"blob\",\n      }\n    );\n    const url = URL.createObjectURL(response.data);\n\n    const a = document.createElement(\"a\");\n    a.target = \"_blank\";\n    a.download = node.data.name;\n    a.href = url;\n\n    a.click();\n  } catch (e) {\n    console.error(e);\n\n    ElMessage.error(\"网络异常\");\n  }\n};\n\nonMounted(() => {\n  localLogTree.afterInitdEvent.once(async () => {\n    setTimeout(() => {\n      const node = unref(treeRef)?.treeRef?.getNode(localLogTree.rootNode!.id);\n\n      if (node) {\n        node.expand();\n      }\n    });\n  });\n});\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAgDM,UAAA,UAAmD,IAAI,IAAI;AAEjE,UAAM,eAAe;AAAA,MACnB,iBAAiB,SAAS,YAAY,WAAW;AAAA,IAAA;AAG7C,UAAA,gBAAgB,CAAC,MAAW,iBAAsB;AACtD,eAAS,IAAI,KAAK,WAAW,SAAS,GAAG,KAAK,GAAG,KAAK;AAC/C,aAAA,WAAW,CAAC,EAAE,OAAO;AAAA,MAC5B;AAEA,mBAAa,KAAK;AAAA,IAAA;AAGd,UAAA,qBAAqB,OAAO,SAAc;AAC1C,UAAA;AACI,cAAA,WAAW,MAAM,aAAa,YAAY;AAAA,UAC9C;AAAA,UACA;AAAA,YACE,QAAQ,EAAE,UAAU,KAAK,KAAM,KAAK;AAAA,YACpC,cAAc;AAAA,UAChB;AAAA,QAAA;AAEF,cAAM,MAAM,IAAI,gBAAgB,SAAS,IAAI;AAEvC,cAAA,IAAI,SAAS,cAAc,GAAG;AACpC,UAAE,SAAS;AACT,UAAA,WAAW,KAAK,KAAK;AACvB,UAAE,OAAO;AAET,UAAE,MAAM;AAAA,eACD,GAAG;AACV,gBAAQ,MAAM,CAAC;AAEf,kBAAU,MAAM,MAAM;AAAA,MACxB;AAAA,IAAA;AAGF,cAAU,MAAM;AACD,mBAAA,gBAAgB,KAAK,YAAY;AAC5C,mBAAW,MAAM;;AACT,gBAAA,QAAO,iBAAM,OAAO,MAAb,mBAAgB,YAAhB,mBAAyB,QAAQ,aAAa,SAAU;AAErE,cAAI,MAAM;AACR,iBAAK,OAAO;AAAA,UACd;AAAA,QAAA,CACD;AAAA,MAAA,CACF;AAAA,IAAA,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/index-CYzuHXon.js

@@ -0,0 +1,119 @@
+import { defineComponent, ref, computed, unref, onMounted, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, createElementBlock, Fragment, renderList, toDisplayString } from "vue";
+import { ElMessage } from "element-plus";
+import { m as MKPagePanel, b as MKSvgIcon, _ as _export_sfc } from "./index-Fqju8eWa.js";
+import "@maketribe/dm";
+import "vue-cropper";
+import "@lexical/overflow";
+import "@lexical/text";
+import "@lexical/utils";
+import "lexical";
+import "@lexical/selection";
+import "@lexical/link";
+import "@lexical/rich-text";
+import "@element-plus/icons-vue";
+import "@lexical/history";
+import "@lexical/dragon";
+import "@lexical/plain-text";
+import "lodash-es";
+import "@maketribe/utils";
+import "vue-router";
+import "@maketribe/request";
+import "@maketribe/locale";
+const _hoisted_1 = { class: "mk-icon-list" };
+const _hoisted_2 = { class: "mk-icon-list__item" };
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = { class: "mk-icon-item__icon" };
+const _hoisted_5 = { class: "mk-icon-item__name" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  setup(__props) {
+    const icons = ref([]);
+    const search = ref("");
+    const filteredIcons = computed(() => {
+      const _search = unref(search).toLowerCase();
+      return unref(icons).filter((icon) => icon.toLowerCase().includes(_search));
+    });
+    onMounted(() => {
+      const svgList = document.querySelectorAll(
+        'body > svg[aria-hidden="true"]'
+      );
+      let iconList = [];
+      for (const svg of Array.from(svgList)) {
+        const symbols = svg.querySelectorAll("symbol");
+        iconList = iconList.concat(
+          Array.from(symbols).map((symbol) => symbol.id.replace(/^icon-/, ""))
+        );
+      }
+      icons.value = Array.from(new Set(iconList));
+    });
+    const handleClick = (icon) => {
+      const content = `<MKSvgIcon name="${icon}"/>`;
+      if (navigator.clipboard === void 0) {
+        const input = document.createElement("input");
+        input.value = content;
+        document.body.appendChild(input);
+        input.select();
+        document.execCommand("Copy");
+        document.body.removeChild(input);
+      } else {
+        navigator.clipboard.writeText(content);
+      }
+      ElMessage.success("复制成功");
+    };
+    return (_ctx, _cache) => {
+      const _component_ElInput = resolveComponent("ElInput");
+      const _component_ElScrollbar = resolveComponent("ElScrollbar");
+      const _component_ElCard = resolveComponent("ElCard");
+      return openBlock(), createBlock(unref(MKPagePanel), {
+        class: "mk-icons-page",
+        title: "图标库"
+      }, {
+        tools: withCtx(() => [
+          createVNode(_component_ElInput, {
+            modelValue: search.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => search.value = $event),
+            placeholder: "搜索图标"
+          }, {
+            suffix: withCtx(() => [
+              createVNode(unref(MKSvgIcon), { name: "ep:search" })
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        default: withCtx(() => [
+          createVNode(_component_ElCard, null, {
+            default: withCtx(() => [
+              createVNode(_component_ElScrollbar, { height: "100%" }, {
+                default: withCtx(() => [
+                  createElementVNode("ul", _hoisted_1, [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(filteredIcons.value, (icon) => {
+                      return openBlock(), createElementBlock("li", _hoisted_2, [
+                        createElementVNode("div", {
+                          class: "mk-icon-item",
+                          onClick: ($event) => handleClick(icon)
+                        }, [
+                          createElementVNode("div", _hoisted_4, [
+                            createVNode(unref(MKSvgIcon), { name: icon }, null, 8, ["name"])
+                          ]),
+                          createElementVNode("div", _hoisted_5, toDisplayString(icon), 1)
+                        ], 8, _hoisted_3)
+                      ]);
+                    }), 256))
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-16f05fb3"]]);
+export {
+  index as default
+};
+//# sourceMappingURL=index-CYzuHXon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-CYzuHXon.js","sources":["../../src/pages/icons/index.vue"],"sourcesContent":["<template>\n  <MKPagePanel class=\"mk-icons-page\" title=\"图标库\">\n    <template #tools>\n      <ElInput\n        v-model=\"search\"\n        placeholder=\"搜索图标\"\n      >\n        <template #suffix>\n          <MKSvgIcon name=\"ep:search\"/>\n        </template>\n      </ElInput>\n    </template>\n    <ElCard>\n      <ElScrollbar height=\"100%\">\n        <ul class=\"mk-icon-list\">\n          <li class=\"mk-icon-list__item\" v-for=\"icon in filteredIcons\">\n            <div class=\"mk-icon-item\" @click=\"handleClick(icon)\">\n              <div class=\"mk-icon-item__icon\">\n                <MKSvgIcon :name=\"icon\"/>\n              </div>\n\n              <div class=\"mk-icon-item__name\">\n                {{ icon }}\n              </div>\n            </div>\n          </li>\n        </ul>\n      </ElScrollbar>\n    </ElCard>\n  </MKPagePanel>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, onMounted, ref, Ref, unref} from \"vue\";\nimport {ElMessage} from \"element-plus\";\nimport {MKPagePanel, MKSvgIcon} from \"../../components\";\n\nconst icons: Ref<string[]> = ref([]);\n\nconst search = ref(\"\");\n\nconst filteredIcons = computed(() => {\n  const _search = unref(search).toLowerCase();\n\n  return unref(icons).filter((icon) => icon.toLowerCase().includes(_search));\n});\n\nonMounted(() => {\n  const svgList: NodeListOf<SVGElement> = document.querySelectorAll(\n    'body > svg[aria-hidden=\"true\"]'\n  );\n\n  let iconList: string[] = [];\n\n  for (const svg of Array.from(svgList)) {\n    const symbols = svg.querySelectorAll(\"symbol\");\n\n    iconList = iconList.concat(\n      Array.from(symbols).map((symbol) => symbol.id.replace(/^icon-/, \"\"))\n    );\n  }\n\n  icons.value = Array.from(new Set(iconList));\n});\n\nconst handleClick = (icon: string) => {\n  const content = `<MKSvgIcon name=\"${icon}\"/>`;\n\n  if (navigator.clipboard === undefined) {\n    //通过input标签进行复制\n    const input = document.createElement(\"input\");\n    input.value = content;\n    document.body.appendChild(input);\n    input.select();\n    document.execCommand(\"Copy\");\n    document.body.removeChild(input);\n  } else {\n    navigator.clipboard.writeText(content);\n  }\n\n  ElMessage.success(\"复制成功\");\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.mk-icons-page {\n  :deep(.el-card) {\n    height: 100%;\n\n    .el-card__body {\n      height: 100%;\n    }\n  }\n}\n.mk-icon-list {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  flex-wrap: wrap;\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  color: var(--el-text-color-regular);\n\n  &__item {\n    border-bottom: 1px var(--el-border-color) solid;\n    border-right: 1px var(--el-border-color) solid;\n\n    &:nth-child(-n + 7) {\n      border-top: 1px var(--el-border-color) solid;\n    }\n    &:nth-child(7n + 1) {\n      border-left: 1px var(--el-border-color) solid;\n    }\n  }\n\n  .mk-icon-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    height: 90px;\n    cursor: pointer;\n\n    &__icon {\n      font-size: 24px;\n    }\n\n    &__name {\n      margin-top: 6px;\n      padding: 0 8px;\n      font-size: 12px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      box-sizing: border-box;\n    }\n\n    &:hover {\n      background-color: var(--el-border-color-extra-light);\n    }\n  }\n}\n\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCM,UAAA,QAAuB,IAAI,CAAA,CAAE;AAE7B,UAAA,SAAS,IAAI,EAAE;AAEf,UAAA,gBAAgB,SAAS,MAAM;AACnC,YAAM,UAAU,MAAM,MAAM,EAAE,YAAY;AAEnC,aAAA,MAAM,KAAK,EAAE,OAAO,CAAC,SAAS,KAAK,YAAY,EAAE,SAAS,OAAO,CAAC;AAAA,IAAA,CAC1E;AAED,cAAU,MAAM;AACd,YAAM,UAAkC,SAAS;AAAA,QAC/C;AAAA,MAAA;AAGF,UAAI,WAAqB,CAAA;AAEzB,iBAAW,OAAO,MAAM,KAAK,OAAO,GAAG;AAC/B,cAAA,UAAU,IAAI,iBAAiB,QAAQ;AAE7C,mBAAW,SAAS;AAAA,UAClB,MAAM,KAAK,OAAO,EAAE,IAAI,CAAC,WAAW,OAAO,GAAG,QAAQ,UAAU,EAAE,CAAC;AAAA,QAAA;AAAA,MAEvE;AAEA,YAAM,QAAQ,MAAM,KAAK,IAAI,IAAI,QAAQ,CAAC;AAAA,IAAA,CAC3C;AAEK,UAAA,cAAc,CAAC,SAAiB;AAC9B,YAAA,UAAU,oBAAoB,IAAI;AAEpC,UAAA,UAAU,cAAc,QAAW;AAE/B,cAAA,QAAQ,SAAS,cAAc,OAAO;AAC5C,cAAM,QAAQ;AACL,iBAAA,KAAK,YAAY,KAAK;AAC/B,cAAM,OAAO;AACb,iBAAS,YAAY,MAAM;AAClB,iBAAA,KAAK,YAAY,KAAK;AAAA,MAAA,OAC1B;AACK,kBAAA,UAAU,UAAU,OAAO;AAAA,MACvC;AAEA,gBAAU,QAAQ,MAAM;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}