@maketribe/ms-app 3.2.6 → 3.2.8

package/dist/esm/components/basic/data-tree-select/data-tree-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-tree-select.js","sources":["../../../../../src/components/basic/data-tree-select/data-tree-select.tsx"],"sourcesContent":["import { computed, defineComponent, ref, Ref, unref, watch } from \"vue\";\nimport { MKAbstractSelect } from \"../../abstract\";\nimport {\n  dataTreeSelectEmits,\n  dataTreeSelectProps,\n} from \"./data-tree-select-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    watch(\n      computed(() => props.dataTree),\n      async (dataTree) => {\n        if (!dataTree) {\n          return;\n        }\n        await dataTree.init();\n        dataTree.dataFilter.setReady();\n        await dataTree.loadAll();\n      },\n      { immediate: true }\n    );\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                  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"],"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","disabled","checkStrictly"],"mappings":";;;;AAQA,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,QAGUJ;AAAAA,YAAO,YACHrC,MAAM0C;AAAAA,YAAQ,WACf5B,MAAMH,OAAO;AAAA,YAAC,cACX4B;AAAAA,YAAU,uBACDC;AAAAA,YAAa,YACxBxC,MAAMoC;AAAAA,YAAQ,iBACTpC,MAAM2C;AAAAA,UAAa,GACzBrC,KAAK;AAAA,QAGpB;AAAA,OACD;AAAA;EAIT;AACF,CAAC;"}
+{"version":3,"file":"data-tree-select.js","sources":["../../../../../src/components/basic/data-tree-select/data-tree-select.tsx"],"sourcesContent":["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"],"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":";;;;AAQA,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;"}

package/dist/esm/components/basic/data-tree-select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/basic/data-tree-select/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport DataTreeSelect from \"./data-tree-select\";\n\nexport const MKDataTreeSelect = withInstall(DataTreeSelect);\n\nexport default MKDataTreeSelect;\n\nexport * from \"./data-tree-select-options\";\n"],"names":[],"mappings":";;;AAGa,MAAA,mBAAmB,YAAY,cAAc;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/basic/data-tree-select/index.ts"],"sourcesContent":["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":[],"mappings":";;;AAGa,MAAA,mBAAmB,YAAY,cAAc;"}

package/dist/esm/components/basic/date-picker/date-picker-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker-options.js","sources":["../../../../../src/components/basic/date-picker/date-picker-options.ts"],"sourcesContent":["import { buildProps } from \"@maketribe/utils\";\nimport { ExtractPropTypes } from \"vue\";\n\nexport const datePickerTypes = [\"date\", \"year\", \"month\", \"datetime\"] as const;\n\nexport const datePickerProps = buildProps({\n  modelValue: {\n    type: String,\n    default: null,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  type: {\n    default: \"date\",\n    values: datePickerTypes,\n  },\n  valueFormat: {\n    type: String,\n  },\n});\n\nexport type DatePickerProps = ExtractPropTypes<typeof datePickerProps>;\n\nexport const datePickerEmits = {\n  \"update:model-value\": (value: string) => true,\n};\n\nexport type DatePickerEmits = ExtractPropTypes<typeof datePickerEmits>;\n"],"names":[],"mappings":";AAGO,MAAM,kBAAkB,CAAC,QAAQ,QAAQ,SAAS,UAAU;AAE5D,MAAM,kBAAkB,WAAW;AAAA,EACxC,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,aAAa;AAAA,IACX,MAAM;AAAA,EACR;AACF,CAAC;AAIM,MAAM,kBAAkB;AAAA,EAC7B,sBAAsB,CAAC,UAAkB;AAC3C;"}
+{"version":3,"file":"date-picker-options.js","sources":["../../../../../src/components/basic/date-picker/date-picker-options.ts"],"sourcesContent":["import { buildProps } from \"@maketribe/utils\";\r\nimport { ExtractPropTypes } from \"vue\";\r\n\r\nexport const datePickerTypes = [\"date\", \"year\", \"month\", \"datetime\"] as const;\r\n\r\nexport const datePickerProps = buildProps({\r\n  modelValue: {\r\n    type: String,\r\n    default: null,\r\n  },\r\n  disabled: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  type: {\r\n    default: \"date\",\r\n    values: datePickerTypes,\r\n  },\r\n  valueFormat: {\r\n    type: String,\r\n  },\r\n});\r\n\r\nexport type DatePickerProps = ExtractPropTypes<typeof datePickerProps>;\r\n\r\nexport const datePickerEmits = {\r\n  \"update:model-value\": (value: string) => true,\r\n};\r\n\r\nexport type DatePickerEmits = ExtractPropTypes<typeof datePickerEmits>;\r\n"],"names":[],"mappings":";AAGO,MAAM,kBAAkB,CAAC,QAAQ,QAAQ,SAAS,UAAU;AAE5D,MAAM,kBAAkB,WAAW;AAAA,EACxC,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,aAAa;AAAA,IACX,MAAM;AAAA,EACR;AACF,CAAC;AAIM,MAAM,kBAAkB;AAAA,EAC7B,sBAAsB,CAAC,UAAkB;AAC3C;"}

package/dist/esm/components/basic/date-picker/date-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.js","sources":["../../../../../src/components/basic/date-picker/date-picker.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\nimport { ElDatePicker } from \"element-plus\";\nimport {\n  datePickerTypes,\n  datePickerProps,\n  datePickerEmits,\n} from \"./date-picker-options\";\n\nexport default defineComponent({\n  name: \"MKFormDatePicker\",\n  props: datePickerProps,\n  emits: datePickerEmits,\n  setup(props, { emit }) {\n    const modelValue = computed({\n      get: () => props.modelValue,\n      set: (v) => {\n        emit(\"update:model-value\", v);\n      },\n    });\n\n    const disabled = computed(() => props.disabled);\n\n    const type = computed(() =>\n      datePickerTypes.includes(props.type) ? props.type : \"date\"\n    );\n\n    const valueFormat = computed(() => {\n      if (props.valueFormat) {\n        return props.valueFormat;\n      }\n\n      switch (unref(type)) {\n        case \"datetime\":\n          return \"YYYY-MM-DD HH:mm:ss\";\n        case \"month\":\n          return \"YYYY-MM\";\n        case \"year\":\n          return \"YYYY\";\n        default:\n          return \"YYYY-MM-DD\";\n      }\n    });\n\n    return () => {\n      return (\n        <ElDatePicker\n          class=\"mk-form-date-picker\"\n          type={unref(type)}\n          valueFormat={unref(valueFormat)}\n          disabled={unref(disabled)}\n          modelValue={unref(modelValue)}\n          onUpdate:modelValue={(v: any) => (modelValue.value = v)}\n        />\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","datePickerProps","emits","datePickerEmits","setup","emit","modelValue","computed","get","set","v","disabled","type","datePickerTypes","includes","valueFormat","unref","_createVNode","ElDatePicker","value"],"mappings":";;;AAQA,MAAeA,iDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,aAAaC,SAAS;AAAA,MAC1BC,KAAKA,MAAMR,MAAMM;AAAAA,MACjBG,KAAMC,OAAM;AACVL,aAAK,sBAAsBK,CAAC;AAAA,MAC9B;AAAA,IACF,CAAC;AAED,UAAMC,WAAWJ,SAAS,MAAMP,MAAMW,QAAQ;AAE9C,UAAMC,OAAOL,SAAS,MACpBM,gBAAgBC,SAASd,MAAMY,IAAI,IAAIZ,MAAMY,OAAO,MACtD;AAEA,UAAMG,cAAcR,SAAS,MAAM;AACjC,UAAIP,MAAMe,aAAa;AACrB,eAAOf,MAAMe;AAAAA,MACf;AAEA,cAAQC,MAAMJ,IAAI,GAAC;AAAA,QACjB,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT;AACE,iBAAO;AAAA,MACX;AAAA,IACF,CAAC;AAED,WAAO,MAAM;AACX,aAAAK,YAAAC,cAAA;AAAA,QAAA,SAAA;AAAA,QAAA,QAGUF,MAAMJ,IAAI;AAAA,QAAC,eACJI,MAAMD,WAAW;AAAA,QAAC,YACrBC,MAAML,QAAQ;AAAA,QAAC,cACbK,MAAMV,UAAU;AAAA,QAAC,uBACPI,OAAYJ,WAAWa,QAAQT;AAAAA,MAAE,GAAA,IAAA;AAAA;EAI/D;AACF,CAAC;"}
+{"version":3,"file":"date-picker.js","sources":["../../../../../src/components/basic/date-picker/date-picker.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\r\nimport { ElDatePicker } from \"element-plus\";\r\nimport {\r\n  datePickerTypes,\r\n  datePickerProps,\r\n  datePickerEmits,\r\n} from \"./date-picker-options\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKFormDatePicker\",\r\n  props: datePickerProps,\r\n  emits: datePickerEmits,\r\n  setup(props, { emit }) {\r\n    const modelValue = computed({\r\n      get: () => props.modelValue,\r\n      set: (v) => {\r\n        emit(\"update:model-value\", v);\r\n      },\r\n    });\r\n\r\n    const disabled = computed(() => props.disabled);\r\n\r\n    const type = computed(() =>\r\n      datePickerTypes.includes(props.type) ? props.type : \"date\"\r\n    );\r\n\r\n    const valueFormat = computed(() => {\r\n      if (props.valueFormat) {\r\n        return props.valueFormat;\r\n      }\r\n\r\n      switch (unref(type)) {\r\n        case \"datetime\":\r\n          return \"YYYY-MM-DD HH:mm:ss\";\r\n        case \"month\":\r\n          return \"YYYY-MM\";\r\n        case \"year\":\r\n          return \"YYYY\";\r\n        default:\r\n          return \"YYYY-MM-DD\";\r\n      }\r\n    });\r\n\r\n    return () => {\r\n      return (\r\n        <ElDatePicker\r\n          class=\"mk-form-date-picker\"\r\n          type={unref(type)}\r\n          valueFormat={unref(valueFormat)}\r\n          disabled={unref(disabled)}\r\n          modelValue={unref(modelValue)}\r\n          onUpdate:modelValue={(v: any) => (modelValue.value = v)}\r\n        />\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","datePickerProps","emits","datePickerEmits","setup","emit","modelValue","computed","get","set","v","disabled","type","datePickerTypes","includes","valueFormat","unref","_createVNode","ElDatePicker","value"],"mappings":";;;AAQA,MAAeA,iDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,aAAaC,SAAS;AAAA,MAC1BC,KAAKA,MAAMR,MAAMM;AAAAA,MACjBG,KAAMC,OAAM;AACVL,aAAK,sBAAsBK,CAAC;AAAA,MAC9B;AAAA,IACF,CAAC;AAED,UAAMC,WAAWJ,SAAS,MAAMP,MAAMW,QAAQ;AAE9C,UAAMC,OAAOL,SAAS,MACpBM,gBAAgBC,SAASd,MAAMY,IAAI,IAAIZ,MAAMY,OAAO,MACtD;AAEA,UAAMG,cAAcR,SAAS,MAAM;AACjC,UAAIP,MAAMe,aAAa;AACrB,eAAOf,MAAMe;AAAAA,MACf;AAEA,cAAQC,MAAMJ,IAAI,GAAC;AAAA,QACjB,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT;AACE,iBAAO;AAAA,MACX;AAAA,IACF,CAAC;AAED,WAAO,MAAM;AACX,aAAAK,YAAAC,cAAA;AAAA,QAAA,SAAA;AAAA,QAAA,QAGUF,MAAMJ,IAAI;AAAA,QAAC,eACJI,MAAMD,WAAW;AAAA,QAAC,YACrBC,MAAML,QAAQ;AAAA,QAAC,cACbK,MAAMV,UAAU;AAAA,QAAC,uBACPI,OAAYJ,WAAWa,QAAQT;AAAAA,MAAE,GAAA,IAAA;AAAA;EAI/D;AACF,CAAC;"}

package/dist/esm/components/basic/date-picker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/basic/date-picker/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport FormDatePicker from \"./date-picker\";\n\nexport const MKFormDatePicker = withInstall(FormDatePicker);\n\nexport default MKFormDatePicker;\n\nexport * from \"./date-picker-options\";\n"],"names":[],"mappings":";;;AAGa,MAAA,mBAAmB,YAAY,cAAc;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/basic/date-picker/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport FormDatePicker from \"./date-picker\";\r\n\r\nexport const MKFormDatePicker = withInstall(FormDatePicker);\r\n\r\nexport default MKFormDatePicker;\r\n\r\nexport * from \"./date-picker-options\";\r\n"],"names":[],"mappings":";;;AAGa,MAAA,mBAAmB,YAAY,cAAc;"}

