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

package/dist/cjs/index-NXr-7VI-.cjs

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const index = require("./index-Hn4CQWPI.cjs");
+require("element-plus");
+require("@maketribe/dm");
+require("vue-cropper");
+require("@lexical/overflow");
+require("@lexical/text");
+require("@lexical/utils");
+require("lexical");
+require("@lexical/selection");
+require("@lexical/link");
+require("@lexical/rich-text");
+require("@element-plus/icons-vue");
+require("@lexical/history");
+require("@lexical/dragon");
+require("@lexical/plain-text");
+require("lodash-es");
+require("@maketribe/utils");
+require("vue-router");
+require("@maketribe/request");
+require("@maketribe/locale");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(index.MKPagePanel), null, {
+        default: vue.withCtx(() => [
+          vue.createVNode(vue.unref(index.MKMaterialList))
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+exports.default = _sfc_main;
+//# sourceMappingURL=index-NXr-7VI-.cjs.map

package/dist/cjs/index-NXr-7VI-.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-NXr-7VI-.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/index-OHXmOU1J.cjs

@@ -0,0 +1,126 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils = require("@maketribe/utils");
+const vue = require("vue");
+const index = require("./index-Hn4CQWPI.cjs");
+const dm = require("@maketribe/dm");
+const elementPlus = require("element-plus");
+const { dataTable, ...restAbstractSelectProps } = index.abstractSelectProps;
+const dataTreeSelectProps = utils.buildProps({
+  ...restAbstractSelectProps,
+  dataTree: dm.DataTree,
+  checkStrictly: {
+    type: Boolean,
+    default: true
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  clearable: {
+    type: Boolean,
+    default: true
+  },
+  formatOptions: {
+    type: Function,
+    default: (item) => {
+      const value = item.value ?? item.id ?? item.name;
+      const label = item.label ?? item.desc ?? item.title ?? item.name;
+      const children = item.children ?? [];
+      return { value, label, children };
+    }
+  }
+});
+const dataTreeSelectEmits = {
+  ...index.abstractSelectEmits
+};
+const DataTreeSelect = /* @__PURE__ */ vue.defineComponent({
+  name: "MKDataTreeSelect",
+  props: dataTreeSelectProps,
+  emits: dataTreeSelectEmits,
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const primaryKey = vue.computed(() => {
+      var _a;
+      return props.primaryFieldName ?? ((_a = props.dataTree) == null ? void 0 : _a.primaryKey) ?? "value";
+    });
+    const loading = vue.computed(() => {
+      var _a;
+      return ((_a = props.dataTree) == null ? void 0 : _a.loading) ?? false;
+    });
+    const modelValue = vue.computed({
+      get: () => vue.unref(props.modelValue),
+      set: (v) => {
+        emit("update:model-value", v);
+      }
+    });
+    vue.watch(vue.computed(() => props.dataTree), async (dataTree) => {
+      if (dataTree && !dataTree.initd) {
+        await dataTree.init();
+        dataTree.dataFilter.setReady();
+        await dataTree.loadAll();
+      }
+    }, {
+      immediate: true
+    });
+    const formatOptions = (item) => {
+      let _formatOptions;
+      if (props.labelFieldName) {
+        _formatOptions = (item2) => {
+          return {
+            value: item2[vue.unref(primaryKey)],
+            label: item2[props.labelFieldName],
+            children: (item2.children ?? []).map(formatOptions)
+          };
+        };
+      } else {
+        _formatOptions = props.formatOptions;
+      }
+      let option = _formatOptions(item);
+      option.data = item;
+      return option;
+    };
+    return () => {
+      return vue.createVNode(index.MKAbstractSelect, {
+        "class": "mk-data-tree-select",
+        "modelValue": vue.unref(modelValue),
+        "onUpdate:model-value": (v) => {
+          modelValue.value = v;
+        },
+        "additional": false,
+        "dataTable": props.dataTree,
+        "objectValue": props.objectValue,
+        "multiple": props.multiple,
+        "options": props.options,
+        "primaryFieldName": props.primaryFieldName,
+        "formatOptions": formatOptions
+      }, {
+        default: ({
+          selections,
+          setSelections,
+          options
+        }) => {
+          return vue.createVNode(elementPlus.ElTreeSelect, {
+            "popper-class": "mk-data-tree-select__popper",
+            "clearable": props.clearable,
+            "data": options,
+            "disabled": props.disabled,
+            "loading": vue.unref(loading),
+            "modelValue": selections,
+            "onUpdate:modelValue": setSelections,
+            "multiple": props.multiple,
+            "checkStrictly": props.checkStrictly
+          }, slots);
+        }
+      });
+    };
+  }
+});
+const MKDataTreeSelect = utils.withInstall(DataTreeSelect);
+exports.MKDataTreeSelect = MKDataTreeSelect;
+exports.dataTreeSelectEmits = dataTreeSelectEmits;
+exports.dataTreeSelectProps = dataTreeSelectProps;
+exports.default = MKDataTreeSelect;
+//# sourceMappingURL=index-OHXmOU1J.cjs.map

package/dist/cjs/index-OHXmOU1J.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-OHXmOU1J.cjs","sources":["../../src/components/basic/DataTreeSelect/options.ts","../../src/components/basic/DataTreeSelect/DataTreeSelect.tsx","../../src/components/basic/DataTreeSelect/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { abstractSelectEmits, abstractSelectProps } from \"../../abstract\";\nimport { DataTree } from \"@maketribe/dm\";\n\nconst { dataTable, ...restAbstractSelectProps } = abstractSelectProps;\n\nexport const dataTreeSelectProps = buildProps({\n  ...restAbstractSelectProps,\n  dataTree: DataTree<any>,\n  checkStrictly: {\n    type: Boolean,\n    default: true,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  clearable: {\n    type: Boolean,\n    default: true,\n  },\n  formatOptions: {\n    type: Function,\n    default: (item: any) => {\n      const value = item.value ?? item.id ?? item.name;\n      const label = item.label ?? item.desc ?? item.title ?? item.name;\n      const children = item.children ?? [];\n\n      return { value, label, children };\n    },\n  },\n});\n\nexport type DataTreeSelectProps = ExtractPropTypes<typeof dataTreeSelectProps>;\n\nexport const dataTreeSelectEmits = {\n  ...abstractSelectEmits,\n};\n\nexport type DataTreeSelectEmits = typeof dataTreeSelectEmits;\n","import { computed, defineComponent, ref, Ref, unref, watch } from \"vue\";\nimport { MKAbstractSelect } from \"../../abstract\";\nimport {\n  dataTreeSelectEmits,\n  dataTreeSelectProps,\n} from \"./options\";\nimport { ElTreeSelect } from \"element-plus\";\n\nexport default defineComponent({\n  name: \"MKDataTreeSelect\",\n  props: dataTreeSelectProps,\n  emits: dataTreeSelectEmits,\n  setup(props, { emit, slots }) {\n    const primaryKey = computed(\n      () => props.primaryFieldName ?? props.dataTree?.primaryKey ?? \"value\"\n    );\n\n    const loading = computed(() => props.dataTree?.loading ?? false);\n\n    const modelValue = computed({\n      get: () => unref(props.modelValue),\n      set: (v) => {\n        emit(\"update:model-value\", v);\n      },\n    });\n\n    // 数据树\n    watch(computed(() => props.dataTree),async (dataTree) => {\n      // 初始化过就不重新初始化了\n      if(dataTree && !dataTree.initd) {\n        await dataTree.init();\n        dataTree.dataFilter.setReady();\n        await dataTree.loadAll();\n      }\n    },{ immediate: true });\n\n    const formatOptions = (item: any) => {\n      let _formatOptions;\n\n      if (props.labelFieldName) {\n        _formatOptions = (item: any) => {\n          return {\n            value: item[unref(primaryKey)],\n            label: item[props.labelFieldName!],\n            children: (item.children ?? []).map(formatOptions),\n          };\n        };\n      } else {\n        _formatOptions = props.formatOptions;\n      }\n\n      let option = _formatOptions(item);\n\n      option.data = item;\n\n      return option;\n    };\n\n    return () => {\n      return (\n        <MKAbstractSelect\n          class=\"mk-data-tree-select\"\n          modelValue={unref(modelValue)}\n          onUpdate:model-value={(v: any) => {\n            modelValue.value = v;\n          }}\n          additional={false}\n          dataTable={props.dataTree}\n          objectValue={props.objectValue}\n          multiple={props.multiple}\n          options={props.options}\n          primaryFieldName={props.primaryFieldName}\n          formatOptions={formatOptions}\n          v-slots={{\n            default: ({ selections, setSelections, options }: any) => {\n              return (\n                <ElTreeSelect\n                  popper-class=\"mk-data-tree-select__popper\"\n                  clearable={props.clearable}\n                  data={options}\n                  disabled={props.disabled}\n                  loading={unref(loading)}\n                  modelValue={selections}\n                  onUpdate:modelValue={setSelections}\n                  multiple={props.multiple}\n                  checkStrictly={props.checkStrictly}\n                  v-slots={slots}\n                />\n              );\n            },\n          }}\n        />\n      );\n    };\n  },\n});\n","import { withInstall } from \"@maketribe/utils\";\nimport \"./index.scss\"\nimport DataTreeSelect from \"./DataTreeSelect\";\n\nexport const MKDataTreeSelect = withInstall(DataTreeSelect);\n\nexport default MKDataTreeSelect;\n\nexport * from \"./options\";\n"],"names":["abstractSelectProps","buildProps","DataTree","abstractSelectEmits","defineComponent","name","props","dataTreeSelectProps","emits","dataTreeSelectEmits","setup","emit","slots","primaryKey","computed","primaryFieldName","dataTree","loading","modelValue","get","unref","set","v","watch","initd","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","withInstall"],"mappings":"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"}

package/dist/cjs/index-RjnvS-h4.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index-RjnvS-h4.cjs","sources":["../../src/components/data-model/data-filter-form/components/condition-date/condition-date-options.ts","../../src/components/data-model/data-filter-form/components/condition-date/condition-date.tsx","../../src/components/data-model/data-filter-form/components/condition-date/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nimport { dataFilterConditionProps } from \"../../composables\";\r\n\r\nexport const conditionDateProps = buildProps({\r\n  ...dataFilterConditionProps,\r\n  type: {\r\n    type: String,\r\n    default: \"date\",\r\n  },\r\n  teleported: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  isBetween: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n} as const);\r\n\r\nexport type ConditionDateProps = ExtractPropTypes<typeof conditionDateProps>;\r\n\r\nexport const conditionDateEmits = {\r\n  \"update:model-value\": (v: string) => true,\r\n};\r\n\r\nexport type ConditionDateEmits = typeof conditionDateEmits;\r\n","import { computed, defineComponent, unref } from \"vue\";\r\nimport { ElDatePicker } from \"element-plus\";\r\n\r\nimport {\r\n  conditionDateEmits,\r\n  conditionDateProps,\r\n} from \"./condition-date-options\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKConditionDate\",\r\n  props: conditionDateProps,\r\n  emits: conditionDateEmits,\r\n  setup(props, { emit }) {\r\n    const type = computed(() => {\r\n      if (props.type === \"datetime\") {\r\n        return props.isBetween ? \"datetimerange\" : \"datetime\";\r\n      }\r\n\r\n      return props.isBetween ? \"daterange\" : props.type;\r\n    });\r\n\r\n    const valueFormat = computed(() => {\r\n      const _type = unref(type);\r\n\r\n      return [\"datetime\", \"datetimerange\"].includes(_type)\r\n        ? \"YYYY-MM-DD HH:mm:ss\"\r\n        : \"YYYY-MM-DD\";\r\n    });\r\n\r\n    const modelValue = computed({\r\n      get: () => props.modelValue,\r\n      set: (v) => emit(\"update:model-value\", v),\r\n    });\r\n\r\n    return () => {\r\n      var ElDatePickerComponent = ElDatePicker as any;\r\n      return (\r\n        <ElDatePickerComponent\r\n          teleported={props.teleported}\r\n          class=\"mk-condition-date\"\r\n          modelValue={unref(modelValue)}\r\n          onUpdate:modelValue={(v: any) => (modelValue.value = v)}\r\n          type={unref(type) as any}\r\n          valueFormat={unref(valueFormat)}\r\n        />\r\n      );\r\n    };\r\n  },\r\n});\r\n","import { withInstall } from \"@maketribe/utils\";\r\nimport ConditionDate from \"./condition-date\";\r\n\r\nexport const MKConditionDate = withInstall(ConditionDate);\r\nexport default MKConditionDate;\r\n\r\nexport * from \"./condition-date-options\";\r\n"],"names":["buildProps","dataFilterConditionProps","defineComponent","name","props","conditionDateProps","emits","conditionDateEmits","setup","emit","type","computed","isBetween","valueFormat","_type","unref","includes","modelValue","get","set","v","ElDatePickerComponent","ElDatePicker","_createVNode","teleported","value","withInstall"],"mappings":";;;;;;AAKO,MAAM,qBAAqBA,MAAAA,WAAW;AAAA,EAC3C,GAAGC,aAAA;AAAA,EACH,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;AAIH,MAAM,qBAAqB;AAAA,EAChC,sBAAsB,CAAC,MAAc;AACvC;ACjBA,MAAeC,oDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,OAAOC,IAAAA,SAAS,MAAM;AAC1B,UAAIP,MAAMM,SAAS,YAAY;AAC7B,eAAON,MAAMQ,YAAY,kBAAkB;AAAA,MAC7C;AAEA,aAAOR,MAAMQ,YAAY,cAAcR,MAAMM;AAAAA,IAC/C,CAAC;AAED,UAAMG,cAAcF,IAAAA,SAAS,MAAM;AACjC,YAAMG,QAAQC,UAAML,IAAI;AAExB,aAAO,CAAC,YAAY,eAAe,EAAEM,SAASF,KAAK,IAC/C,wBACA;AAAA,IACN,CAAC;AAED,UAAMG,aAAaN,IAAAA,SAAS;AAAA,MAC1BO,KAAKA,MAAMd,MAAMa;AAAAA,MACjBE,KAAMC,OAAMX,KAAK,sBAAsBW,CAAC;AAAA,IAC1C,CAAC;AAED,WAAO,MAAM;AACX,UAAIC,wBAAwBC,YAAAA;AAC5B,aAAAC,IAAAA,YAAAF,uBAAA;AAAA,QAAA,cAEgBjB,MAAMoB;AAAAA,QAAU,SAAA;AAAA,QAAA,cAEhBT,IAAK,MAACE,UAAU;AAAA,QAAC,uBACPG,OAAYH,WAAWQ,QAAQL;AAAAA,QAAE,QACjDL,IAAK,MAACL,IAAI;AAAA,QAAC,eACJK,IAAK,MAACF,WAAW;AAAA,MAAC,GAAA,IAAA;AAAA;EAIvC;AACF,CAAC;AC7CY,MAAA,kBAAkBa,kBAAY,aAAa;;;;;"}
+{"version":3,"file":"index-RjnvS-h4.cjs","sources":["../../src/components/data-model/data-filter-form/components/condition-date/condition-date-options.ts","../../src/components/data-model/data-filter-form/components/condition-date/condition-date.tsx","../../src/components/data-model/data-filter-form/components/condition-date/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\n\nimport { dataFilterConditionProps } from \"../../composables\";\n\nexport const conditionDateProps = buildProps({\n  ...dataFilterConditionProps,\n  type: {\n    type: String,\n    default: \"date\",\n  },\n  teleported: {\n    type: Boolean,\n    default: false,\n  },\n  isBetween: {\n    type: Boolean,\n    default: true,\n  },\n} as const);\n\nexport type ConditionDateProps = ExtractPropTypes<typeof conditionDateProps>;\n\nexport const conditionDateEmits = {\n  \"update:model-value\": (v: string) => true,\n};\n\nexport type ConditionDateEmits = typeof conditionDateEmits;\n","import { computed, defineComponent, unref } from \"vue\";\nimport { ElDatePicker } from \"element-plus\";\n\nimport {\n  conditionDateEmits,\n  conditionDateProps,\n} from \"./condition-date-options\";\n\nexport default defineComponent({\n  name: \"MKConditionDate\",\n  props: conditionDateProps,\n  emits: conditionDateEmits,\n  setup(props, { emit }) {\n    const type = computed(() => {\n      if (props.type === \"datetime\") {\n        return props.isBetween ? \"datetimerange\" : \"datetime\";\n      }\n\n      return props.isBetween ? \"daterange\" : props.type;\n    });\n\n    const valueFormat = computed(() => {\n      const _type = unref(type);\n\n      return [\"datetime\", \"datetimerange\"].includes(_type)\n        ? \"YYYY-MM-DD HH:mm:ss\"\n        : \"YYYY-MM-DD\";\n    });\n\n    const modelValue = computed({\n      get: () => props.modelValue,\n      set: (v) => emit(\"update:model-value\", v),\n    });\n\n    return () => {\n      var ElDatePickerComponent = ElDatePicker as any;\n      return (\n        <ElDatePickerComponent\n          teleported={props.teleported}\n          class=\"mk-condition-date\"\n          modelValue={unref(modelValue)}\n          onUpdate:modelValue={(v: any) => (modelValue.value = v)}\n          type={unref(type) as any}\n          valueFormat={unref(valueFormat)}\n        />\n      );\n    };\n  },\n});\n","import { withInstall } from \"@maketribe/utils\";\nimport \"./index.scss\"\nimport ConditionDate from \"./condition-date\";\n\nexport const MKConditionDate = withInstall(ConditionDate);\nexport default MKConditionDate;\n\nexport * from \"./condition-date-options\";\n"],"names":["buildProps","dataFilterConditionProps","defineComponent","name","props","conditionDateProps","emits","conditionDateEmits","setup","emit","type","computed","isBetween","valueFormat","_type","unref","includes","modelValue","get","set","v","ElDatePickerComponent","ElDatePicker","_createVNode","teleported","value","withInstall"],"mappings":";;;;;;AAKO,MAAM,qBAAqBA,MAAAA,WAAW;AAAA,EAC3C,GAAGC,aAAA;AAAA,EACH,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;AAIH,MAAM,qBAAqB;AAAA,EAChC,sBAAsB,CAAC,MAAc;AACvC;ACjBA,MAAeC,oDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,OAAOC,IAAAA,SAAS,MAAM;AAC1B,UAAIP,MAAMM,SAAS,YAAY;AAC7B,eAAON,MAAMQ,YAAY,kBAAkB;AAAA,MAC7C;AAEA,aAAOR,MAAMQ,YAAY,cAAcR,MAAMM;AAAAA,IAC/C,CAAC;AAED,UAAMG,cAAcF,IAAAA,SAAS,MAAM;AACjC,YAAMG,QAAQC,UAAML,IAAI;AAExB,aAAO,CAAC,YAAY,eAAe,EAAEM,SAASF,KAAK,IAC/C,wBACA;AAAA,IACN,CAAC;AAED,UAAMG,aAAaN,IAAAA,SAAS;AAAA,MAC1BO,KAAKA,MAAMd,MAAMa;AAAAA,MACjBE,KAAMC,OAAMX,KAAK,sBAAsBW,CAAC;AAAA,IAC1C,CAAC;AAED,WAAO,MAAM;AACX,UAAIC,wBAAwBC,YAAAA;AAC5B,aAAAC,IAAAA,YAAAF,uBAAA;AAAA,QAAA,cAEgBjB,MAAMoB;AAAAA,QAAU,SAAA;AAAA,QAAA,cAEhBT,IAAK,MAACE,UAAU;AAAA,QAAC,uBACPG,OAAYH,WAAWQ,QAAQL;AAAAA,QAAE,QACjDL,IAAK,MAACL,IAAI;AAAA,QAAC,eACJK,IAAK,MAACF,WAAW;AAAA,MAAC,GAAA,IAAA;AAAA;EAIvC;AACF,CAAC;AC5CY,MAAA,kBAAkBa,kBAAY,aAAa;;;;;"}