package/dist/esm/components/basic/doc-editor/editor.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"editor.vue.js","sources":["../../../../../src/components/basic/doc-editor/editor.vue"],"sourcesContent":["<template>\n  <LexicalComposer :initial-config=\"config\" @init=\"lexicalInitHandler\">\n    <div class=\"mk-doc-editor\" :class=\"viewDevice\">\n      <ToolbarPlugin />\n      <div class=\"mk-doc-editor__stage_warp\">\n        <slot name=\"before-extentions\"></slot>\n        <div class=\"mk-doc-editor__stage_body\">\n          <slot name=\"header\"></slot>\n          <iframe title=\"iframe\" class=\"mk-doc-editor__stage_iframe\" ref=\"iframeContentRef\"></iframe>\n          <Teleport v-if=\"iframeBody\" :to=\"iframeBody\">\n            <LexicalRichTextPlugin :content=\"props.content\" @change=\"contentChangeHandle\">\n              <template #contentEditable>\n                <LexicalContentEditable />\n              </template>\n              <template #placeholder>\n                <div class=\"mk-doc-editor__stage__placeholder mk-doc__paragraph\">\n                  {{props.placeholder}}\n                </div>\n              </template>\n            </LexicalRichTextPlugin>\n          </Teleport>\n          <slot name=\"footer\"></slot>\n          <DocPlugin />\n        </div>\n        <slot name=\"after-extentions\"></slot>\n      </div>\n      \n    </div>\n    <LexicalHistoryPlugin />\n  </LexicalComposer>\n</template>\n\n<script setup lang=\"ts\">\nimport { defineOptions,defineProps,defineEmits,computed,ref,onMounted,watch,onUnmounted } from \"vue\"\nimport type {  LexicalEditor ,CommandListenerPriority} from 'lexical'\nimport { LexicalComposer,LexicalContentEditable, LexicalHistoryPlugin,LexicalRichTextPlugin } from './lexical-vue'\nimport ToolbarPlugin from \"./plugins/ToolbarPlugin/index.vue\"\nimport { DEVICE_VIEW_MODE } from \"./plugins/commands\"\nimport DocPlugin from \"./plugins/index.vue\"\n\nimport DocTheme from \"./themes/DocTheme\";\nimport DocNodes from \"./plugins/nodes\"\nimport DocEditorCss from \"./themes/doc-editor.css?raw\";\nimport DocThemeCss from \"./themes/doc-theme.css?raw\";\n\n// 定义组件\ndefineOptions({ name: \"MKDocEditor\" })\n\nconst lowPriority: CommandListenerPriority = 1\n\n// 事件\nconst emit = defineEmits(['change']);\n\n// 参数\nconst props = defineProps({\n  placeholder:{type:String,default:\"这里输入正文...\"},\n  content:{ type:String,default:`` }\n})\n\n// pc | mobile\nconst viewDevice = ref('pc')\n\n// 配置\nconst config = {\n  namespace: 'MyEditor',\n  theme: DocTheme,\n  nodes: [\n    ...DocNodes,\n  ],\n  onError(error:Error) {\n    // Catch any errors that occur during Lexical updates and log them\n    // or throw them as needed. If you don't throw them, Lexical will\n    // try to recover gracefully without losing user data.\n    console.error(error)\n  },\n}\n\n// iframe 编辑器\nconst iframeContentRef = ref(null as any);\nconst iframeBody = computed(()=>iframeContentRef.value?.contentWindow?.document?.body)\n\n//内容改变时\nconst updateStage = ()=>{\n  setTimeout(() => {\n    if(iframeBody.value?.scrollHeight > iframeBody.value?.offsetHeight){\n      iframeContentRef.value.style.height = (iframeBody.value?.scrollHeight + 10)+\"px\";\n    }\n  }, 10);\n}\nconst contentChangeHandle = (content:any)=>{\n  emit('change',content);\n  updateStage();\n}\n\n// 初始化\nconst lexicalInitHandler = (editor:LexicalEditor)=>{\n  editor.registerCommand(DEVICE_VIEW_MODE,(payload: string) => {\n    viewDevice.value = payload;\n    return false\n  },lowPriority)\n}\n\nonMounted(()=>{\n\n  const doc = iframeContentRef.value?.contentWindow?.document;\n  // 编辑器外观\n  const editorStyle = document.createElement(\"style\");\n  editorStyle.innerHTML = DocEditorCss;\n  doc.head.append(editorStyle);\n\n  // 皮肤样式\n  const docThemeStyle = document.createElement(\"style\");\n  docThemeStyle.innerHTML = DocThemeCss;\n  doc.head.append(docThemeStyle);\n\n\n  watch(viewDevice,(payload: string) => {\n    doc.body.style.fontSize = payload == \"pc\" ? \"14px\" : \"18px\";\n    updateStage();\n    return false\n  },{ immediate :true})\n});\n\n</script>\n"],"names":["DocNodes"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDA,MAAM,cAAuC;;;;;;;;;;AAG7C,UAAM,OAAO;AAGb,UAAM,QAAQ;AAMR,UAAA,aAAa,IAAI,IAAI;AAG3B,UAAM,SAAS;AAAA,MACb,WAAW;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,GAAGA;AAAAA,MACL;AAAA,MACA,QAAQ,OAAa;AAInB,gBAAQ,MAAM,KAAK;AAAA,MACrB;AAAA,IAAA;AAII,UAAA,mBAAmB,IAAI,IAAW;AACxC,UAAM,aAAa,SAAS;;AAAI,gDAAiB,UAAjB,mBAAwB,kBAAxB,mBAAuC,aAAvC,mBAAiD;AAAA,KAAI;AAGrF,UAAM,cAAc,MAAI;AACtB,iBAAW,MAAM;;AACf,cAAG,gBAAW,UAAX,mBAAkB,kBAAe,gBAAW,UAAX,mBAAkB,eAAa;AACjE,2BAAiB,MAAM,MAAM,WAAU,gBAAW,UAAX,mBAAkB,gBAAe,KAAI;AAAA,QAC9E;AAAA,SACC,EAAE;AAAA,IAAA;AAED,UAAA,sBAAsB,CAAC,YAAc;AACzC,WAAK,UAAS,OAAO;AACT;IAAA;AAIR,UAAA,qBAAqB,CAAC,WAAuB;AAC1C,aAAA,gBAAgB,kBAAiB,CAAC,YAAoB;AAC3D,mBAAW,QAAQ;AACZ,eAAA;AAAA,SACP,WAAW;AAAA,IAAA;AAGf,cAAU,MAAI;;AAEN,YAAA,OAAM,4BAAiB,UAAjB,mBAAwB,kBAAxB,mBAAuC;AAE7C,YAAA,cAAc,SAAS,cAAc,OAAO;AAClD,kBAAY,YAAY;AACpB,UAAA,KAAK,OAAO,WAAW;AAGrB,YAAA,gBAAgB,SAAS,cAAc,OAAO;AACpD,oBAAc,YAAY;AACtB,UAAA,KAAK,OAAO,aAAa;AAGvB,YAAA,YAAW,CAAC,YAAoB;AACpC,YAAI,KAAK,MAAM,WAAW,WAAW,OAAO,SAAS;AACzC;AACL,eAAA;AAAA,MAAA,GACP,EAAE,WAAW,KAAA,CAAK;AAAA,IAAA,CACrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"editor.vue.js","sources":["../../../../../src/components/basic/doc-editor/editor.vue"],"sourcesContent":["<template>\r\n  <LexicalComposer :initial-config=\"config\" @init=\"lexicalInitHandler\">\r\n    <div class=\"mk-doc-editor\" :class=\"viewDevice\">\r\n      <ToolbarPlugin />\r\n      <div class=\"mk-doc-editor__stage_warp\">\r\n        <slot name=\"before-extentions\"></slot>\r\n        <div class=\"mk-doc-editor__stage_body\">\r\n          <slot name=\"header\"></slot>\r\n          <iframe title=\"iframe\" class=\"mk-doc-editor__stage_iframe\" ref=\"iframeContentRef\"></iframe>\r\n          <Teleport v-if=\"iframeBody\" :to=\"iframeBody\">\r\n            <LexicalRichTextPlugin :content=\"props.content\" @change=\"contentChangeHandle\">\r\n              <template #contentEditable>\r\n                <LexicalContentEditable />\r\n              </template>\r\n              <template #placeholder>\r\n                <div class=\"mk-doc-editor__stage__placeholder mk-doc__paragraph\">\r\n                  {{props.placeholder}}\r\n                </div>\r\n              </template>\r\n            </LexicalRichTextPlugin>\r\n          </Teleport>\r\n          <slot name=\"footer\"></slot>\r\n          <DocPlugin />\r\n        </div>\r\n        <slot name=\"after-extentions\"></slot>\r\n      </div>\r\n      \r\n    </div>\r\n    <LexicalHistoryPlugin />\r\n  </LexicalComposer>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { defineOptions,defineProps,defineEmits,computed,ref,onMounted,watch,onUnmounted } from \"vue\"\r\nimport type {  LexicalEditor ,CommandListenerPriority} from 'lexical'\r\nimport { LexicalComposer,LexicalContentEditable, LexicalHistoryPlugin,LexicalRichTextPlugin } from './lexical-vue'\r\nimport ToolbarPlugin from \"./plugins/ToolbarPlugin/index.vue\"\r\nimport { DEVICE_VIEW_MODE } from \"./plugins/commands\"\r\nimport DocPlugin from \"./plugins/index.vue\"\r\n\r\nimport DocTheme from \"./themes/DocTheme\";\r\nimport DocNodes from \"./plugins/nodes\"\r\nimport DocEditorCss from \"./themes/doc-editor.css?raw\";\r\nimport DocThemeCss from \"./themes/doc-theme.css?raw\";\r\n\r\n// 定义组件\r\ndefineOptions({ name: \"MKDocEditor\" })\r\n\r\nconst lowPriority: CommandListenerPriority = 1\r\n\r\n// 事件\r\nconst emit = defineEmits(['change']);\r\n\r\n// 参数\r\nconst props = defineProps({\r\n  placeholder:{type:String,default:\"这里输入正文...\"},\r\n  content:{ type:String,default:`` }\r\n})\r\n\r\n// pc | mobile\r\nconst viewDevice = ref('pc')\r\n\r\n// 配置\r\nconst config = {\r\n  namespace: 'MyEditor',\r\n  theme: DocTheme,\r\n  nodes: [\r\n    ...DocNodes,\r\n  ],\r\n  onError(error:Error) {\r\n    // Catch any errors that occur during Lexical updates and log them\r\n    // or throw them as needed. If you don't throw them, Lexical will\r\n    // try to recover gracefully without losing user data.\r\n    console.error(error)\r\n  },\r\n}\r\n\r\n// iframe 编辑器\r\nconst iframeContentRef = ref(null as any);\r\nconst iframeBody = computed(()=>iframeContentRef.value?.contentWindow?.document?.body)\r\n\r\n//内容改变时\r\nconst updateStage = ()=>{\r\n  setTimeout(() => {\r\n    if(iframeBody.value?.scrollHeight > iframeBody.value?.offsetHeight){\r\n      iframeContentRef.value.style.height = (iframeBody.value?.scrollHeight + 10)+\"px\";\r\n    }\r\n  }, 10);\r\n}\r\nconst contentChangeHandle = (content:any)=>{\r\n  emit('change',content);\r\n  updateStage();\r\n}\r\n\r\n// 初始化\r\nconst lexicalInitHandler = (editor:LexicalEditor)=>{\r\n  editor.registerCommand(DEVICE_VIEW_MODE,(payload: string) => {\r\n    viewDevice.value = payload;\r\n    return false\r\n  },lowPriority)\r\n}\r\n\r\nonMounted(()=>{\r\n\r\n  const doc = iframeContentRef.value?.contentWindow?.document;\r\n  // 编辑器外观\r\n  const editorStyle = document.createElement(\"style\");\r\n  editorStyle.innerHTML = DocEditorCss;\r\n  doc.head.append(editorStyle);\r\n\r\n  // 皮肤样式\r\n  const docThemeStyle = document.createElement(\"style\");\r\n  docThemeStyle.innerHTML = DocThemeCss;\r\n  doc.head.append(docThemeStyle);\r\n\r\n\r\n  watch(viewDevice,(payload: string) => {\r\n    doc.body.style.fontSize = payload == \"pc\" ? \"14px\" : \"18px\";\r\n    updateStage();\r\n    return false\r\n  },{ immediate :true})\r\n});\r\n\r\n</script>\r\n"],"names":["DocNodes"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDA,MAAM,cAAuC;;;;;;;;;;AAG7C,UAAM,OAAO;AAGb,UAAM,QAAQ;AAMR,UAAA,aAAa,IAAI,IAAI;AAG3B,UAAM,SAAS;AAAA,MACb,WAAW;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,GAAGA;AAAAA,MACL;AAAA,MACA,QAAQ,OAAa;AAInB,gBAAQ,MAAM,KAAK;AAAA,MACrB;AAAA,IAAA;AAII,UAAA,mBAAmB,IAAI,IAAW;AACxC,UAAM,aAAa,SAAS;;AAAI,gDAAiB,UAAjB,mBAAwB,kBAAxB,mBAAuC,aAAvC,mBAAiD;AAAA,KAAI;AAGrF,UAAM,cAAc,MAAI;AACtB,iBAAW,MAAM;;AACf,cAAG,gBAAW,UAAX,mBAAkB,kBAAe,gBAAW,UAAX,mBAAkB,eAAa;AACjE,2BAAiB,MAAM,MAAM,WAAU,gBAAW,UAAX,mBAAkB,gBAAe,KAAI;AAAA,QAC9E;AAAA,SACC,EAAE;AAAA,IAAA;AAED,UAAA,sBAAsB,CAAC,YAAc;AACzC,WAAK,UAAS,OAAO;AACT;IAAA;AAIR,UAAA,qBAAqB,CAAC,WAAuB;AAC1C,aAAA,gBAAgB,kBAAiB,CAAC,YAAoB;AAC3D,mBAAW,QAAQ;AACZ,eAAA;AAAA,SACP,WAAW;AAAA,IAAA;AAGf,cAAU,MAAI;;AAEN,YAAA,OAAM,4BAAiB,UAAjB,mBAAwB,kBAAxB,mBAAuC;AAE7C,YAAA,cAAc,SAAS,cAAc,OAAO;AAClD,kBAAY,YAAY;AACpB,UAAA,KAAK,OAAO,WAAW;AAGrB,YAAA,gBAAgB,SAAS,cAAc,OAAO;AACpD,oBAAc,YAAY;AACtB,UAAA,KAAK,OAAO,aAAa;AAGvB,YAAA,YAAW,CAAC,YAAoB;AACpC,YAAI,KAAK,MAAM,WAAW,WAAW,OAAO,SAAS;AACzC;AACL,eAAA;AAAA,MAAA,GACP,EAAE,WAAW,KAAA,CAAK;AAAA,IAAA,CACrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/basic/doc-editor/plugins/HtmlBlockPlugin/DocHtmlBlockComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocHtmlBlockComponent.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/HtmlBlockPlugin/DocHtmlBlockComponent.tsx"],"sourcesContent":["import type { ElementFormatType } from \"lexical\";\nimport {\n  $getSelection,\n  $isNodeSelection,\n  CLICK_COMMAND,\n  COMMAND_PRIORITY_LOW,\n} from \"lexical\";\nimport { mergeRegister } from \"@lexical/utils\";\nimport {\n  useLexicalComposer,\n  useLexicalNodeSelection,\n  useMounted,\n  DecoratorBlockNode,\n  LexicalBlockWithAlignableContents,\n} from \"../../lexical-vue\";\nimport { defineComponent, ref, reactive, computed, watch } from \"vue\";\nimport { Messager } from \"@maketribe/dm\";\n\n/**\n * 图片渲染组件\n */\nexport default defineComponent({\n  name: \"DocHtmlBlockComponent\",\n  props: [\"baseClass\", \"focusClass\", \"nodeKey\", \"attrs\"],\n  setup(props) {\n    const editor = useLexicalComposer();\n    const { isSelected, setSelected, clearSelection } = useLexicalNodeSelection(\n      props.nodeKey\n    );\n    const selfElRef = ref<any>(null);\n\n    // 编辑器挂载的时候\n    useMounted(() => {\n      return mergeRegister(\n        // 选中图\n        editor.registerCommand<MouseEvent>(\n          CLICK_COMMAND,\n          (event) => {\n            console.log(event.target);\n            if (event.target === selfElRef.value) {\n              event.preventDefault();\n\n              if (!event.shiftKey) {\n                clearSelection();\n              }\n\n              setSelected(true);\n\n              return true;\n            }\n\n            return false;\n          },\n          COMMAND_PRIORITY_LOW\n        )\n      );\n    });\n\n    return () => {\n      return (\n        <LexicalBlockWithAlignableContents nodeKey=\"props.nodeKey\">\n          <iframe\n            ref={(el) => (selfElRef.value = el)}\n            srcdoc={`\n          <html>\n            <head>\n              <style type=\"text/css\">\n                ${props.attrs.css}\n              </style>\n               <script>\n                ${props.attrs.js}\n              </script>\n            </head>\n            <body>${props.attrs.content}</body>\n          </html>\n          `}\n            style={{ width: \"100%\", padding: 0, margin: 0 }}\n            {...{ frameborder: 0, allowFullScreen: true }}\n            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n          ></iframe>\n        </LexicalBlockWithAlignableContents>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","setup","editor","useLexicalComposer","isSelected","setSelected","clearSelection","useLexicalNodeSelection","nodeKey","selfElRef","ref","useMounted","mergeRegister","registerCommand","CLICK_COMMAND","event","console","log","target","value","preventDefault","shiftKey","COMMAND_PRIORITY_LOW","_createVNode","LexicalBlockWithAlignableContents","default","_mergeProps","el","attrs","css","js","content","width","padding","margin","frameborder","allowFullScreen"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAeA,wDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAO,CAAC,aAAa,cAAc,WAAW,OAAO;AAAA,EACrDC,MAAMD,OAAO;AACX,UAAME,SAASC;AACf,UAAM;AAAA,MAAEC;AAAAA,MAAYC;AAAAA,MAAaC;AAAAA,IAAe,IAAIC,wBAClDP,MAAMQ,OACR;AACA,UAAMC,YAAYC,IAAS,IAAI;AAG/BC,eAAW,MAAM;AACf,aAAOC;AAAAA;AAAAA,QAELV,OAAOW,gBACLC,eACCC,WAAU;AACTC,kBAAQC,IAAIF,MAAMG,MAAM;AACxB,cAAIH,MAAMG,WAAWT,UAAUU,OAAO;AACpCJ,kBAAMK,eAAc;AAEpB,gBAAI,CAACL,MAAMM,UAAU;AACnBf;YACF;AAEAD,wBAAY,IAAI;AAEhB,mBAAO;AAAA,UACT;AAEA,iBAAO;AAAA,WAETiB,oBACF;AAAA,MACF;AAAA,IACF,CAAC;AAED,WAAO,MAAM;AACX,aAAAC,YAAAC,WAAA;AAAA,QAAA,WAAA;AAAA,MAAA,GAAA;AAAA,QAAAC,SAAAA,MAAAF,CAAAA,sBAAAG,WAAA;AAAA,UAAA,OAGYC,QAAQlB,UAAUU,QAAQQ;AAAAA,UAAG,UAC3B;AAAA;AAAA;AAAA;AAAA,kBAIF3B,MAAM4B,MAAMC,GAAG;AAAA;AAAA;AAAA,kBAGf7B,MAAM4B,MAAME,EAAE;AAAA;AAAA;AAAA,oBAGZ9B,MAAM4B,MAAMG,OAAO;AAAA;AAAA;AAAA,UAE5B,SACQ;AAAA,YAAEC,OAAO;AAAA,YAAQC,SAAS;AAAA,YAAGC,QAAQ;AAAA,UAAE;AAAA,QAAC,GAAA;AAAA,UACzCC,aAAa;AAAA,UAAGC,iBAAiB;AAAA,QAAI,GAAA;AAAA,UAAA,SAAA;AAAA,QAAA,CAAA,GAAA,IAAA,CAAA;AAAA,MAAA,CAAA;AAAA;EAMrD;AACF,CAAC;"}
+{"version":3,"file":"DocHtmlBlockComponent.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/HtmlBlockPlugin/DocHtmlBlockComponent.tsx"],"sourcesContent":["import type { ElementFormatType } from \"lexical\";\r\nimport {\r\n  $getSelection,\r\n  $isNodeSelection,\r\n  CLICK_COMMAND,\r\n  COMMAND_PRIORITY_LOW,\r\n} from \"lexical\";\r\nimport { mergeRegister } from \"@lexical/utils\";\r\nimport {\r\n  useLexicalComposer,\r\n  useLexicalNodeSelection,\r\n  useMounted,\r\n  DecoratorBlockNode,\r\n  LexicalBlockWithAlignableContents,\r\n} from \"../../lexical-vue\";\r\nimport { defineComponent, ref, reactive, computed, watch } from \"vue\";\r\nimport { Messager } from \"@maketribe/dm\";\r\n\r\n/**\r\n * 图片渲染组件\r\n */\r\nexport default defineComponent({\r\n  name: \"DocHtmlBlockComponent\",\r\n  props: [\"baseClass\", \"focusClass\", \"nodeKey\", \"attrs\"],\r\n  setup(props) {\r\n    const editor = useLexicalComposer();\r\n    const { isSelected, setSelected, clearSelection } = useLexicalNodeSelection(\r\n      props.nodeKey\r\n    );\r\n    const selfElRef = ref<any>(null);\r\n\r\n    // 编辑器挂载的时候\r\n    useMounted(() => {\r\n      return mergeRegister(\r\n        // 选中图\r\n        editor.registerCommand<MouseEvent>(\r\n          CLICK_COMMAND,\r\n          (event) => {\r\n            console.log(event.target);\r\n            if (event.target === selfElRef.value) {\r\n              event.preventDefault();\r\n\r\n              if (!event.shiftKey) {\r\n                clearSelection();\r\n              }\r\n\r\n              setSelected(true);\r\n\r\n              return true;\r\n            }\r\n\r\n            return false;\r\n          },\r\n          COMMAND_PRIORITY_LOW\r\n        )\r\n      );\r\n    });\r\n\r\n    return () => {\r\n      return (\r\n        <LexicalBlockWithAlignableContents nodeKey=\"props.nodeKey\">\r\n          <iframe\r\n            ref={(el) => (selfElRef.value = el)}\r\n            srcdoc={`\r\n          <html>\r\n            <head>\r\n              <style type=\"text/css\">\r\n                ${props.attrs.css}\r\n              </style>\r\n               <script>\r\n                ${props.attrs.js}\r\n              </script>\r\n            </head>\r\n            <body>${props.attrs.content}</body>\r\n          </html>\r\n          `}\r\n            style={{ width: \"100%\", padding: 0, margin: 0 }}\r\n            {...{ frameborder: 0, allowFullScreen: true }}\r\n            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\r\n          ></iframe>\r\n        </LexicalBlockWithAlignableContents>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","setup","editor","useLexicalComposer","isSelected","setSelected","clearSelection","useLexicalNodeSelection","nodeKey","selfElRef","ref","useMounted","mergeRegister","registerCommand","CLICK_COMMAND","event","console","log","target","value","preventDefault","shiftKey","COMMAND_PRIORITY_LOW","_createVNode","LexicalBlockWithAlignableContents","default","_mergeProps","el","attrs","css","js","content","width","padding","margin","frameborder","allowFullScreen"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAeA,wDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAO,CAAC,aAAa,cAAc,WAAW,OAAO;AAAA,EACrDC,MAAMD,OAAO;AACX,UAAME,SAASC;AACf,UAAM;AAAA,MAAEC;AAAAA,MAAYC;AAAAA,MAAaC;AAAAA,IAAe,IAAIC,wBAClDP,MAAMQ,OACR;AACA,UAAMC,YAAYC,IAAS,IAAI;AAG/BC,eAAW,MAAM;AACf,aAAOC;AAAAA;AAAAA,QAELV,OAAOW,gBACLC,eACCC,WAAU;AACTC,kBAAQC,IAAIF,MAAMG,MAAM;AACxB,cAAIH,MAAMG,WAAWT,UAAUU,OAAO;AACpCJ,kBAAMK,eAAc;AAEpB,gBAAI,CAACL,MAAMM,UAAU;AACnBf;YACF;AAEAD,wBAAY,IAAI;AAEhB,mBAAO;AAAA,UACT;AAEA,iBAAO;AAAA,WAETiB,oBACF;AAAA,MACF;AAAA,IACF,CAAC;AAED,WAAO,MAAM;AACX,aAAAC,YAAAC,WAAA;AAAA,QAAA,WAAA;AAAA,MAAA,GAAA;AAAA,QAAAC,SAAAA,MAAAF,CAAAA,sBAAAG,WAAA;AAAA,UAAA,OAGYC,QAAQlB,UAAUU,QAAQQ;AAAAA,UAAG,UAC3B;AAAA;AAAA;AAAA;AAAA,kBAIF3B,MAAM4B,MAAMC,GAAG;AAAA;AAAA;AAAA,kBAGf7B,MAAM4B,MAAME,EAAE;AAAA;AAAA;AAAA,oBAGZ9B,MAAM4B,MAAMG,OAAO;AAAA;AAAA;AAAA,UAE5B,SACQ;AAAA,YAAEC,OAAO;AAAA,YAAQC,SAAS;AAAA,YAAGC,QAAQ;AAAA,UAAE;AAAA,QAAC,GAAA;AAAA,UACzCC,aAAa;AAAA,UAAGC,iBAAiB;AAAA,QAAI,GAAA;AAAA,UAAA,SAAA;AAAA,QAAA,CAAA,GAAA,IAAA,CAAA;AAAA,MAAA,CAAA;AAAA;EAMrD;AACF,CAAC;"}

package/dist/esm/components/basic/doc-editor/plugins/HtmlBlockPlugin/index.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/HtmlBlockPlugin/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useLexicalComposer } from '../../lexical-vue'\nimport { $insertNodeToNearestRoot,mergeRegister } from '@lexical/utils'\nimport { COMMAND_PRIORITY_EDITOR,COMMAND_PRIORITY_LOW,$getSelection,CLICK_COMMAND } from 'lexical'\n\nimport { onMounted, onUnmounted } from 'vue'\nimport { INSERT_HTML_BLOCK_COMMAND,HtmlBlockNode,$createHtmlBlockNode,HtmlBlockAttrs } from './index'\nimport { RegisterToolbarExtend,type ToolbarExtendPlugin } from \"../ToolbarPlugin/defines\"\n\n\nconst editor = useLexicalComposer()\n\nonMounted(() => {\n\n  if (!editor.hasNodes([HtmlBlockNode])){\n    throw new Error('HtmlBlockPlugin: 自定义HTML代码块节点未注册！')\n  }\n \n  // 注册到工具条\n  // RegisterToolbarExtend({\n  //   icon:\"html-code\",\n  //   text:\"自定义代码块\",\n  //   action:async ()=>{\n  //     editor.dispatchCommand(INSERT_HTML_BLOCK_COMMAND,{\n  //       content:`<div class=\"aa\">我是自定义代码块</div>`,\n  //       css:\"div.aa{ width:100%;height:300px }\"\n  //     })\n  //   },\n  //   sort:9\n  // } as ToolbarExtendPlugin)\n\n  // 注册指令\n  const unregister = mergeRegister(\n\n    // 插入\n    editor.registerCommand<HtmlBlockAttrs>(INSERT_HTML_BLOCK_COMMAND,(payload) => {\n      $insertNodeToNearestRoot($createHtmlBlockNode(payload))\n      return true\n    },COMMAND_PRIORITY_EDITOR),\n  );\n\n  onUnmounted(() => unregister())\n})\n</script>\n\n<template />\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,UAAM,SAAS;AAEf,cAAU,MAAM;AAEd,UAAI,CAAC,OAAO,SAAS,CAAC,aAAa,CAAC,GAAE;AAC9B,cAAA,IAAI,MAAM,mCAAmC;AAAA,MACrD;AAgBA,YAAM,aAAa;AAAA;AAAA,QAGjB,OAAO,gBAAgC,2BAA0B,CAAC,YAAY;AACnD,mCAAA,qBAAqB,OAAO,CAAC;AAC/C,iBAAA;AAAA,WACP,uBAAuB;AAAA,MAAA;AAGf,kBAAA,MAAM,YAAY;AAAA,IAAA,CAC/B;;;;;;"}
+{"version":3,"file":"index.vue.js","sources":["../../../../../../../src/components/basic/doc-editor/plugins/HtmlBlockPlugin/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { useLexicalComposer } from '../../lexical-vue'\r\nimport { $insertNodeToNearestRoot,mergeRegister } from '@lexical/utils'\r\nimport { COMMAND_PRIORITY_EDITOR,COMMAND_PRIORITY_LOW,$getSelection,CLICK_COMMAND } from 'lexical'\r\n\r\nimport { onMounted, onUnmounted } from 'vue'\r\nimport { INSERT_HTML_BLOCK_COMMAND,HtmlBlockNode,$createHtmlBlockNode,HtmlBlockAttrs } from './index'\r\nimport { RegisterToolbarExtend,type ToolbarExtendPlugin } from \"../ToolbarPlugin/defines\"\r\n\r\n\r\nconst editor = useLexicalComposer()\r\n\r\nonMounted(() => {\r\n\r\n  if (!editor.hasNodes([HtmlBlockNode])){\r\n    throw new Error('HtmlBlockPlugin: 自定义HTML代码块节点未注册！')\r\n  }\r\n \r\n  // 注册到工具条\r\n  // RegisterToolbarExtend({\r\n  //   icon:\"html-code\",\r\n  //   text:\"自定义代码块\",\r\n  //   action:async ()=>{\r\n  //     editor.dispatchCommand(INSERT_HTML_BLOCK_COMMAND,{\r\n  //       content:`<div class=\"aa\">我是自定义代码块</div>`,\r\n  //       css:\"div.aa{ width:100%;height:300px }\"\r\n  //     })\r\n  //   },\r\n  //   sort:9\r\n  // } as ToolbarExtendPlugin)\r\n\r\n  // 注册指令\r\n  const unregister = mergeRegister(\r\n\r\n    // 插入\r\n    editor.registerCommand<HtmlBlockAttrs>(INSERT_HTML_BLOCK_COMMAND,(payload) => {\r\n      $insertNodeToNearestRoot($createHtmlBlockNode(payload))\r\n      return true\r\n    },COMMAND_PRIORITY_EDITOR),\r\n  );\r\n\r\n  onUnmounted(() => unregister())\r\n})\r\n</script>\r\n\r\n<template />\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,UAAM,SAAS;AAEf,cAAU,MAAM;AAEd,UAAI,CAAC,OAAO,SAAS,CAAC,aAAa,CAAC,GAAE;AAC9B,cAAA,IAAI,MAAM,mCAAmC;AAAA,MACrD;AAgBA,YAAM,aAAa;AAAA;AAAA,QAGjB,OAAO,gBAAgC,2BAA0B,CAAC,YAAY;AACnD,mCAAA,qBAAqB,OAAO,CAAC;AAC/C,iBAAA;AAAA,WACP,uBAAuB;AAAA,MAAA;AAGf,kBAAA,MAAM,YAAY;AAAA,IAAA,CAC/B;;;;;;"}

package/dist/esm/components/basic/icon-select/icon-select-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-select-options.js","sources":["../../../../../src/components/basic/icon-select/icon-select-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const iconSelectProps = buildProps({\n  modelValue: {\n    type: String,\n    default: null,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n});\n\nexport type IconSelectProps = ExtractPropTypes<typeof iconSelectProps>;\n\nexport const iconSelectEmits = {\n  \"update:model-value\": (value: string) => true,\n};\n\nexport type IconSelectEmits = ExtractPropTypes<typeof iconSelectEmits>;\n"],"names":[],"mappings":";AAGO,MAAM,kBAAkB,WAAW;AAAA,EACxC,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAC;AAIM,MAAM,kBAAkB;AAAA,EAC7B,sBAAsB,CAAC,UAAkB;AAC3C;"}
+{"version":3,"file":"icon-select-options.js","sources":["../../../../../src/components/basic/icon-select/icon-select-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nexport const iconSelectProps = buildProps({\r\n  modelValue: {\r\n    type: String,\r\n    default: null,\r\n  },\r\n  disabled: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n});\r\n\r\nexport type IconSelectProps = ExtractPropTypes<typeof iconSelectProps>;\r\n\r\nexport const iconSelectEmits = {\r\n  \"update:model-value\": (value: string) => true,\r\n};\r\n\r\nexport type IconSelectEmits = ExtractPropTypes<typeof iconSelectEmits>;\r\n"],"names":[],"mappings":";AAGO,MAAM,kBAAkB,WAAW;AAAA,EACxC,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAC;AAIM,MAAM,kBAAkB;AAAA,EAC7B,sBAAsB,CAAC,UAAkB;AAC3C;"}

package/dist/esm/components/basic/icon-select/icon-select.js

@@ -1,8 +1,8 @@
-import { defineComponent, ref, computed, onMounted, watch, unref, createVNode, isVNode } from "vue";
-import * as icons from "@element-plus/icons-vue";
+import { defineComponent, ref, computed, unref, onMounted, watch, createVNode, isVNode } from "vue";
+import * as elIcons from "@element-plus/icons-vue";
 import { MKSvgIcon } from "../svg-icon/index.js";
 import { iconSelectProps, iconSelectEmits } from "./icon-select-options.js";
-import { useFormItem, ElScrollbar } from "element-plus";
+import { useFormItem, ElInput, ElScrollbar } from "element-plus";
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
@@ -13,18 +13,26 @@ const FormIconSelect = /* @__PURE__ */ defineComponent({
   setup(props, {
     emit
   }) {
-    const icons$1 = ref([]);
+    const icons = ref([]);
+    const search = ref("");
+    const filteredIcons = computed(() => {
+      const _search = unref(search).toLowerCase().trim();
+      return unref(icons).filter((icon) => icon.toLowerCase().includes(_search));
+    });
     const modelValue = computed({
       get: () => props.modelValue,
       set: (v) => {
         emit("update:model-value", v);
       }
     });
-    computed(() => props.disabled);
+    const disabled = computed(() => props.disabled);
     const {
       formItem: elFormItem
     } = useFormItem();
     const handleClick = (icon) => {
+      if (unref(disabled)) {
+        return;
+      }
       modelValue.value = icon;
     };
     onMounted(() => {
@@ -34,7 +42,7 @@ const FormIconSelect = /* @__PURE__ */ defineComponent({
         const symbols = svg.querySelectorAll("symbol");
         iconList = iconList.concat(Array.from(symbols).map((symbol) => symbol.id.replace(/^icon-/, "")));
       }
-      icons$1.value = Array.from(/* @__PURE__ */ new Set([...Object.keys(icons), ...iconList]));
+      icons.value = Array.from(/* @__PURE__ */ new Set([...Object.keys(elIcons), ...iconList]));
     });
     watch(modelValue, () => {
       var _a;
@@ -44,20 +52,28 @@ const FormIconSelect = /* @__PURE__ */ defineComponent({
     });
     return () => {
       const _value = unref(modelValue);
-      const children = unref(icons$1).map((icon) => createVNode("span", {
+      const children = unref(filteredIcons).map((icon) => createVNode("span", {
         "key": icon,
-        "class": ["mk-form-icon-select__icon-item", icon === _value ? "is-active" : ""],
+        "class": ["mk-icon-select__icon-item", icon === _value ? "is-active" : ""],
         "onClick": () => handleClick(icon)
       }, [createVNode(MKSvgIcon, {
         "iconClass": icon
       }, null)]));
       return createVNode("div", {
-        "class": "mk-form-icon-select"
+        "class": "mk-icon-select"
+      }, [createVNode(ElInput, {
+        "modelValue": unref(search),
+        "onUpdate:modelValue": (v) => search.value = v,
+        "placeholder": "搜索图标",
+        "validateEvent": false,
+        "suffixIcon": elIcons.Search
+      }, null), createVNode("div", {
+        "class": ["mk-icon-select__wrapper", unref(disabled) ? "is-disabled" : ""]
       }, [createVNode(ElScrollbar, {
         "height": "100%"
       }, _isSlot(children) ? children : {
         default: () => [children]
-      })]);
+      })])]);
     };
   }
 });

package/dist/esm/components/basic/icon-select/icon-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-select.js","sources":["../../../../../src/components/basic/icon-select/icon-select.tsx"],"sourcesContent":["import {\n  Ref,\n  computed,\n  defineComponent,\n  onMounted,\n  ref,\n  unref,\n  watch,\n} from \"vue\";\nimport * as elIcons from \"@element-plus/icons-vue\";\nimport SvgIcon from \"../svg-icon\";\nimport { iconSelectProps, iconSelectEmits } from \"./icon-select-options\";\nimport { ElScrollbar, useFormItem as elUseFormItem } from \"element-plus\";\n\nexport default defineComponent({\n  name: \"MKFormIconSelect\",\n  props: iconSelectProps,\n  emits: iconSelectEmits,\n  setup(props, { emit }) {\n    const icons: Ref<string[]> = ref([]);\n\n    const modelValue = computed({\n      get: () => props.modelValue,\n      set: (v) => {\n        emit(\"update:model-value\", v);\n      },\n    });\n\n    const disabled = computed(() => props.disabled);\n\n    const { formItem: elFormItem } = elUseFormItem();\n\n    const handleClick = (icon: string) => {\n      modelValue.value = icon;\n    };\n\n    onMounted(() => {\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([...Object.keys(elIcons), ...iconList]));\n    });\n\n    watch(\n      modelValue,\n      () => {\n        elFormItem?.validate?.(\"change\");\n      },\n      { flush: \"post\" }\n    );\n\n    return () => {\n      const _value = unref(modelValue);\n\n      const children = unref(icons).map((icon) => (\n        <span\n          key={icon}\n          class={[\n            \"mk-form-icon-select__icon-item\",\n            icon === _value ? \"is-active\" : \"\",\n          ]}\n          onClick={() => handleClick(icon)}\n        >\n          <SvgIcon iconClass={icon} />\n        </span>\n      ));\n\n      return (\n        <div class=\"mk-form-icon-select\">\n          <ElScrollbar height=\"100%\">{children}</ElScrollbar>\n        </div>\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","iconSelectProps","emits","iconSelectEmits","setup","emit","icons","ref","modelValue","computed","get","set","v","disabled","formItem","elFormItem","elUseFormItem","handleClick","icon","value","onMounted","svgList","document","querySelectorAll","iconList","svg","Array","from","symbols","concat","map","symbol","id","replace","Set","keys","elIcons","watch","validate","flush","_value","unref","children","_createVNode","onClick","SvgIcon","ElScrollbar","default"],"mappings":";;;;;AAYyE,SAAAA,QAAAC,GAAA;AAAA,SAAA,OAAAA,MAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAAK,qBAAAA,CAAAA,QAAAL,CAAA;AAAA;AAEzE,MAAeM,iDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,UAAuBC,IAAI,CAAA,CAAE;AAEnC,UAAMC,aAAaC,SAAS;AAAA,MAC1BC,KAAKA,MAAMV,MAAMQ;AAAAA,MACjBG,KAAMC,OAAM;AACVP,aAAK,sBAAsBO,CAAC;AAAA,MAC9B;AAAA,IACF,CAAC;AAEgBH,aAAS,MAAMT,MAAMa,QAAQ;AAE9C,UAAM;AAAA,MAAEC,UAAUC;AAAAA,IAAY,IAAGC,YAAa;AAE9C,UAAMC,cAAeC,UAAiB;AACpCV,iBAAWW,QAAQD;AAAAA;AAGrBE,cAAU,MAAM;AACd,YAAMC,UAAkCC,SAASC,iBAC/C,gCACF;AAEA,UAAIC,WAAqB,CAAA;AAEzB,iBAAWC,OAAOC,MAAMC,KAAKN,OAAO,GAAG;AACrC,cAAMO,UAAUH,IAAIF,iBAAiB,QAAQ;AAE7CC,mBAAWA,SAASK,OAClBH,MAAMC,KAAKC,OAAO,EAAEE,IAAKC,YAAWA,OAAOC,GAAGC,QAAQ,UAAU,EAAE,CAAC,CACrE;AAAA,MACF;AAEA3B,cAAMa,QAAQO,MAAMC,KAAK,oBAAIO,IAAI,CAAC,GAAGzC,OAAO0C,KAAKC,KAAO,GAAG,GAAGZ,QAAQ,CAAC,CAAC;AAAA,IAC1E,CAAC;AAEDa,UACE7B,YACA,MAAM;;AACJO,qDAAYuB,aAAZvB,oCAAuB;AAAA,IACzB,GACA;AAAA,MAAEwB,OAAO;AAAA,IAAO,CAClB;AAEA,WAAO,MAAM;AACX,YAAMC,SAASC,MAAMjC,UAAU;AAE/B,YAAMkC,WAAWD,MAAMnC,OAAK,EAAEwB,IAAKZ,UAAIyB,YAAA,QAAA;AAAA,QAAA,OAE9BzB;AAAAA,QAAI,SACF,CACL,kCACAA,SAASsB,SAAS,cAAc,EAAE;AAAA,QACnC,WACQI,MAAM3B,YAAYC,IAAI;AAAA,SAACyB,CAAAA,YAAAE,WAAA;AAAA,QAAA,aAEZ3B;AAAAA,MAAI,GAAA,IAAA,CAAA,CAAA,CAE3B;AAED,aAAAyB,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,SAAAA,CAAAA,YAAAG,aAAA;AAAA,QAAA,UAAA;AAAA,MAAA,GAAAvD,QAEgCmD,QAAQ,IAARA,WAAQ;AAAA,QAAAK,SAAAA,MAAA,CAARL,QAAQ;AAAA,MAAA,CAAA,CAAA,CAAA;AAAA;EAI5C;AACF,CAAC;"}
+{"version":3,"file":"icon-select.js","sources":["../../../../../src/components/basic/icon-select/icon-select.tsx"],"sourcesContent":["import {\r\n  Ref,\r\n  computed,\r\n  defineComponent,\r\n  onMounted,\r\n  ref,\r\n  unref,\r\n  watch,\r\n} from \"vue\";\r\nimport * as elIcons from \"@element-plus/icons-vue\";\r\nimport SvgIcon from \"../svg-icon\";\r\nimport { iconSelectProps, iconSelectEmits } from \"./icon-select-options\";\r\nimport {\r\n  ElInput,\r\n  ElScrollbar,\r\n  useFormItem as elUseFormItem,\r\n} from \"element-plus\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKFormIconSelect\",\r\n  props: iconSelectProps,\r\n  emits: iconSelectEmits,\r\n  setup(props, { emit }) {\r\n    const icons: Ref<string[]> = ref([]);\r\n\r\n    const search = ref(\"\");\r\n\r\n    const filteredIcons = computed(() => {\r\n      const _search = unref(search).toLowerCase().trim();\r\n\r\n      return unref(icons).filter((icon) =>\r\n        icon.toLowerCase().includes(_search)\r\n      );\r\n    });\r\n\r\n    const modelValue = computed({\r\n      get: () => props.modelValue,\r\n      set: (v) => {\r\n        emit(\"update:model-value\", v);\r\n      },\r\n    });\r\n\r\n    const disabled = computed(() => props.disabled);\r\n\r\n    const { formItem: elFormItem } = elUseFormItem();\r\n\r\n    const handleClick = (icon: string) => {\r\n      if (unref(disabled)) {\r\n        return;\r\n      }\r\n\r\n      modelValue.value = icon;\r\n    };\r\n\r\n    onMounted(() => {\r\n      const svgList: NodeListOf<SVGElement> = document.querySelectorAll(\r\n        'body > svg[aria-hidden=\"true\"]'\r\n      );\r\n\r\n      let iconList: string[] = [];\r\n\r\n      for (const svg of Array.from(svgList)) {\r\n        const symbols = svg.querySelectorAll(\"symbol\");\r\n\r\n        iconList = iconList.concat(\r\n          Array.from(symbols).map((symbol) => symbol.id.replace(/^icon-/, \"\"))\r\n        );\r\n      }\r\n\r\n      icons.value = Array.from(new Set([...Object.keys(elIcons), ...iconList]));\r\n    });\r\n\r\n    watch(\r\n      modelValue,\r\n      () => {\r\n        elFormItem?.validate?.(\"change\");\r\n      },\r\n      { flush: \"post\" }\r\n    );\r\n\r\n    return () => {\r\n      const _value = unref(modelValue);\r\n\r\n      const children = unref(filteredIcons).map((icon) => (\r\n        <span\r\n          key={icon}\r\n          class={[\r\n            \"mk-icon-select__icon-item\",\r\n            icon === _value ? \"is-active\" : \"\",\r\n          ]}\r\n          onClick={() => handleClick(icon)}\r\n        >\r\n          <SvgIcon iconClass={icon} />\r\n        </span>\r\n      ));\r\n\r\n      return (\r\n        <div class=\"mk-icon-select\">\r\n          <ElInput\r\n            modelValue={unref(search)}\r\n            onUpdate:modelValue={(v) => (search.value = v)}\r\n            placeholder=\"搜索图标\"\r\n            validateEvent={false}\r\n            suffixIcon={elIcons.Search}\r\n          />\r\n\r\n          <div\r\n            class={[\r\n              \"mk-icon-select__wrapper\",\r\n              unref(disabled) ? \"is-disabled\" : \"\",\r\n            ]}\r\n          >\r\n            <ElScrollbar height=\"100%\">{children}</ElScrollbar>\r\n          </div>\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","iconSelectProps","emits","iconSelectEmits","setup","emit","icons","ref","search","filteredIcons","computed","_search","unref","toLowerCase","trim","filter","icon","includes","modelValue","get","set","v","disabled","formItem","elFormItem","elUseFormItem","handleClick","value","onMounted","svgList","document","querySelectorAll","iconList","svg","Array","from","symbols","concat","map","symbol","id","replace","Set","keys","elIcons","watch","validate","flush","_value","children","_createVNode","onClick","SvgIcon","ElInput","Search","ElScrollbar","default"],"mappings":"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"}

package/dist/esm/components/basic/icon-select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/basic/icon-select/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport FormIconSelect from \"./icon-select\";\n\nexport const MKFormIconSelect = withInstall(FormIconSelect);\nexport default MKFormIconSelect;\n"],"names":[],"mappings":";;AAGa,MAAA,mBAAmB,YAAY,cAAc;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/basic/icon-select/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport FormIconSelect from \"./icon-select\";\r\n\r\nexport const MKFormIconSelect = withInstall(FormIconSelect);\r\nexport default MKFormIconSelect;\r\n"],"names":[],"mappings":";;AAGa,MAAA,mBAAmB,YAAY,cAAc;"}

package/dist/esm/components/basic/image-cropper/image-cropper-api.js.map

@@ -1 +1 @@
-{"version":3,"file":"image-cropper-api.js","sources":["../../../../../src/components/basic/image-cropper/image-cropper-api.tsx"],"sourcesContent":["import { Dialoger } from \"@maketribe/dm\";\nimport ImageCropperContent, {\n  ImageCropperRatioOption,\n} from \"./image-cropper-content\";\nimport { Fragment } from \"vue/jsx-runtime\";\nimport { ElButton } from \"element-plus\";\nimport { ref, Ref, unref } from \"vue\";\n\nexport type MKImageCropperOptions = {\n  src: string;\n  ratioOptions?: Array<ImageCropperRatioOption>;\n  fixedBox?: boolean;\n};\nexport type MKImageCropperResult = {\n  isConfirm: boolean;\n  data: string;\n  size: { width: number; height: number };\n};\n\nexport async function ImageCropper(\n  options: MKImageCropperOptions\n): Promise<MKImageCropperResult> {\n  const ratioOptions = options.ratioOptions ?? [];\n  const fixedBox = options.fixedBox ?? false;\n\n  return new Promise((resolve) => {\n    const imageCropperContentEl: Ref<typeof ImageCropperContent | null> =\n      ref(null);\n\n    const handleCancelClick = () => {\n      dialogInstance.destroy();\n\n      resolve({\n        isConfirm: false,\n        data: \"\",\n        size: { width: 0, height: 0 },\n      });\n    };\n\n    const handleConfirmClick = async () => {\n      dialogInstance.destroy();\n\n      const cropperRef = unref(imageCropperContentEl)!.cropperRef;\n\n      resolve({\n        isConfirm: true,\n        data: await new Promise(cropperRef.getCropData.bind(cropperRef)),\n        size: { width: cropperRef.cropW, height: cropperRef.cropH },\n      });\n    };\n\n    const dialogInstance = Dialoger.customRender({\n      title: \"图片裁切\",\n      onClose: handleCancelClick,\n      body: () => {\n        return (\n          <ImageCropperContent\n            ref={((el: any) => (imageCropperContentEl.value = el)) as any}\n            src={options.src}\n            fixedBox={fixedBox}\n            ratioOptions={ratioOptions}\n          />\n        );\n      },\n      footer: () => {\n        return (\n          <Fragment>\n            <ElButton onClick={handleCancelClick}>取消</ElButton>\n            <ElButton type=\"primary\" onClick={handleConfirmClick}>\n              确认\n            </ElButton>\n          </Fragment>\n        );\n      },\n    });\n  });\n}\n"],"names":["ImageCropper","options","ratioOptions","fixedBox","Promise","resolve","imageCropperContentEl","ref","handleCancelClick","dialogInstance","destroy","isConfirm","data","size","width","height","handleConfirmClick","cropperRef","unref","getCropData","bind","cropW","cropH","Dialoger","customRender","title","onClose","body","_createVNode","ImageCropperContent","el","value","src","footer","_Fragment","ElButton","default","_createTextVNode"],"mappings":";;;;;AAmBO,eAAeA,aACpBC,SAC+B;AAC/B,QAAMC,eAAeD,QAAQC,gBAAgB;AAC7C,QAAMC,WAAWF,QAAQE,YAAY;AAErC,SAAO,IAAIC,QAASC,aAAY;AAC9B,UAAMC,wBACJC,IAAI,IAAI;AAEV,UAAMC,oBAAoBA,MAAM;AAC9BC,qBAAeC,QAAO;AAEtBL,cAAQ;AAAA,QACNM,WAAW;AAAA,QACXC,MAAM;AAAA,QACNC,MAAM;AAAA,UAAEC,OAAO;AAAA,UAAGC,QAAQ;AAAA,QAAE;AAAA,MAC9B,CAAC;AAAA;AAGH,UAAMC,qBAAqB,YAAY;AACrCP,qBAAeC,QAAO;AAEtB,YAAMO,aAAaC,MAAMZ,qBAAqB,EAAGW;AAEjDZ,cAAQ;AAAA,QACNM,WAAW;AAAA,QACXC,MAAM,MAAM,IAAIR,QAAQa,WAAWE,YAAYC,KAAKH,UAAU,CAAC;AAAA,QAC/DJ,MAAM;AAAA,UAAEC,OAAOG,WAAWI;AAAAA,UAAON,QAAQE,WAAWK;AAAAA,QAAM;AAAA,MAC5D,CAAC;AAAA;AAGH,UAAMb,iBAAiBc,SAASC,aAAa;AAAA,MAC3CC,OAAO;AAAA,MACPC,SAASlB;AAAAA,MACTmB,MAAMA,MAAM;AACV,eAAAC,YAAAC,qBAAA;AAAA,UAAA,OAEWC,QAAaxB,sBAAsByB,QAAQD;AAAAA,UAAG,OAChD7B,QAAQ+B;AAAAA,UAAG,YACN7B;AAAAA,UAAQ,gBACJD;AAAAA,QAAY,GAAA,IAAA;AAAA,MAG/B;AAAA,MACD+B,QAAQA,MAAM;AACZ,eAAAL,YAAAM,UAAAN,MAAAA,CAAAA,YAAAO,UAAA;AAAA,UAAA,WAEuB3B;AAAAA,QAAiB,GAAA;AAAA,UAAA4B,SAAAA,MAAA,CAAAC,gBAAA,IAAA,CAAA;AAAA,SAAAT,GAAAA,YAAAO,UAAA;AAAA,UAAA,QAAA;AAAA,UAAA,WACFnB;AAAAA,QAAkB,GAAA;AAAA,UAAAoB,SAAAA,MAAA,CAAAC,gBAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA,CAAA;AAAA,MAK1D;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH;"}
+{"version":3,"file":"image-cropper-api.js","sources":["../../../../../src/components/basic/image-cropper/image-cropper-api.tsx"],"sourcesContent":["import { Dialoger } from \"@maketribe/dm\";\r\nimport ImageCropperContent, {\r\n  ImageCropperRatioOption,\r\n} from \"./image-cropper-content\";\r\nimport { Fragment } from \"vue/jsx-runtime\";\r\nimport { ElButton } from \"element-plus\";\r\nimport { ref, Ref, unref } from \"vue\";\r\n\r\nexport type MKImageCropperOptions = {\r\n  src: string;\r\n  ratioOptions?: Array<ImageCropperRatioOption>;\r\n  fixedBox?: boolean;\r\n};\r\nexport type MKImageCropperResult = {\r\n  isConfirm: boolean;\r\n  data: string;\r\n  size: { width: number; height: number };\r\n};\r\n\r\nexport async function ImageCropper(\r\n  options: MKImageCropperOptions\r\n): Promise<MKImageCropperResult> {\r\n  const ratioOptions = options.ratioOptions ?? [];\r\n  const fixedBox = options.fixedBox ?? false;\r\n\r\n  return new Promise((resolve) => {\r\n    const imageCropperContentEl: Ref<typeof ImageCropperContent | null> =\r\n      ref(null);\r\n\r\n    const handleCancelClick = () => {\r\n      dialogInstance.destroy();\r\n\r\n      resolve({\r\n        isConfirm: false,\r\n        data: \"\",\r\n        size: { width: 0, height: 0 },\r\n      });\r\n    };\r\n\r\n    const handleConfirmClick = async () => {\r\n      dialogInstance.destroy();\r\n\r\n      const cropperRef = unref(imageCropperContentEl)!.cropperRef;\r\n\r\n      resolve({\r\n        isConfirm: true,\r\n        data: await new Promise(cropperRef.getCropData.bind(cropperRef)),\r\n        size: { width: cropperRef.cropW, height: cropperRef.cropH },\r\n      });\r\n    };\r\n\r\n    const dialogInstance = Dialoger.customRender({\r\n      title: \"图片裁切\",\r\n      onClose: handleCancelClick,\r\n      body: () => {\r\n        return (\r\n          <ImageCropperContent\r\n            ref={((el: any) => (imageCropperContentEl.value = el)) as any}\r\n            src={options.src}\r\n            fixedBox={fixedBox}\r\n            ratioOptions={ratioOptions}\r\n          />\r\n        );\r\n      },\r\n      footer: () => {\r\n        return (\r\n          <Fragment>\r\n            <ElButton onClick={handleCancelClick}>取消</ElButton>\r\n            <ElButton type=\"primary\" onClick={handleConfirmClick}>\r\n              确认\r\n            </ElButton>\r\n          </Fragment>\r\n        );\r\n      },\r\n    });\r\n  });\r\n}\r\n"],"names":["ImageCropper","options","ratioOptions","fixedBox","Promise","resolve","imageCropperContentEl","ref","handleCancelClick","dialogInstance","destroy","isConfirm","data","size","width","height","handleConfirmClick","cropperRef","unref","getCropData","bind","cropW","cropH","Dialoger","customRender","title","onClose","body","_createVNode","ImageCropperContent","el","value","src","footer","_Fragment","ElButton","default","_createTextVNode"],"mappings":";;;;;AAmBO,eAAeA,aACpBC,SAC+B;AAC/B,QAAMC,eAAeD,QAAQC,gBAAgB;AAC7C,QAAMC,WAAWF,QAAQE,YAAY;AAErC,SAAO,IAAIC,QAASC,aAAY;AAC9B,UAAMC,wBACJC,IAAI,IAAI;AAEV,UAAMC,oBAAoBA,MAAM;AAC9BC,qBAAeC,QAAO;AAEtBL,cAAQ;AAAA,QACNM,WAAW;AAAA,QACXC,MAAM;AAAA,QACNC,MAAM;AAAA,UAAEC,OAAO;AAAA,UAAGC,QAAQ;AAAA,QAAE;AAAA,MAC9B,CAAC;AAAA;AAGH,UAAMC,qBAAqB,YAAY;AACrCP,qBAAeC,QAAO;AAEtB,YAAMO,aAAaC,MAAMZ,qBAAqB,EAAGW;AAEjDZ,cAAQ;AAAA,QACNM,WAAW;AAAA,QACXC,MAAM,MAAM,IAAIR,QAAQa,WAAWE,YAAYC,KAAKH,UAAU,CAAC;AAAA,QAC/DJ,MAAM;AAAA,UAAEC,OAAOG,WAAWI;AAAAA,UAAON,QAAQE,WAAWK;AAAAA,QAAM;AAAA,MAC5D,CAAC;AAAA;AAGH,UAAMb,iBAAiBc,SAASC,aAAa;AAAA,MAC3CC,OAAO;AAAA,MACPC,SAASlB;AAAAA,MACTmB,MAAMA,MAAM;AACV,eAAAC,YAAAC,qBAAA;AAAA,UAAA,OAEWC,QAAaxB,sBAAsByB,QAAQD;AAAAA,UAAG,OAChD7B,QAAQ+B;AAAAA,UAAG,YACN7B;AAAAA,UAAQ,gBACJD;AAAAA,QAAY,GAAA,IAAA;AAAA,MAG/B;AAAA,MACD+B,QAAQA,MAAM;AACZ,eAAAL,YAAAM,UAAAN,MAAAA,CAAAA,YAAAO,UAAA;AAAA,UAAA,WAEuB3B;AAAAA,QAAiB,GAAA;AAAA,UAAA4B,SAAAA,MAAA,CAAAC,gBAAA,IAAA,CAAA;AAAA,SAAAT,GAAAA,YAAAO,UAAA;AAAA,UAAA,QAAA;AAAA,UAAA,WACFnB;AAAAA,QAAkB,GAAA;AAAA,UAAAoB,SAAAA,MAAA,CAAAC,gBAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA,CAAA;AAAA,MAK1D;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH;"}