package/dist/cjs/index-ToBP5Jqj.cjs

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const index$1 = require("./index-DhE-x3xX.cjs");
+const utils = require("@maketribe/utils");
+const index = require("./index-DRK1u4vp.cjs");
+require("./index-Hn4CQWPI.cjs");
+require("vue-router");
+require("@maketribe/dm");
+require("@maketribe/request");
+require("@maketribe/locale");
+require("lodash-es");
+require("vue-cropper");
+require("@lexical/overflow");
+require("@lexical/text");
+require("@lexical/utils");
+require("lexical");
+require("@lexical/selection");
+require("@lexical/link");
+require("@lexical/rich-text");
+require("@element-plus/icons-vue");
+require("@lexical/history");
+require("@lexical/dragon");
+require("@lexical/plain-text");
+const dateTypes = ["date", "year", "month", "datetime"];
+const columnDateProps = utils.buildProps({
+  ...index.columnTextProps,
+  type: { default: "date", values: dateTypes }
+});
+const ColumnDate = /* @__PURE__ */ vue.defineComponent({
+  name: "MKColumnDate",
+  props: columnDateProps,
+  setup(props) {
+    const columnTextProps = vue.computed(() => {
+      const {
+        type: type2,
+        ...columnTextProps2
+      } = props;
+      return columnTextProps2;
+    });
+    const type = vue.computed(() => props.type);
+    const formatValue = (value) => {
+      const dayInstance = elementPlus.dayjs(value ?? null);
+      if (!dayInstance.isValid()) {
+        return;
+      }
+      switch (vue.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 vue.createVNode(index$1.MKColumnText, vue.mergeProps(vue.unref(columnTextProps), {
+        "formatValue": formatValue
+      }), null);
+    };
+  }
+});
+const MKColumnDate = ColumnDate;
+exports.MKColumnDate = MKColumnDate;
+exports.columnDateProps = columnDateProps;
+exports.dateTypes = dateTypes;
+exports.default = MKColumnDate;
+//# sourceMappingURL=index-ToBP5Jqj.cjs.map

package/dist/cjs/index-ToBP5Jqj.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-ToBP5Jqj.cjs","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":["buildProps","columnTextProps","defineComponent","name","props","columnDateProps","setup","computed","type","formatValue","value","dayInstance","dayjs","isValid","unref","format","_createVNode","MKColumnText","_mergeProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,YAAY,CAAC,QAAQ,QAAQ,SAAS,UAAU;AAEtD,MAAM,kBAAkBA,MAAAA,WAAW;AAAA,EACxC,GAAGC,MAAA;AAAA,EACH,MAAM,EAAE,SAAS,QAAQ,QAAQ,UAAU;AAC7C,CAAC;ACHD,MAAeC,iDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAMH,kBAAkBM,IAAAA,SAAS,MAAM;AACrC,YAAM;AAAA,QAAEC,MAAAA;AAAAA,QAAM,GAAGP;AAAAA,MAAiB,IAAGG;AACrC,aAAOH;AAAAA,IACT,CAAC;AAED,UAAMO,OAAOD,IAAQ,SAAC,MAAMH,MAAMI,IAAI;AAEtC,UAAMC,cAAeC,WAAkB;AACrC,YAAMC,cAAcC,YAAAA,MAAMF,SAAS,IAAI;AAEvC,UAAI,CAACC,YAAYE,WAAW;AAC1B;AAAA,MACF;AAEA,cAAQC,IAAAA,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,iBAAOX,MAAMK,YAAYC,KAAK;AAAA,MAClC;AAAA;AAGF,WAAO,MAAM;AACX,aAAAM,IAAA,YAAAC,QAAA,cAAAC,IAAA,WACoBJ,IAAK,MAACb,eAAe,GAAC;AAAA,QAAA,eAAeQ;AAAAA,MAAW,CAAA,GAAA,IAAA;AAAA;EAGxE;AACF,CAAC;AC1CM,MAAM,eAAe;;;;;"}

package/dist/cjs/index-ViOWRX9M.cjs

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils = require("@maketribe/utils");
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const index = require("./index-Hn4CQWPI.cjs");
+require("vue-router");
+require("@maketribe/dm");
+require("@maketribe/request");
+require("@maketribe/locale");
+require("lodash-es");
+require("vue-cropper");
+require("@lexical/overflow");
+require("@lexical/text");
+require("@lexical/utils");
+require("lexical");
+require("@lexical/selection");
+require("@lexical/link");
+require("@lexical/rich-text");
+require("@element-plus/icons-vue");
+require("@lexical/history");
+require("@lexical/dragon");
+require("@lexical/plain-text");
+const columnJsonProps = utils.buildProps({
+  ...index.columnProps,
+  buttonText: {
+    type: String,
+    default: "查看"
+  }
+});
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
+}
+const ColumnJson = /* @__PURE__ */ vue.defineComponent({
+  name: "MKColumnJson",
+  props: columnJsonProps,
+  setup(props) {
+    const {
+      value
+    } = index.useColumn(props);
+    const isShowDialog = vue.ref(false);
+    const buttonText = vue.computed(() => props.buttonText);
+    const handleClick = () => {
+      isShowDialog.value = true;
+    };
+    return () => {
+      let _slot;
+      return vue.createVNode(vue.Fragment, null, [vue.createVNode(elementPlus.ElButton, {
+        "onClick": handleClick
+      }, _isSlot(_slot = vue.unref(buttonText)) ? _slot : {
+        default: () => [_slot]
+      }), vue.createVNode(elementPlus.ElDialog, {
+        "class": "mk-column-json__dialog",
+        "appendToBody": true,
+        "modelValue": vue.unref(isShowDialog),
+        "onUpdate:modelValue": (v) => isShowDialog.value = v
+      }, {
+        default: () => [vue.createVNode(elementPlus.ElScrollbar, {
+          "height": "100%"
+        }, {
+          default: () => [vue.createVNode(index.MKJsonEditor, {
+            "disabled": true,
+            "modelValue": vue.unref(value)
+          }, null)]
+        })]
+      })]);
+    };
+  }
+});
+const MKColumnJson = utils.withInstall(ColumnJson);
+exports.MKColumnJson = MKColumnJson;
+exports.columnJsonProps = columnJsonProps;
+exports.default = MKColumnJson;
+//# sourceMappingURL=index-ViOWRX9M.cjs.map