package/dist/esm/components/basic/image-cropper/image-cropper-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"image-cropper-content.js","sources":["../../../../../src/components/basic/image-cropper/image-cropper-content.tsx"],"sourcesContent":["import {\n  computed,\n  defineComponent,\n  reactive,\n  ref,\n  Ref,\n  unref,\n  watch,\n} from \"vue\";\nimport { VueCropper } from \"vue-cropper\";\nimport { MKSvgIcon } from \"../svg-icon\";\nimport {\n  imageCropperContentEmits,\n  imageCropperContentProps,\n} from \"./image-cropper-content-options\";\nimport {\n  ElForm,\n  ElFormItem,\n  ElInputNumber,\n  ElOption,\n  ElScrollbar,\n  ElSelect,\n  ElTooltip,\n} from \"element-plus\";\n\nexport type ImageCropperRatioOption = {\n  value: string;\n  label: string;\n  width: number;\n  height: number;\n};\n\nconst ORIGIN_RATIO = \"origin\";\nconst FREE_RATIO = \"free\";\n\nconst BASE64_PREFIX = /^data:image\\/([^;]+);base64,/;\n\nexport default defineComponent({\n  name: \"MKImageContentCropper\",\n  props: imageCropperContentProps,\n  emits: imageCropperContentEmits,\n  setup(props) {\n    const cropperRef: Ref<any> = ref(null);\n\n    const outputType = computed(() => {\n      const base64Match = props.src.match(BASE64_PREFIX);\n\n      if (base64Match?.[1]) {\n        return base64Match?.[1];\n      }\n\n      const url = new URL(props.src, location.origin).toString();\n\n      const index = url.lastIndexOf(\".\");\n\n      if (index === -1) {\n        return \"jpeg\";\n      }\n\n      return url.slice(index + 1) || \"jpeg\";\n    });\n\n    const originRatioOption: ImageCropperRatioOption = reactive({\n      value: ORIGIN_RATIO,\n      label: \"原图比例\",\n      width: 1,\n      height: 1,\n    });\n\n    const ratioOptions = computed(() => {\n      return [\n        originRatioOption,\n        { value: FREE_RATIO, label: \"自由比例\", width: 1, height: 1 },\n        ...props.ratioOptions.map((item: any) => ({\n          ...item,\n          value: item.value.toString(),\n        })),\n      ] as ImageCropperRatioOption[];\n    });\n\n    const autoCropWidth = ref(0);\n    const autoCropHeight = ref(0);\n\n    const currentRatio: Ref<string> = ref(ORIGIN_RATIO);\n\n    const maxWidth: Ref<number> = ref(0);\n    const maxHeight: Ref<number> = ref(0);\n\n    const enlarge = computed(() => {\n      const width = unref(cropperRef)?.cropW ?? 1;\n      const height = unref(cropperRef)?.cropH ?? 1;\n\n      const ratio = unref(maxWidth) / unref(maxHeight);\n      const cropRatio = width / height;\n\n      return cropRatio > ratio\n        ? unref(maxWidth) / width\n        : unref(maxHeight) / height;\n    });\n\n    const setCurrentRatio = (value: string) => {\n      currentRatio.value = value;\n    };\n\n    const isFixed = computed(() => unref(currentRatio) !== FREE_RATIO);\n\n    const fixedNumber = computed(() => {\n      const option = unref(ratioOptions).find(\n        (option) => option.value === unref(currentRatio)\n      );\n\n      return [option?.width ?? 1, option?.height ?? 1];\n    });\n\n    watch(\n      computed(() => props.src),\n      (src) => {\n        const image = new Image();\n        image.src = src;\n\n        image.onload = () => {\n          maxWidth.value =\n            autoCropWidth.value =\n            originRatioOption.width =\n              image.naturalWidth;\n          maxHeight.value =\n            autoCropHeight.value =\n            originRatioOption.height =\n              image.naturalHeight;\n        };\n      },\n      { immediate: true }\n    );\n\n    // watch(currentRatio, (currentRatio) => {\n    //   new MouseEvent(\"mousemove\", {});\n    //   // debugger;\n    //   unref(cropperRef).changeCropNow(new MouseEvent(\"mousemove\"));\n    // });\n\n    const handleRotateLeft = () => {\n      unref(cropperRef).rotateLeft();\n    };\n\n    const handleRotateRight = () => {\n      unref(cropperRef).rotateRight();\n    };\n\n    const setCropperRef = (el: any) => {\n      cropperRef.value = el;\n    };\n\n    return {\n      enlarge,\n      maxWidth,\n      maxHeight,\n      outputType,\n      cropperRef,\n      ratioOptions,\n      autoCropWidth,\n      autoCropHeight,\n      currentRatio,\n      isFixed,\n      fixedNumber,\n      setCurrentRatio,\n      setCropperRef,\n      handleRotateLeft,\n      handleRotateRight,\n    };\n  },\n  render() {\n    const {\n      enlarge,\n      maxWidth,\n      maxHeight,\n      outputType,\n      ratioOptions,\n      autoCropHeight,\n      autoCropWidth,\n      isFixed,\n      fixedNumber,\n      currentRatio,\n      setCurrentRatio,\n      setCropperRef,\n      handleRotateLeft,\n      handleRotateRight,\n      $props,\n      $slots,\n    } = this;\n\n    const ratioOptionsVNodes = unref(ratioOptions).map((ratioOption) => (\n      <ElOption value={ratioOption.value} label={ratioOption.label} />\n    ));\n\n    return (\n      <div class=\"mk-image-cropper\">\n        <div class=\"mk-image-cropper__main\">\n          <VueCropper\n            ref={setCropperRef}\n            outputType={outputType}\n            img={$props.src}\n            auto-crop\n            canMoveBox\n            auto-crop-width={autoCropWidth}\n            auto-crop-height={autoCropHeight}\n            fixedBox={$props.fixedBox}\n            fixed={isFixed}\n            fixedNumber={fixedNumber}\n            enlarge={enlarge}\n          />\n\n          <div class=\"mk-image-cropper__bar\">\n            <ElTooltip content=\"左旋\">\n              <MKSvgIcon iconClass=\"RefreshLeft\" onClick={handleRotateLeft} />\n            </ElTooltip>\n            <ElTooltip content=\"右旋\">\n              <MKSvgIcon iconClass=\"RefreshRight\" onClick={handleRotateRight} />\n            </ElTooltip>\n          </div>\n        </div>\n\n        <div class=\"mk-image-cropper__tools\">\n          <ElScrollbar height=\"100%\">\n            <ElForm label-position=\"top\">\n              <ElFormItem label=\"比例\">\n                <ElSelect\n                  placeholder=\"选择比例\"\n                  modelValue={currentRatio}\n                  onUpdate:modelValue={setCurrentRatio}\n                >\n                  {ratioOptionsVNodes}\n                </ElSelect>\n              </ElFormItem>\n              <ElFormItem label=\"最大输出宽度\">\n                <ElInputNumber\n                  placeholder=\"宽度\"\n                  modelValue={maxWidth}\n                  onUpdate:modelValue={\n                    ((v: number) => (this.maxWidth = v)) as any\n                  }\n                />\n              </ElFormItem>\n\n              <ElFormItem label=\"最大输出高度\">\n                <ElInputNumber\n                  placeholder=\"高度\"\n                  modelValue={maxHeight}\n                  onUpdate:modelValue={\n                    ((v: number) => (this.maxHeight = v)) as any\n                  }\n                />\n              </ElFormItem>\n            </ElForm>\n\n            {$slots.tools?.()}\n          </ElScrollbar>\n        </div>\n      </div>\n    );\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","ORIGIN_RATIO","FREE_RATIO","BASE64_PREFIX","defineComponent","name","props","imageCropperContentProps","emits","imageCropperContentEmits","setup","cropperRef","ref","outputType","computed","base64Match","src","match","url","URL","location","origin","index","lastIndexOf","slice","originRatioOption","reactive","value","label","width","height","ratioOptions","map","item","autoCropWidth","autoCropHeight","currentRatio","maxWidth","maxHeight","enlarge","unref","cropW","cropH","ratio","cropRatio","setCurrentRatio","isFixed","fixedNumber","option","find","watch","image","Image","onload","naturalWidth","naturalHeight","immediate","handleRotateLeft","rotateLeft","handleRotateRight","rotateRight","setCropperRef","el","render","$props","$slots","ratioOptionsVNodes","ratioOption","_createVNode","ElOption","VueCropper","fixedBox","ElTooltip","default","MKSvgIcon","ElScrollbar","ElForm","ElFormItem","ElSelect","ElInputNumber","v","tools"],"mappings":"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"}
+{"version":3,"file":"image-cropper-content.js","sources":["../../../../../src/components/basic/image-cropper/image-cropper-content.tsx"],"sourcesContent":["import {\r\n  computed,\r\n  defineComponent,\r\n  reactive,\r\n  ref,\r\n  Ref,\r\n  unref,\r\n  watch,\r\n} from \"vue\";\r\nimport { VueCropper } from \"vue-cropper\";\r\nimport { MKSvgIcon } from \"../svg-icon\";\r\nimport {\r\n  imageCropperContentEmits,\r\n  imageCropperContentProps,\r\n} from \"./image-cropper-content-options\";\r\nimport {\r\n  ElForm,\r\n  ElFormItem,\r\n  ElInputNumber,\r\n  ElOption,\r\n  ElScrollbar,\r\n  ElSelect,\r\n  ElTooltip,\r\n} from \"element-plus\";\r\n\r\nexport type ImageCropperRatioOption = {\r\n  value: string;\r\n  label: string;\r\n  width: number;\r\n  height: number;\r\n};\r\n\r\nconst ORIGIN_RATIO = \"origin\";\r\nconst FREE_RATIO = \"free\";\r\n\r\nconst BASE64_PREFIX = /^data:image\\/([^;]+);base64,/;\r\n\r\nexport default defineComponent({\r\n  name: \"MKImageContentCropper\",\r\n  props: imageCropperContentProps,\r\n  emits: imageCropperContentEmits,\r\n  setup(props) {\r\n    const cropperRef: Ref<any> = ref(null);\r\n\r\n    const outputType = computed(() => {\r\n      const base64Match = props.src.match(BASE64_PREFIX);\r\n\r\n      if (base64Match?.[1]) {\r\n        return base64Match?.[1];\r\n      }\r\n\r\n      const url = new URL(props.src, location.origin).toString();\r\n\r\n      const index = url.lastIndexOf(\".\");\r\n\r\n      if (index === -1) {\r\n        return \"jpeg\";\r\n      }\r\n\r\n      return url.slice(index + 1) || \"jpeg\";\r\n    });\r\n\r\n    const originRatioOption: ImageCropperRatioOption = reactive({\r\n      value: ORIGIN_RATIO,\r\n      label: \"原图比例\",\r\n      width: 1,\r\n      height: 1,\r\n    });\r\n\r\n    const ratioOptions = computed(() => {\r\n      return [\r\n        originRatioOption,\r\n        { value: FREE_RATIO, label: \"自由比例\", width: 1, height: 1 },\r\n        ...props.ratioOptions.map((item: any) => ({\r\n          ...item,\r\n          value: item.value.toString(),\r\n        })),\r\n      ] as ImageCropperRatioOption[];\r\n    });\r\n\r\n    const autoCropWidth = ref(0);\r\n    const autoCropHeight = ref(0);\r\n\r\n    const currentRatio: Ref<string> = ref(ORIGIN_RATIO);\r\n\r\n    const maxWidth: Ref<number> = ref(0);\r\n    const maxHeight: Ref<number> = ref(0);\r\n\r\n    const enlarge = computed(() => {\r\n      const width = unref(cropperRef)?.cropW ?? 1;\r\n      const height = unref(cropperRef)?.cropH ?? 1;\r\n\r\n      const ratio = unref(maxWidth) / unref(maxHeight);\r\n      const cropRatio = width / height;\r\n\r\n      return cropRatio > ratio\r\n        ? unref(maxWidth) / width\r\n        : unref(maxHeight) / height;\r\n    });\r\n\r\n    const setCurrentRatio = (value: string) => {\r\n      currentRatio.value = value;\r\n    };\r\n\r\n    const isFixed = computed(() => unref(currentRatio) !== FREE_RATIO);\r\n\r\n    const fixedNumber = computed(() => {\r\n      const option = unref(ratioOptions).find(\r\n        (option) => option.value === unref(currentRatio)\r\n      );\r\n\r\n      return [option?.width ?? 1, option?.height ?? 1];\r\n    });\r\n\r\n    watch(\r\n      computed(() => props.src),\r\n      (src) => {\r\n        const image = new Image();\r\n        image.src = src;\r\n\r\n        image.onload = () => {\r\n          maxWidth.value =\r\n            autoCropWidth.value =\r\n            originRatioOption.width =\r\n              image.naturalWidth;\r\n          maxHeight.value =\r\n            autoCropHeight.value =\r\n            originRatioOption.height =\r\n              image.naturalHeight;\r\n        };\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    // watch(currentRatio, (currentRatio) => {\r\n    //   new MouseEvent(\"mousemove\", {});\r\n    //   // debugger;\r\n    //   unref(cropperRef).changeCropNow(new MouseEvent(\"mousemove\"));\r\n    // });\r\n\r\n    const handleRotateLeft = () => {\r\n      unref(cropperRef).rotateLeft();\r\n    };\r\n\r\n    const handleRotateRight = () => {\r\n      unref(cropperRef).rotateRight();\r\n    };\r\n\r\n    const setCropperRef = (el: any) => {\r\n      cropperRef.value = el;\r\n    };\r\n\r\n    return {\r\n      enlarge,\r\n      maxWidth,\r\n      maxHeight,\r\n      outputType,\r\n      cropperRef,\r\n      ratioOptions,\r\n      autoCropWidth,\r\n      autoCropHeight,\r\n      currentRatio,\r\n      isFixed,\r\n      fixedNumber,\r\n      setCurrentRatio,\r\n      setCropperRef,\r\n      handleRotateLeft,\r\n      handleRotateRight,\r\n    };\r\n  },\r\n  render() {\r\n    const {\r\n      enlarge,\r\n      maxWidth,\r\n      maxHeight,\r\n      outputType,\r\n      ratioOptions,\r\n      autoCropHeight,\r\n      autoCropWidth,\r\n      isFixed,\r\n      fixedNumber,\r\n      currentRatio,\r\n      setCurrentRatio,\r\n      setCropperRef,\r\n      handleRotateLeft,\r\n      handleRotateRight,\r\n      $props,\r\n      $slots,\r\n    } = this;\r\n\r\n    const ratioOptionsVNodes = unref(ratioOptions).map((ratioOption) => (\r\n      <ElOption value={ratioOption.value} label={ratioOption.label} />\r\n    ));\r\n\r\n    return (\r\n      <div class=\"mk-image-cropper\">\r\n        <div class=\"mk-image-cropper__main\">\r\n          <VueCropper\r\n            ref={setCropperRef}\r\n            outputType={outputType}\r\n            img={$props.src}\r\n            auto-crop\r\n            canMoveBox\r\n            auto-crop-width={autoCropWidth}\r\n            auto-crop-height={autoCropHeight}\r\n            fixedBox={$props.fixedBox}\r\n            fixed={isFixed}\r\n            fixedNumber={fixedNumber}\r\n            enlarge={enlarge}\r\n          />\r\n\r\n          <div class=\"mk-image-cropper__bar\">\r\n            <ElTooltip content=\"左旋\">\r\n              <MKSvgIcon iconClass=\"RefreshLeft\" onClick={handleRotateLeft} />\r\n            </ElTooltip>\r\n            <ElTooltip content=\"右旋\">\r\n              <MKSvgIcon iconClass=\"RefreshRight\" onClick={handleRotateRight} />\r\n            </ElTooltip>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"mk-image-cropper__tools\">\r\n          <ElScrollbar height=\"100%\">\r\n            <ElForm label-position=\"top\">\r\n              <ElFormItem label=\"比例\">\r\n                <ElSelect\r\n                  placeholder=\"选择比例\"\r\n                  modelValue={currentRatio}\r\n                  onUpdate:modelValue={setCurrentRatio}\r\n                >\r\n                  {ratioOptionsVNodes}\r\n                </ElSelect>\r\n              </ElFormItem>\r\n              <ElFormItem label=\"最大输出宽度\">\r\n                <ElInputNumber\r\n                  placeholder=\"宽度\"\r\n                  modelValue={maxWidth}\r\n                  onUpdate:modelValue={\r\n                    ((v: number) => (this.maxWidth = v)) as any\r\n                  }\r\n                />\r\n              </ElFormItem>\r\n\r\n              <ElFormItem label=\"最大输出高度\">\r\n                <ElInputNumber\r\n                  placeholder=\"高度\"\r\n                  modelValue={maxHeight}\r\n                  onUpdate:modelValue={\r\n                    ((v: number) => (this.maxHeight = v)) as any\r\n                  }\r\n                />\r\n              </ElFormItem>\r\n            </ElForm>\r\n\r\n            {$slots.tools?.()}\r\n          </ElScrollbar>\r\n        </div>\r\n      </div>\r\n    );\r\n  },\r\n});\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","ORIGIN_RATIO","FREE_RATIO","BASE64_PREFIX","defineComponent","name","props","imageCropperContentProps","emits","imageCropperContentEmits","setup","cropperRef","ref","outputType","computed","base64Match","src","match","url","URL","location","origin","index","lastIndexOf","slice","originRatioOption","reactive","value","label","width","height","ratioOptions","map","item","autoCropWidth","autoCropHeight","currentRatio","maxWidth","maxHeight","enlarge","unref","cropW","cropH","ratio","cropRatio","setCurrentRatio","isFixed","fixedNumber","option","find","watch","image","Image","onload","naturalWidth","naturalHeight","immediate","handleRotateLeft","rotateLeft","handleRotateRight","rotateRight","setCropperRef","el","render","$props","$slots","ratioOptionsVNodes","ratioOption","_createVNode","ElOption","VueCropper","fixedBox","ElTooltip","default","MKSvgIcon","ElScrollbar","ElForm","ElFormItem","ElSelect","ElInputNumber","v","tools"],"mappings":"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"}

package/dist/esm/components/basic/image-cropper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/basic/image-cropper/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport ImageCropperContent from \"./image-cropper-content\";\n\nexport * from \"./image-cropper-api\";\n\nexport const MKImageCropperContent = withInstall(ImageCropperContent);\n\nexport default MKImageCropperContent;\n\nexport * from \"./image-cropper-content-options\";\n"],"names":[],"mappings":";;;;;;;AAKa,MAAA,wBAAwB,YAAY,mBAAmB;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/basic/image-cropper/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport ImageCropperContent from \"./image-cropper-content\";\r\n\r\nexport * from \"./image-cropper-api\";\r\n\r\nexport const MKImageCropperContent = withInstall(ImageCropperContent);\r\n\r\nexport default MKImageCropperContent;\r\n\r\nexport * from \"./image-cropper-content-options\";\r\n"],"names":[],"mappings":";;;;;;;AAKa,MAAA,wBAAwB,YAAY,mBAAmB;"}

package/dist/esm/components/basic/json-editor/json-editor-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"json-editor-options.js","sources":["../../../../../src/components/basic/json-editor/json-editor-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const jsonEditorProps = buildProps({\n  modelValue: {\n    type: null,\n    required: true,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n} as const);\n\nexport type JsonEditorProps = ExtractPropTypes<typeof jsonEditorProps>;\n\nexport const jsonEditorEmits = {\n  \"update:model-value\": (modelValue: string) => true,\n};\n\nexport type JsonEditorEmits = typeof jsonEditorEmits;\n"],"names":[],"mappings":";AAGO,MAAM,kBAAkB,WAAW;AAAA,EACxC,YAAY;AAAA,IACV,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;AAIH,MAAM,kBAAkB;AAAA,EAC7B,sBAAsB,CAAC,eAAuB;AAChD;"}
+{"version":3,"file":"json-editor-options.js","sources":["../../../../../src/components/basic/json-editor/json-editor-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nexport const jsonEditorProps = buildProps({\r\n  modelValue: {\r\n    type: null,\r\n    required: true,\r\n  },\r\n  disabled: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n} as const);\r\n\r\nexport type JsonEditorProps = ExtractPropTypes<typeof jsonEditorProps>;\r\n\r\nexport const jsonEditorEmits = {\r\n  \"update:model-value\": (modelValue: string) => true,\r\n};\r\n\r\nexport type JsonEditorEmits = typeof jsonEditorEmits;\r\n"],"names":[],"mappings":";AAGO,MAAM,kBAAkB,WAAW;AAAA,EACxC,YAAY;AAAA,IACV,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;AAIH,MAAM,kBAAkB;AAAA,EAC7B,sBAAsB,CAAC,eAAuB;AAChD;"}