package/dist/cjs/index-ViOWRX9M.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-ViOWRX9M.cjs","sources":["../../src/components/data-model/data-table/components/column-json/column-json-options.ts","../../src/components/data-model/data-table/components/column-json/column-json.tsx","../../src/components/data-model/data-table/components/column-json/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../composables\";\n\nexport const columnJsonProps = buildProps({\n  ...columnProps,\n  buttonText: {\n    type: String,\n    default: \"查看\",\n  },\n} as const);\n\nexport type ColumnJsonProps = ExtractPropTypes<typeof columnJsonProps>;\n","import { Fragment, computed, defineComponent, ref, unref } from \"vue\";\nimport { ElButton, ElDialog, ElScrollbar } from \"element-plus\";\nimport { useColumn } from \"../../composables\";\nimport { columnJsonProps } from \"./column-json-options\";\nimport { MKJsonEditor } from \"../../../../basic/JsonEditor\";\n\nexport default defineComponent({\n  name: \"MKColumnJson\",\n  props: columnJsonProps,\n  setup(props) {\n    const { value } = useColumn(props);\n\n    const isShowDialog = ref(false);\n\n    const buttonText = computed(() => props.buttonText);\n\n    const handleClick = () => {\n      isShowDialog.value = true;\n    };\n\n    return () => {\n      return (\n        <Fragment>\n          <ElButton onClick={handleClick}>{unref(buttonText)}</ElButton>\n\n          <ElDialog\n            class=\"mk-column-json__dialog\"\n            appendToBody\n            modelValue={unref(isShowDialog)}\n            onUpdate:modelValue={(v: boolean) => (isShowDialog.value = v)}\n          >\n            <ElScrollbar height=\"100%\">\n              <MKJsonEditor disabled modelValue={unref(value) as string} />\n            </ElScrollbar>\n          </ElDialog>\n        </Fragment>\n      );\n    };\n  },\n});\n","import { withInstall } from \"@maketribe/utils\";\nimport \"./index.scss\"\nimport ColumnJson from \"./column-json\";\n\nexport const MKColumnJson = withInstall(ColumnJson);\n\nexport default MKColumnJson;\n\nexport * from \"./column-json-options\";\n"],"names":["buildProps","columnProps","_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","columnJsonProps","setup","value","useColumn","isShowDialog","ref","buttonText","computed","handleClick","_slot","_createVNode","_Fragment","ElButton","unref","default","ElDialog","v","ElScrollbar","MKJsonEditor","withInstall"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,kBAAkBA,MAAAA,WAAW;AAAA,EACxC,GAAGC,MAAA;AAAA,EACH,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;ACNkD,SAAAC,QAAAC,GAAA;AAAA,SAAA,OAAAA,MAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAAK,qBAAAA,CAAAA,IAAA,QAAAL,CAAA;AAAA;AAE5D,MAAeM,iDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAM;AAAA,MAAEG;AAAAA,IAAM,IAAIC,MAAAA,UAAUJ,KAAK;AAEjC,UAAMK,eAAeC,QAAI,KAAK;AAE9B,UAAMC,aAAaC,IAAQ,SAAC,MAAMR,MAAMO,UAAU;AAElD,UAAME,cAAcA,MAAM;AACxBJ,mBAAaF,QAAQ;AAAA;AAGvB,WAAO,MAAM;AAAA,UAAAO;AACX,aAAAC,IAAA,YAAAC,IAAA,UAAAD,MAAAA,CAAAA,IAAAA,YAAAE,YAAAA,UAAA;AAAA,QAAA,WAEuBJ;AAAAA,SAAWlB,QAAAmB,QAAGI,IAAAA,MAAMP,UAAU,CAAC,IAAAG,QAAA;AAAA,QAAAK,SAAAA,MAAA,CAAAL,KAAA;AAAA,OAAAC,GAAAA,IAAA,YAAAK,sBAAA;AAAA,QAAA,SAAA;AAAA,QAAA,gBAAA;AAAA,QAAA,cAKpCF,IAAK,MAACT,YAAY;AAAA,QAAC,uBACTY,OAAgBZ,aAAaF,QAAQc;AAAAA,MAAE,GAAA;AAAA,QAAAF,SAAAA,MAAAJ,CAAAA,IAAA,YAAAO,yBAAA;AAAA,UAAA,UAAA;AAAA,QAAA,GAAA;AAAA,UAAAH,SAAAA,MAAAJ,CAAAA,IAAA,YAAAQ,oBAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAGxBL,IAAK,MAACX,KAAK;AAAA,UAAC,GAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA;AAAA,MAAA,CAAA,CAAA,CAAA;AAAA;EAM3D;AACF,CAAC;ACnCY,MAAA,eAAeiB,kBAAY,UAAU;;;;"}

package/dist/cjs/index-inbipuTY.cjs

@@ -0,0 +1,119 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const index$1 = require("./index-Hn4CQWPI.cjs");
+require("@maketribe/dm");
+require("vue-cropper");
+require("@lexical/overflow");
+require("@lexical/text");
+require("@lexical/utils");
+require("lexical");
+require("@lexical/selection");
+require("@lexical/link");
+require("@lexical/rich-text");
+require("@element-plus/icons-vue");
+require("@lexical/history");
+require("@lexical/dragon");
+require("@lexical/plain-text");
+require("lodash-es");
+require("@maketribe/utils");
+require("vue-router");
+require("@maketribe/request");
+require("@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__ */ vue.defineComponent({
+  __name: "index",
+  setup(__props) {
+    const icons = vue.ref([]);
+    const search = vue.ref("");
+    const filteredIcons = vue.computed(() => {
+      const _search = vue.unref(search).toLowerCase();
+      return vue.unref(icons).filter((icon) => icon.toLowerCase().includes(_search));
+    });
+    vue.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);
+      }
+      elementPlus.ElMessage.success("复制成功");
+    };
+    return (_ctx, _cache) => {
+      const _component_ElInput = vue.resolveComponent("ElInput");
+      const _component_ElScrollbar = vue.resolveComponent("ElScrollbar");
+      const _component_ElCard = vue.resolveComponent("ElCard");
+      return vue.openBlock(), vue.createBlock(vue.unref(index$1.MKPagePanel), {
+        class: "mk-icons-page",
+        title: "图标库"
+      }, {
+        tools: vue.withCtx(() => [
+          vue.createVNode(_component_ElInput, {
+            modelValue: search.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => search.value = $event),
+            placeholder: "搜索图标"
+          }, {
+            suffix: vue.withCtx(() => [
+              vue.createVNode(vue.unref(index$1.MKSvgIcon), { name: "ep:search" })
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_ElCard, null, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_ElScrollbar, { height: "100%" }, {
+                default: vue.withCtx(() => [
+                  vue.createElementVNode("ul", _hoisted_1, [
+                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(filteredIcons.value, (icon) => {
+                      return vue.openBlock(), vue.createElementBlock("li", _hoisted_2, [
+                        vue.createElementVNode("div", {
+                          class: "mk-icon-item",
+                          onClick: ($event) => handleClick(icon)
+                        }, [
+                          vue.createElementVNode("div", _hoisted_4, [
+                            vue.createVNode(vue.unref(index$1.MKSvgIcon), { name: icon }, null, 8, ["name"])
+                          ]),
+                          vue.createElementVNode("div", _hoisted_5, vue.toDisplayString(icon), 1)
+                        ], 8, _hoisted_3)
+                      ]);
+                    }), 256))
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+const index = /* @__PURE__ */ index$1._export_sfc(_sfc_main, [["__scopeId", "data-v-16f05fb3"]]);
+exports.default = index;
+//# sourceMappingURL=index-inbipuTY.cjs.map

package/dist/cjs/index-inbipuTY.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-inbipuTY.cjs","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":["ref","computed","unref","onMounted","ElMessage"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCM,UAAA,QAAuBA,QAAI,CAAA,CAAE;AAE7B,UAAA,SAASA,QAAI,EAAE;AAEf,UAAA,gBAAgBC,IAAAA,SAAS,MAAM;AACnC,YAAM,UAAUC,IAAA,MAAM,MAAM,EAAE,YAAY;AAEnC,aAAAA,UAAM,KAAK,EAAE,OAAO,CAAC,SAAS,KAAK,YAAY,EAAE,SAAS,OAAO,CAAC;AAAA,IAAA,CAC1E;AAEDC,QAAAA,UAAU,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;AAEAC,4BAAU,QAAQ,MAAM;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/index-nd54l6kt.cjs

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils = require("@maketribe/utils");
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const imageViewProps = utils.buildProps({
+  showPreview: {
+    type: Boolean,
+    default: true
+  },
+  src: {
+    type: String
+  },
+  viewTools: {
+    type: Boolean,
+    default: false
+  }
+});
+const ImageView = /* @__PURE__ */ vue.defineComponent({
+  name: "MKImageView",
+  inheritAttrs: false,
+  props: imageViewProps,
+  setup(props, {
+    slots
+  }) {
+    const showPreview = vue.computed(() => props.showPreview);
+    const src = vue.computed(() => props.src);
+    const previewSrcList = vue.computed(() => vue.unref(showPreview) && vue.unref(src) ? [vue.unref(src)] : []);
+    return () => vue.createVNode(elementPlus.ElImage, {
+      "class": "w-full h-full",
+      "src": vue.unref(src),
+      "fit": "cover",
+      "previewSrcList": props.viewTools ? vue.unref(previewSrcList) : void 0,
+      "preview-teleported": true,
+      "hide-on-click-modal": true
+    }, slots);
+  }
+});
+const MKImageView = utils.withInstall(ImageView);
+exports.MKImageView = MKImageView;
+exports.default = MKImageView;
+exports.imageViewProps = imageViewProps;
+//# sourceMappingURL=index-nd54l6kt.cjs.map

package/dist/cjs/index-nd54l6kt.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-nd54l6kt.cjs","sources":["../../src/components/business/MaterialList/components/ImageView/options.ts","../../src/components/business/MaterialList/components/ImageView/ImageView.tsx","../../src/components/business/MaterialList/components/ImageView/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const imageViewProps = buildProps({\n  showPreview: {\n    type: Boolean,\n    default: true,\n  },\n  src: {\n    type: String,\n  },\n  viewTools: {\n    type: Boolean,\n    default: false,\n  }\n} as const);\n\nexport type ImageViewProps = ExtractPropTypes<typeof imageViewProps>;\n","import { computed, defineComponent, unref } from \"vue\";\nimport { ElImage } from \"element-plus\";\nimport { imageViewProps } from \"./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=\"w-full h-full\"\n        src={unref(src)}\n        v-slots={slots}\n        fit=\"cover\"\n        previewSrcList={props.viewTools ? unref(previewSrcList) : undefined}\n        preview-teleported\n        hide-on-click-modal\n      />\n    );\n  },\n});\n","import { withInstall } from \"@maketribe/utils\";\nimport ImageView from \"./ImageView\";\n\nexport const MKImageView = withInstall(ImageView);\nexport default MKImageView;\n\nexport * from \"./options\";\n"],"names":["buildProps","defineComponent","name","inheritAttrs","props","imageViewProps","setup","slots","showPreview","computed","src","previewSrcList","unref","_createVNode","ElImage","viewTools","undefined","withInstall"],"mappings":";;;;;AAGO,MAAM,iBAAiBA,MAAAA,WAAW;AAAA,EACvC,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,KAAK;AAAA,IACH,MAAM;AAAA,EACR;AAAA,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;ACXV,MAAeC,gDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,cAAc;AAAA,EACdC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AAAA,IAAEG;AAAAA,EAAM,GAAG;AACtB,UAAMC,cAAcC,IAAQ,SAAC,MAAML,MAAMI,WAAW;AAEpD,UAAME,MAAMD,IAAQ,SAAC,MAAML,MAAMM,GAAG;AAEpC,UAAMC,iBAAiBF,IAAQ,SAAC,MAC9BG,IAAK,MAACJ,WAAW,KAAKI,IAAAA,MAAMF,GAAG,IAAI,CAACE,IAAK,MAACF,GAAG,CAAC,IAAK,CACrD,CAAA;AAEA,WAAO,MAAAG,IAAA,YAAAC,qBAAA;AAAA,MAAA,SAAA;AAAA,MAAA,OAGEF,IAAK,MAACF,GAAG;AAAA,MAAC,OAAA;AAAA,MAAA,kBAGCN,MAAMW,YAAYH,IAAAA,MAAMD,cAAc,IAAIK;AAAAA,MAAS,sBAAA;AAAA,MAAA,uBAAA;AAAA,IAAA,GAF1DT,KAAK;AAAA,EAOpB;AACF,CAAC;AC1BY,MAAA,cAAcU,kBAAY,SAAS;;;;"}