package/dist/esm/components/basic/json-editor/json-editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"json-editor.js","sources":["../../../../../src/components/basic/json-editor/json-editor.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\nimport { json } from \"@codemirror/lang-json\";\nimport { MKCodeEditor } from \"../code-editor\";\nimport { jsonEditorEmits, jsonEditorProps } from \"./json-editor-options\";\n\nexport default defineComponent({\n  name: \"MKJsonEditor\",\n  props: jsonEditorProps,\n  emits: jsonEditorEmits,\n  setup(props, { emit }) {\n    const modelValue = computed({\n      get: () => (props.modelValue as string) || \"\",\n      set: (v: string) => emit(\"update:model-value\", v),\n    });\n\n    return () => {\n      return (\n        <MKCodeEditor\n          class=\"mk-json-editor\"\n          modelValue={unref(modelValue)}\n          onUpdate:model-value={(v: string) => (modelValue.value = v)}\n          disabled={props.disabled}\n          extensions={[json()]}\n        />\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","jsonEditorProps","emits","jsonEditorEmits","setup","emit","modelValue","computed","get","set","v","_createVNode","MKCodeEditor","unref","value","disabled","json"],"mappings":";;;;AAKA,MAAeA,6CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,aAAaC,SAAS;AAAA,MAC1BC,KAAKA,MAAOR,MAAMM,cAAyB;AAAA,MAC3CG,KAAMC,OAAcL,KAAK,sBAAsBK,CAAC;AAAA,IAClD,CAAC;AAED,WAAO,MAAM;AACX,aAAAC,YAAAC,cAAA;AAAA,QAAA,SAAA;AAAA,QAAA,cAGgBC,MAAMP,UAAU;AAAA,QAAC,wBACNI,OAAeJ,WAAWQ,QAAQJ;AAAAA,QAAE,YACjDV,MAAMe;AAAAA,QAAQ,cACZ,CAACC,MAAM;AAAA,MAAC,GAAA,IAAA;AAAA;EAI5B;AACF,CAAC;"}
+{"version":3,"file":"json-editor.js","sources":["../../../../../src/components/basic/json-editor/json-editor.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\r\nimport { json } from \"@codemirror/lang-json\";\r\nimport { MKCodeEditor } from \"../code-editor\";\r\nimport { jsonEditorEmits, jsonEditorProps } from \"./json-editor-options\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKJsonEditor\",\r\n  props: jsonEditorProps,\r\n  emits: jsonEditorEmits,\r\n  setup(props, { emit }) {\r\n    const modelValue = computed({\r\n      get: () => (props.modelValue as string) || \"\",\r\n      set: (v: string) => emit(\"update:model-value\", v),\r\n    });\r\n\r\n    return () => {\r\n      return (\r\n        <MKCodeEditor\r\n          class=\"mk-json-editor\"\r\n          modelValue={unref(modelValue)}\r\n          onUpdate:model-value={(v: string) => (modelValue.value = v)}\r\n          disabled={props.disabled}\r\n          extensions={[json()]}\r\n        />\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","jsonEditorProps","emits","jsonEditorEmits","setup","emit","modelValue","computed","get","set","v","_createVNode","MKCodeEditor","unref","value","disabled","json"],"mappings":";;;;AAKA,MAAeA,6CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,aAAaC,SAAS;AAAA,MAC1BC,KAAKA,MAAOR,MAAMM,cAAyB;AAAA,MAC3CG,KAAMC,OAAcL,KAAK,sBAAsBK,CAAC;AAAA,IAClD,CAAC;AAED,WAAO,MAAM;AACX,aAAAC,YAAAC,cAAA;AAAA,QAAA,SAAA;AAAA,QAAA,cAGgBC,MAAMP,UAAU;AAAA,QAAC,wBACNI,OAAeJ,WAAWQ,QAAQJ;AAAAA,QAAE,YACjDV,MAAMe;AAAAA,QAAQ,cACZ,CAACC,MAAM;AAAA,MAAC,GAAA,IAAA;AAAA;EAI5B;AACF,CAAC;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"page-container.js","sources":["../../../../../src/components/basic/page-container/page-container.tsx"],"sourcesContent":["import { defineComponent } from \"vue\";\n\nexport default defineComponent({\n  name: \"MKPageContainer\",\n  setup(_, { slots }) {\n    return () => {\n      return <div class=\"mk-page-container\">{slots.default?.()}</div>;\n    };\n  },\n});\n"],"names":["defineComponent","name","setup","_","slots","_createVNode","default"],"mappings":";AAEA,MAAeA,gDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,MAAMC,GAAG;AAAA,IAAEC;AAAAA,EAAM,GAAG;AAClB,WAAO,MAAM;;AACX,aAAAC,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,EAAuCD,WAAME,YAANF,8BAAiB,CAAA;AAAA;EAE5D;AACF,CAAC;"}
+{"version":3,"file":"page-container.js","sources":["../../../../../src/components/basic/page-container/page-container.tsx"],"sourcesContent":["import { defineComponent } from \"vue\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKPageContainer\",\r\n  setup(_, { slots }) {\r\n    return () => {\r\n      return <div class=\"mk-page-container\">{slots.default?.()}</div>;\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","setup","_","slots","_createVNode","default"],"mappings":";AAEA,MAAeA,gDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,MAAMC,GAAG;AAAA,IAAEC;AAAAA,EAAM,GAAG;AAClB,WAAO,MAAM;;AACX,aAAAC,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,EAAuCD,WAAME,YAANF,8BAAiB,CAAA;AAAA;EAE5D;AACF,CAAC;"}

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
 import { defineComponent, computed, unref, createVNode } from "vue";
-import * as icons from "@element-plus/icons-vue";
+import * as elIcons from "@element-plus/icons-vue";
 import { svgIconProps, svgIconEmits } from "./svg-icon-options.js";
 import { ElIcon } from "element-plus";
 const SvgIcon = /* @__PURE__ */ defineComponent({
@@ -9,7 +9,7 @@ const SvgIcon = /* @__PURE__ */ defineComponent({
   setup(props, {
     emit
   }) {
-    const iconNames = Object.keys(icons);
+    const iconNames = Object.keys(elIcons);
     const iconName = computed(() => `#icon-${props.iconClass}`);
     const iconClass = computed(() => props.className ? `mk-svg-icon ${props.className}` : "mk-svg-icon");
     const isElIcon = computed(() => props.iconClass ? unref(iconNames).includes(props.iconClass) : false);
@@ -18,7 +18,7 @@ const SvgIcon = /* @__PURE__ */ defineComponent({
     };
     return () => {
       if (unref(isElIcon)) {
-        const Icon = icons[props.iconClass];
+        const Icon = elIcons[props.iconClass];
         return createVNode("i", {
           "class": unref(iconClass),
           "onClick": handleClick

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

@@ -1 +1 @@
-{"version":3,"file":"svg-icon.js","sources":["../../../../../src/components/basic/svg-icon/svg-icon.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\r\nimport * as icons from \"@element-plus/icons-vue\";\r\nimport { svgIconEmits, svgIconProps } from \"./svg-icon-options\";\r\nimport { ElIcon } from \"element-plus\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKSvgIcon\",\r\n  props: svgIconProps,\r\n  emits: svgIconEmits,\r\n  setup(props, { emit }) {\r\n    const iconNames = Object.keys(icons);\r\n\r\n    const iconName = computed(() => `#icon-${props.iconClass}`);\r\n    const iconClass = computed(() =>\r\n      props.className ? `mk-svg-icon ${props.className}` : \"mk-svg-icon\"\r\n    );\r\n\r\n    const isElIcon = computed(() =>\r\n      props.iconClass ? unref(iconNames).includes(props.iconClass) : false\r\n    );\r\n\r\n    const handleClick = (e: MouseEvent) => {\r\n      emit(\"click\", e);\r\n    };\r\n\r\n    return () => {\r\n      if (unref(isElIcon)) {\r\n        const Icon = icons[props.iconClass as keyof typeof icons];\r\n\r\n        return (\r\n          <i class={unref(iconClass)} onClick={handleClick}>\r\n            <ElIcon>\r\n              <Icon />\r\n            </ElIcon>\r\n          </i>\r\n        );\r\n      }\r\n\r\n      return (\r\n        <i class={unref(iconClass)} onClick={handleClick}>\r\n          <ElIcon>\r\n            <svg>\r\n              <use xlinkHref={unref(iconName)} />\r\n            </svg>\r\n          </ElIcon>\r\n        </i>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","svgIconProps","emits","svgIconEmits","setup","emit","iconNames","Object","keys","icons","iconName","computed","iconClass","className","isElIcon","unref","includes","handleClick","e","Icon","_createVNode","ElIcon","default"],"mappings":";;;;AAKA,MAAeA,0CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,YAAYC,OAAOC,KAAKC,KAAK;AAEnC,UAAMC,WAAWC,SAAS,MAAM,SAASX,MAAMY,SAAS,EAAE;AAC1D,UAAMA,YAAYD,SAAS,MACzBX,MAAMa,YAAY,eAAeb,MAAMa,SAAS,KAAK,aACvD;AAEA,UAAMC,WAAWH,SAAS,MACxBX,MAAMY,YAAYG,MAAMT,SAAS,EAAEU,SAAShB,MAAMY,SAAS,IAAI,KACjE;AAEA,UAAMK,cAAeC,OAAkB;AACrCb,WAAK,SAASa,CAAC;AAAA;AAGjB,WAAO,MAAM;AACX,UAAIH,MAAMD,QAAQ,GAAG;AACnB,cAAMK,OAAOV,MAAMT,MAAMY,SAAS;AAElC,eAAAQ,YAAA,KAAA;AAAA,UAAA,SACYL,MAAMH,SAAS;AAAA,UAAC,WAAWK;AAAAA,WAAWG,CAAAA,YAAAC,QAAA,MAAA;AAAA,UAAAC,SAAAA,MAAAF,CAAAA,YAAAD,MAAA,MAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA,CAAA;AAAA,MAMpD;AAEA,aAAAC,YAAA,KAAA;AAAA,QAAA,SACYL,MAAMH,SAAS;AAAA,QAAC,WAAWK;AAAAA,SAAWG,CAAAA,YAAAC,QAAA,MAAA;AAAA,QAAAC,SAAAA,MAAAF,CAAAA,0BAAAA,YAAA,OAAA;AAAA,UAAA,cAG1BL,MAAML,QAAQ;AAAA,QAAC,GAAA,IAAA,CAAA,CAAA,CAAA;AAAA,MAAA,CAAA,CAAA,CAAA;AAAA;EAM3C;AACF,CAAC;"}
+{"version":3,"file":"svg-icon.js","sources":["../../../../../src/components/basic/svg-icon/svg-icon.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\r\nimport * as icons from \"@element-plus/icons-vue\";\r\nimport { svgIconEmits, svgIconProps } from \"./svg-icon-options\";\r\nimport { ElIcon } from \"element-plus\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKSvgIcon\",\r\n  props: svgIconProps,\r\n  emits: svgIconEmits,\r\n  setup(props, { emit }) {\r\n    const iconNames = Object.keys(icons);\r\n\r\n    const iconName = computed(() => `#icon-${props.iconClass}`);\r\n    const iconClass = computed(() =>\r\n      props.className ? `mk-svg-icon ${props.className}` : \"mk-svg-icon\"\r\n    );\r\n\r\n    const isElIcon = computed(() =>\r\n      props.iconClass ? unref(iconNames).includes(props.iconClass) : false\r\n    );\r\n\r\n    const handleClick = (e: MouseEvent) => {\r\n      emit(\"click\", e);\r\n    };\r\n\r\n    return () => {\r\n      if (unref(isElIcon)) {\r\n        const Icon = icons[props.iconClass as keyof typeof icons];\r\n\r\n        return (\r\n          <i class={unref(iconClass)} onClick={handleClick}>\r\n            <ElIcon>\r\n              <Icon />\r\n            </ElIcon>\r\n          </i>\r\n        );\r\n      }\r\n\r\n      return (\r\n        <i class={unref(iconClass)} onClick={handleClick}>\r\n          <ElIcon>\r\n            <svg>\r\n              <use xlinkHref={unref(iconName)} />\r\n            </svg>\r\n          </ElIcon>\r\n        </i>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","svgIconProps","emits","svgIconEmits","setup","emit","iconNames","Object","keys","icons","iconName","computed","iconClass","className","isElIcon","unref","includes","handleClick","e","Icon","_createVNode","ElIcon","default"],"mappings":";;;;AAKA,MAAeA,0CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,YAAYC,OAAOC,KAAKC,OAAK;AAEnC,UAAMC,WAAWC,SAAS,MAAM,SAASX,MAAMY,SAAS,EAAE;AAC1D,UAAMA,YAAYD,SAAS,MACzBX,MAAMa,YAAY,eAAeb,MAAMa,SAAS,KAAK,aACvD;AAEA,UAAMC,WAAWH,SAAS,MACxBX,MAAMY,YAAYG,MAAMT,SAAS,EAAEU,SAAShB,MAAMY,SAAS,IAAI,KACjE;AAEA,UAAMK,cAAeC,OAAkB;AACrCb,WAAK,SAASa,CAAC;AAAA;AAGjB,WAAO,MAAM;AACX,UAAIH,MAAMD,QAAQ,GAAG;AACnB,cAAMK,OAAOV,QAAMT,MAAMY,SAAS;AAElC,eAAAQ,YAAA,KAAA;AAAA,UAAA,SACYL,MAAMH,SAAS;AAAA,UAAC,WAAWK;AAAAA,WAAWG,CAAAA,YAAAC,QAAA,MAAA;AAAA,UAAAC,SAAAA,MAAAF,CAAAA,YAAAD,MAAA,MAAA,IAAA,CAAA;AAAA,QAAA,CAAA,CAAA,CAAA;AAAA,MAMpD;AAEA,aAAAC,YAAA,KAAA;AAAA,QAAA,SACYL,MAAMH,SAAS;AAAA,QAAC,WAAWK;AAAAA,SAAWG,CAAAA,YAAAC,QAAA,MAAA;AAAA,QAAAC,SAAAA,MAAAF,CAAAA,0BAAAA,YAAA,OAAA;AAAA,UAAA,cAG1BL,MAAML,QAAQ;AAAA,QAAC,GAAA,IAAA,CAAA,CAAA,CAAA;AAAA,MAAA,CAAA,CAAA,CAAA;AAAA;EAM3C;AACF,CAAC;"}

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

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

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

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

package/dist/esm/components/basic/upload-file/ui/upload-image/upload-image-options.js

@@ -14,6 +14,18 @@ const uploadImageProps = buildProps({
   multiple: {
     type: Boolean,
     default: false
+  },
+  width: {
+    type: String,
+    default: "180px"
+  },
+  height: {
+    type: String,
+    default: "180px"
+  },
+  icon: {
+    type: String,
+    default: "Picture"
   }
 });
 const uploadImageEmits = {