@maketribe/ms-app 3.2.22 → 3.2.24

package/dist/esm/components/basic/config-provider/config-provider-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"config-provider-options.js","sources":["../../../../../src/components/basic/config-provider/config-provider-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { Components } from \"@maketribe/dm\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { I18n } from \"@maketribe/locale\";\n\nexport const configProviderProps = buildProps({\n  dataTableComponents: {\n    type: Components,\n  },\n  dataFormComponents: {\n    type: Components,\n  },\n  dataFilterComponents: {\n    type: Components,\n  },\n  whereFilterComponents: {\n    type: Components,\n  },\n  dataTableHeaderComponents: {\n    type: Components,\n  },\n  i18n: {\n    type: I18n,\n  },\n});\n\nexport type ConfigProviderProps = ExtractPropTypes<typeof configProviderProps>;\n"],"names":[],"mappings":";;;AAKO,MAAM,sBAAsB,WAAW;AAAA,EAC5C,qBAAqB;AAAA,IACnB,MAAM;AAAA,EACR;AAAA,EACA,oBAAoB;AAAA,IAClB,MAAM;AAAA,EACR;AAAA,EACA,sBAAsB;AAAA,IACpB,MAAM;AAAA,EACR;AAAA,EACA,uBAAuB;AAAA,IACrB,MAAM;AAAA,EACR;AAAA,EACA,2BAA2B;AAAA,IACzB,MAAM;AAAA,EACR;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,EACR;AACF,CAAC;"}
+{"version":3,"file":"config-provider-options.js","sources":["../../../../../src/components/basic/config-provider/config-provider-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { Components } from \"@maketribe/dm\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { I18n } from \"@maketribe/locale\";\r\n\r\nexport const configProviderProps = buildProps({\r\n  dataTableComponents: {\r\n    type: Components,\r\n  },\r\n  dataFormComponents: {\r\n    type: Components,\r\n  },\r\n  dataFilterComponents: {\r\n    type: Components,\r\n  },\r\n  whereFilterComponents: {\r\n    type: Components,\r\n  },\r\n  dataTableHeaderComponents: {\r\n    type: Components,\r\n  },\r\n  i18n: {\r\n    type: I18n,\r\n  },\r\n});\r\n\r\nexport type ConfigProviderProps = ExtractPropTypes<typeof configProviderProps>;\r\n"],"names":[],"mappings":";;;AAKO,MAAM,sBAAsB,WAAW;AAAA,EAC5C,qBAAqB;AAAA,IACnB,MAAM;AAAA,EACR;AAAA,EACA,oBAAoB;AAAA,IAClB,MAAM;AAAA,EACR;AAAA,EACA,sBAAsB;AAAA,IACpB,MAAM;AAAA,EACR;AAAA,EACA,uBAAuB;AAAA,IACrB,MAAM;AAAA,EACR;AAAA,EACA,2BAA2B;AAAA,IACzB,MAAM;AAAA,EACR;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,EACR;AACF,CAAC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"data-select-options.js","sources":["../../../../../src/components/basic/data-select/data-select-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { abstractSelectEmits, abstractSelectProps } from \"../../abstract\";\n\nexport const dataSelectProps = buildProps({\n  ...abstractSelectProps,\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  allowCreate: {\n    type: Boolean,\n    default: false,\n  },\n  filterable: {\n    type: Boolean,\n    default: false,\n  },\n  filterFieldNames: {\n    type: Array<string>,\n    default: () => [],\n  },\n  primaryKey: String,\n} as const);\n\nexport type DataSelectProps = ExtractPropTypes<typeof dataSelectProps>;\n\nexport const dataSelectEmit = {\n  ...abstractSelectEmits,\n};\n\nexport type DataSelectEmit = typeof dataSelectEmit;\n"],"names":[],"mappings":";;;AAIO,MAAM,kBAAkB,WAAW;AAAA,EACxC,GAAG;AAAA,EACH,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,kBAAkB;AAAA,IAChB,MAAM;AAAA,IACN,SAAS,MAAM,CAAC;AAAA,EAClB;AAAA,EACA,YAAY;AACd,CAAU;AAIH,MAAM,iBAAiB;AAAA,EAC5B,GAAG;AACL;"}
+{"version":3,"file":"data-select-options.js","sources":["../../../../../src/components/basic/data-select/data-select-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { abstractSelectEmits, abstractSelectProps } from \"../../abstract\";\r\n\r\nexport const dataSelectProps = buildProps({\r\n  ...abstractSelectProps,\r\n  disabled: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  allowCreate: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  filterable: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  filterFieldNames: {\r\n    type: Array<string>,\r\n    default: () => [],\r\n  },\r\n  primaryKey: String,\r\n} as const);\r\n\r\nexport type DataSelectProps = ExtractPropTypes<typeof dataSelectProps>;\r\n\r\nexport const dataSelectEmit = {\r\n  ...abstractSelectEmits,\r\n};\r\n\r\nexport type DataSelectEmit = typeof dataSelectEmit;\r\n"],"names":[],"mappings":";;;AAIO,MAAM,kBAAkB,WAAW;AAAA,EACxC,GAAG;AAAA,EACH,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,kBAAkB;AAAA,IAChB,MAAM;AAAA,IACN,SAAS,MAAM,CAAC;AAAA,EAClB;AAAA,EACA,YAAY;AACd,CAAU;AAIH,MAAM,iBAAiB;AAAA,EAC5B,GAAG;AACL;"}

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

@@ -1 +1 @@
-{"version":3,"file":"data-select.js","sources":["../../../../../src/components/basic/data-select/data-select.tsx"],"sourcesContent":["import { computed, defineComponent, onMounted, unref, watch } from \"vue\";\nimport { ElSelect, ElOption } from \"element-plus\";\n\nimport { dataSelectProps, dataSelectEmit } from \"./data-select-options\";\nimport { MKAbstractSelect } from \"../../abstract\";\nimport { debounce } from \"lodash-es\";\n\nexport type DataOptionItem = { value: any; label: string };\n\nexport default defineComponent({\n  name: \"MKDataSelect\",\n  props: dataSelectProps,\n  emits: dataSelectEmit,\n  setup(props, { emit }) {\n    const loading = computed(() => props.dataTable?.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    const dataTable = computed(() => props.dataTable);\n\n    onMounted(() => [\n      watch(\n        dataTable,\n        async () => {\n          await unref(dataTable)?.init();\n          unref(dataTable)?.dataFilter.setReady();\n          unref(dataTable)?.load();\n        },\n        { immediate: true }\n      ),\n    ]);\n\n    const filterMethod = debounce(async (value: string) => {\n      if (props.dataTable) {\n        if (!props.filterFieldNames.length) {\n          return null;\n        }\n\n        props.dataTable.useCondition((group) => {\n          group.clear();\n\n          for (let fieldName of props.filterFieldNames) {\n            group.addCondition(fieldName, \"like\", `%${value}%`);\n          }\n        });\n\n        const dataFilter = props.dataTable.dataFilter;\n\n        await props.dataTable.load();\n\n        return;\n      }\n    }, 500);\n\n    return () => {\n      return (\n        <MKAbstractSelect\n          modelValue={unref(modelValue)}\n          onUpdate:model-value={(v: any) => {\n            modelValue.value = v;\n          }}\n          dataTable={props.dataTable}\n          objectValue={props.objectValue}\n          multiple={props.multiple}\n          options={props.options}\n          labelFieldName={props.labelFieldName}\n          primaryFieldName={props.primaryFieldName}\n          formatOptions={props.formatOptions}\n          v-slots={{\n            default: ({ options, selections, setSelections }: any) => {\n              const children = unref(options).map((item: any) => (\n                <ElOption\n                  key={item.value}\n                  value={item.value}\n                  label={item.label}\n                />\n              ));\n\n              return (\n                <ElSelect\n                  disabled={props.disabled}\n                  loading={unref(loading)}\n                  class=\"data-select\"\n                  modelValue={selections}\n                  onUpdate:modelValue={setSelections}\n                  filterMethod={filterMethod}\n                  multiple={props.multiple}\n                  allowCreate={props.allowCreate}\n                  filterable={props.filterable}\n                >\n                  {children}\n                </ElSelect>\n              );\n            },\n          }}\n        />\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","dataSelectProps","emits","dataSelectEmit","setup","emit","loading","computed","dataTable","modelValue","get","unref","set","v","onMounted","watch","init","dataFilter","setReady","load","immediate","filterMethod","debounce","value","filterFieldNames","length","useCondition","group","clear","fieldName","addCondition","_createVNode","MKAbstractSelect","objectValue","multiple","options","labelFieldName","primaryFieldName","formatOptions","default","selections","setSelections","children","map","item","ElOption","label","ElSelect","disabled","allowCreate","filterable"],"mappings":";;;;;AAKqC,SAAAA,QAAAC,GAAA;AAAA,SAAA,OAAAA,MAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAAK,qBAAAA,CAAAA,QAAAL,CAAA;AAAA;AAIrC,MAAeM,6CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,UAAUC,SAAS,MAAMP;;AAAAA,0BAAMQ,cAANR,mBAAiBM,YAAW;AAAA,KAAK;AAEhE,UAAMG,aAAaF,SAAS;AAAA,MAC1BG,KAAKA,MAAMC,MAAMX,MAAMS,UAAU;AAAA,MACjCG,KAAMC,OAAM;AACVR,aAAK,sBAAsBQ,CAAC;AAAA,MAC9B;AAAA,IACF,CAAC;AAED,UAAML,YAAYD,SAAS,MAAMP,MAAMQ,SAAS;AAEhDM,cAAU,MAAM,CACdC,MACEP,WACA,YAAY;;AACV,cAAMG,WAAMH,SAAS,MAAfG,mBAAkBK;AACxBL,kBAAMH,SAAS,MAAfG,mBAAkBM,WAAWC;AAC7BP,kBAAMH,SAAS,MAAfG,mBAAkBQ;AAAAA,IACpB,GACA;AAAA,MAAEC,WAAW;AAAA,IACf,CAAA,CAAC,CACF;AAED,UAAMC,eAAeC,SAAS,OAAOC,UAAkB;AACrD,UAAIvB,MAAMQ,WAAW;AACnB,YAAI,CAACR,MAAMwB,iBAAiBC,QAAQ;AAClC,iBAAO;AAAA,QACT;AAEAzB,cAAMQ,UAAUkB,aAAcC,WAAU;AACtCA,gBAAMC,MAAK;AAEX,mBAASC,aAAa7B,MAAMwB,kBAAkB;AAC5CG,kBAAMG,aAAaD,WAAW,QAAQ,IAAIN,KAAK,GAAG;AAAA,UACpD;AAAA,QACF,CAAC;AAEkBvB,cAAMQ,UAAUS;AAEnC,cAAMjB,MAAMQ,UAAUW;AAEtB;AAAA,MACF;AAAA,IACD,GAAE,GAAG;AAEN,WAAO,MAAM;AACX,aAAAY,YAAAC,kBAAA;AAAA,QAAA,cAEgBrB,MAAMF,UAAU;AAAA,QAAC,wBACNI,OAAW;AAChCJ,qBAAWc,QAAQV;AAAAA,QACpB;AAAA,QAAA,aACUb,MAAMQ;AAAAA,QAAS,eACbR,MAAMiC;AAAAA,QAAW,YACpBjC,MAAMkC;AAAAA,QAAQ,WACflC,MAAMmC;AAAAA,QAAO,kBACNnC,MAAMoC;AAAAA,QAAc,oBAClBpC,MAAMqC;AAAAA,QAAgB,iBACzBrC,MAAMsC;AAAAA,SACZ;AAAA,QACPC,SAASA,CAAC;AAAA,UAAEJ;AAAAA,UAASK;AAAAA,UAAYC;AAAAA,QAAmB,MAAM;AACxD,gBAAMC,WAAW/B,MAAMwB,OAAO,EAAEQ,IAAKC,UAASb,YAAAc,UAAA;AAAA,YAAA,OAErCD,KAAKrB;AAAAA,YAAK,SACRqB,KAAKrB;AAAAA,YAAK,SACVqB,KAAKE;AAAAA,UAAK,GAAA,IAAA,CAEpB;AAED,iBAAAf,YAAAgB,UAAA;AAAA,YAAA,YAEc/C,MAAMgD;AAAAA,YAAQ,WACfrC,MAAML,OAAO;AAAA,YAAC,SAAA;AAAA,YAAA,cAEXkC;AAAAA,YAAU,uBACDC;AAAAA,YAAa,gBACpBpB;AAAAA,YAAY,YAChBrB,MAAMkC;AAAAA,YAAQ,eACXlC,MAAMiD;AAAAA,YAAW,cAClBjD,MAAMkD;AAAAA,UAAU,GAAA3D,QAE3BmD,QAAQ,IAARA,WAAQ;AAAA,YAAAH,SAAAA,MAAA,CAARG,QAAQ;AAAA,UAAA,CAAA;AAAA,QAGf;AAAA,OACD;AAAA;EAIT;AACF,CAAC;"}
+{"version":3,"file":"data-select.js","sources":["../../../../../src/components/basic/data-select/data-select.tsx"],"sourcesContent":["import { computed, defineComponent, onMounted, unref, watch } from \"vue\";\r\nimport { ElSelect, ElOption } from \"element-plus\";\r\n\r\nimport { dataSelectProps, dataSelectEmit } from \"./data-select-options\";\r\nimport { MKAbstractSelect } from \"../../abstract\";\r\nimport { debounce } from \"lodash-es\";\r\n\r\nexport type DataOptionItem = { value: any; label: string };\r\n\r\nexport default defineComponent({\r\n  name: \"MKDataSelect\",\r\n  props: dataSelectProps,\r\n  emits: dataSelectEmit,\r\n  setup(props, { emit }) {\r\n    const loading = computed(() => props.dataTable?.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    const dataTable = computed(() => props.dataTable);\r\n\r\n    onMounted(() => [\r\n      watch(\r\n        dataTable,\r\n        async () => {\r\n          await unref(dataTable)?.init();\r\n          unref(dataTable)?.dataFilter.setReady();\r\n          unref(dataTable)?.load();\r\n        },\r\n        { immediate: true }\r\n      ),\r\n    ]);\r\n\r\n    const filterMethod = debounce(async (value: string) => {\r\n      if (props.dataTable) {\r\n        if (!props.filterFieldNames.length) {\r\n          return null;\r\n        }\r\n\r\n        props.dataTable.useCondition((group) => {\r\n          group.clear();\r\n\r\n          for (let fieldName of props.filterFieldNames) {\r\n            group.addCondition(fieldName, \"like\", `%${value}%`);\r\n          }\r\n        });\r\n\r\n        const dataFilter = props.dataTable.dataFilter;\r\n\r\n        await props.dataTable.load();\r\n\r\n        return;\r\n      }\r\n    }, 500);\r\n\r\n    return () => {\r\n      return (\r\n        <MKAbstractSelect\r\n          modelValue={unref(modelValue)}\r\n          onUpdate:model-value={(v: any) => {\r\n            modelValue.value = v;\r\n          }}\r\n          dataTable={props.dataTable}\r\n          objectValue={props.objectValue}\r\n          multiple={props.multiple}\r\n          options={props.options}\r\n          labelFieldName={props.labelFieldName}\r\n          primaryFieldName={props.primaryFieldName}\r\n          formatOptions={props.formatOptions}\r\n          v-slots={{\r\n            default: ({ options, selections, setSelections }: any) => {\r\n              const children = unref(options).map((item: any) => (\r\n                <ElOption\r\n                  key={item.value}\r\n                  value={item.value}\r\n                  label={item.label}\r\n                />\r\n              ));\r\n\r\n              return (\r\n                <ElSelect\r\n                  disabled={props.disabled}\r\n                  loading={unref(loading)}\r\n                  class=\"data-select\"\r\n                  modelValue={selections}\r\n                  onUpdate:modelValue={setSelections}\r\n                  filterMethod={filterMethod}\r\n                  multiple={props.multiple}\r\n                  allowCreate={props.allowCreate}\r\n                  filterable={props.filterable}\r\n                >\r\n                  {children}\r\n                </ElSelect>\r\n              );\r\n            },\r\n          }}\r\n        />\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","dataSelectProps","emits","dataSelectEmit","setup","emit","loading","computed","dataTable","modelValue","get","unref","set","v","onMounted","watch","init","dataFilter","setReady","load","immediate","filterMethod","debounce","value","filterFieldNames","length","useCondition","group","clear","fieldName","addCondition","_createVNode","MKAbstractSelect","objectValue","multiple","options","labelFieldName","primaryFieldName","formatOptions","default","selections","setSelections","children","map","item","ElOption","label","ElSelect","disabled","allowCreate","filterable"],"mappings":";;;;;AAKqC,SAAAA,QAAAC,GAAA;AAAA,SAAA,OAAAA,MAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAAK,qBAAAA,CAAAA,QAAAL,CAAA;AAAA;AAIrC,MAAeM,6CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,UAAUC,SAAS,MAAMP;;AAAAA,0BAAMQ,cAANR,mBAAiBM,YAAW;AAAA,KAAK;AAEhE,UAAMG,aAAaF,SAAS;AAAA,MAC1BG,KAAKA,MAAMC,MAAMX,MAAMS,UAAU;AAAA,MACjCG,KAAMC,OAAM;AACVR,aAAK,sBAAsBQ,CAAC;AAAA,MAC9B;AAAA,IACF,CAAC;AAED,UAAML,YAAYD,SAAS,MAAMP,MAAMQ,SAAS;AAEhDM,cAAU,MAAM,CACdC,MACEP,WACA,YAAY;;AACV,cAAMG,WAAMH,SAAS,MAAfG,mBAAkBK;AACxBL,kBAAMH,SAAS,MAAfG,mBAAkBM,WAAWC;AAC7BP,kBAAMH,SAAS,MAAfG,mBAAkBQ;AAAAA,IACpB,GACA;AAAA,MAAEC,WAAW;AAAA,IACf,CAAA,CAAC,CACF;AAED,UAAMC,eAAeC,SAAS,OAAOC,UAAkB;AACrD,UAAIvB,MAAMQ,WAAW;AACnB,YAAI,CAACR,MAAMwB,iBAAiBC,QAAQ;AAClC,iBAAO;AAAA,QACT;AAEAzB,cAAMQ,UAAUkB,aAAcC,WAAU;AACtCA,gBAAMC,MAAK;AAEX,mBAASC,aAAa7B,MAAMwB,kBAAkB;AAC5CG,kBAAMG,aAAaD,WAAW,QAAQ,IAAIN,KAAK,GAAG;AAAA,UACpD;AAAA,QACF,CAAC;AAEkBvB,cAAMQ,UAAUS;AAEnC,cAAMjB,MAAMQ,UAAUW;AAEtB;AAAA,MACF;AAAA,IACD,GAAE,GAAG;AAEN,WAAO,MAAM;AACX,aAAAY,YAAAC,kBAAA;AAAA,QAAA,cAEgBrB,MAAMF,UAAU;AAAA,QAAC,wBACNI,OAAW;AAChCJ,qBAAWc,QAAQV;AAAAA,QACpB;AAAA,QAAA,aACUb,MAAMQ;AAAAA,QAAS,eACbR,MAAMiC;AAAAA,QAAW,YACpBjC,MAAMkC;AAAAA,QAAQ,WACflC,MAAMmC;AAAAA,QAAO,kBACNnC,MAAMoC;AAAAA,QAAc,oBAClBpC,MAAMqC;AAAAA,QAAgB,iBACzBrC,MAAMsC;AAAAA,SACZ;AAAA,QACPC,SAASA,CAAC;AAAA,UAAEJ;AAAAA,UAASK;AAAAA,UAAYC;AAAAA,QAAmB,MAAM;AACxD,gBAAMC,WAAW/B,MAAMwB,OAAO,EAAEQ,IAAKC,UAASb,YAAAc,UAAA;AAAA,YAAA,OAErCD,KAAKrB;AAAAA,YAAK,SACRqB,KAAKrB;AAAAA,YAAK,SACVqB,KAAKE;AAAAA,UAAK,GAAA,IAAA,CAEpB;AAED,iBAAAf,YAAAgB,UAAA;AAAA,YAAA,YAEc/C,MAAMgD;AAAAA,YAAQ,WACfrC,MAAML,OAAO;AAAA,YAAC,SAAA;AAAA,YAAA,cAEXkC;AAAAA,YAAU,uBACDC;AAAAA,YAAa,gBACpBpB;AAAAA,YAAY,YAChBrB,MAAMkC;AAAAA,YAAQ,eACXlC,MAAMiD;AAAAA,YAAW,cAClBjD,MAAMkD;AAAAA,UAAU,GAAA3D,QAE3BmD,QAAQ,IAARA,WAAQ;AAAA,YAAAH,SAAAA,MAAA,CAARG,QAAQ;AAAA,UAAA,CAAA;AAAA,QAGf;AAAA,OACD;AAAA;EAIT;AACF,CAAC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"data-table-select-options.js","sources":["../../../../../src/components/basic/data-table-select/data-table-select-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { abstractSelectEmits, abstractSelectProps } from \"../../abstract\";\nimport { DataTable } from \"@maketribe/dm\";\n\nconst { options: _, ...restAbstractSelectProps } = abstractSelectProps;\n\nexport const dataTableSelectProps = buildProps({\n  ...restAbstractSelectProps,\n  dataTable: {\n    type: DataTable<any>,\n    required: true,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n} as const);\n\nexport type DataTableSelectProps = ExtractPropTypes<\n  typeof dataTableSelectProps\n>;\n\nexport const dataTableSelectEmits = {\n  ...abstractSelectEmits,\n};\n\nexport type DataTableSelectEmits = typeof dataTableSelectEmits;\n"],"names":[],"mappings":";;;;AAKA,MAAM,EAAE,SAAS,GAAG,GAAG,4BAA4B;AAE5C,MAAM,uBAAuB,WAAW;AAAA,EAC7C,GAAG;AAAA,EACH,WAAW;AAAA,IACT,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;AAMH,MAAM,uBAAuB;AAAA,EAClC,GAAG;AACL;"}
+{"version":3,"file":"data-table-select-options.js","sources":["../../../../../src/components/basic/data-table-select/data-table-select-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { abstractSelectEmits, abstractSelectProps } from \"../../abstract\";\r\nimport { DataTable } from \"@maketribe/dm\";\r\n\r\nconst { options: _, ...restAbstractSelectProps } = abstractSelectProps;\r\n\r\nexport const dataTableSelectProps = buildProps({\r\n  ...restAbstractSelectProps,\r\n  dataTable: {\r\n    type: DataTable<any>,\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 DataTableSelectProps = ExtractPropTypes<\r\n  typeof dataTableSelectProps\r\n>;\r\n\r\nexport const dataTableSelectEmits = {\r\n  ...abstractSelectEmits,\r\n};\r\n\r\nexport type DataTableSelectEmits = typeof dataTableSelectEmits;\r\n"],"names":[],"mappings":";;;;AAKA,MAAM,EAAE,SAAS,GAAG,GAAG,4BAA4B;AAE5C,MAAM,uBAAuB,WAAW;AAAA,EAC7C,GAAG;AAAA,EACH,WAAW;AAAA,IACT,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;AAMH,MAAM,uBAAuB;AAAA,EAClC,GAAG;AACL;"}

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

@@ -1 +1 @@
-{"version":3,"file":"data-table-select.js","sources":["../../../../../src/components/basic/data-table-select/data-table-select.tsx"],"sourcesContent":["import { computed, defineComponent, ref, Ref, unref, watch } from \"vue\";\nimport { ElSelect } from \"element-plus\";\nimport { Grid } from \"@element-plus/icons-vue\";\nimport {\n  dataTableSelectEmits,\n  dataTableSelectProps,\n} from \"./data-table-select-options\";\nimport { MKAbstractSelect } from \"../../abstract\";\nimport { DataTable, Dialoger, TableSelectCacheColumn } from \"@maketribe/dm\";\n\nexport default defineComponent({\n  name: \"MKDataTableSelect\",\n  inheritAttrs: false,\n  props: dataTableSelectProps,\n  emits: dataTableSelectEmits,\n  setup(props, { emit }) {\n    const abstractSelectInstance: Ref<typeof MKAbstractSelect | null> =\n      ref(null);\n\n    const dataTable = computed(() => props.dataTable);\n\n    const modelValue = computed({\n      get: () => props.modelValue,\n      set: (v) => emit(\"update:model-value\", v),\n    });\n\n    watch(\n      computed(\n        () => [unref(dataTable), props.multiple] as [DataTable, boolean]\n      ),\n      ([dataTable, multiple]) => {\n        dataTable.setSelectionColumn(new TableSelectCacheColumn({ multiple }));\n      },\n      { immediate: true }\n    );\n\n    const handleMousedown = async () => {\n      if (props.disabled) {\n        return;\n      }\n\n      const _dataTable = unref(dataTable);\n\n      const _selections = unref(abstractSelectInstance)?.selections;\n\n      const selections = props.multiple\n        ? _selections ?? []\n        : _selections\n        ? [_selections]\n        : [];\n\n      _dataTable.setSelection(selections);\n\n      const result = await Dialoger.dataTableSelectDialog(unref(dataTable)!);\n      if (result.isConfirm) {\n        unref(abstractSelectInstance)?.setSelections(\n          props.multiple ? result.selections : result.selections[0]\n        );\n      }\n    };\n\n    return () => {\n      return (\n        <div class=\"mk-data-table-select\" onMousedown={handleMousedown}>\n          <MKAbstractSelect\n            modelValue={unref(modelValue)}\n            onUpdate:model-value={(v: any) => {\n              modelValue.value = v;\n            }}\n            ref={(el) => (abstractSelectInstance.value = el as any)}\n            dataTable={props.dataTable}\n            objectValue={props.objectValue}\n            multiple={props.multiple}\n            labelFieldName={props.labelFieldName}\n            primaryFieldName={props.primaryFieldName}\n            formatOptions={props.formatOptions}\n            v-slots={{\n              default: ({ selectRecords, formatOptions }: any) => {\n                const options = selectRecords.map(formatOptions);\n\n                return (\n                  <ElSelect\n                    disabled={props.disabled}\n                    multiple={props.multiple}\n                    suffixIcon={Grid}\n                    popperClass=\"mk-data-table-select__popper\"\n                    clearable\n                    modelValue={props.multiple ? options : options[0] ?? null}\n                  />\n                );\n              },\n            }}\n          />\n        </div>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","inheritAttrs","props","dataTableSelectProps","emits","dataTableSelectEmits","setup","emit","abstractSelectInstance","ref","dataTable","computed","modelValue","get","set","v","watch","unref","multiple","setSelectionColumn","TableSelectCacheColumn","immediate","handleMousedown","disabled","_dataTable","_selections","selections","setSelection","result","Dialoger","dataTableSelectDialog","isConfirm","setSelections","_createVNode","MKAbstractSelect","value","el","objectValue","labelFieldName","primaryFieldName","formatOptions","default","selectRecords","options","map","ElSelect","Grid"],"mappings":";;;;;;AAUA,MAAeA,kDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,cAAc;AAAA,EACdC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,yBACJC,IAAI,IAAI;AAEV,UAAMC,YAAYC,SAAS,MAAMT,MAAMQ,SAAS;AAEhD,UAAME,aAAaD,SAAS;AAAA,MAC1BE,KAAKA,MAAMX,MAAMU;AAAAA,MACjBE,KAAMC,OAAMR,KAAK,sBAAsBQ,CAAC;AAAA,IAC1C,CAAC;AAEDC,UACEL,SACE,MAAM,CAACM,MAAMP,SAAS,GAAGR,MAAMgB,QAAQ,CACzC,GACA,CAAC,CAACR,YAAWQ,QAAQ,MAAM;AACzBR,MAAAA,WAAUS,mBAAmB,IAAIC,uBAAuB;AAAA,QAAEF;AAAAA,MAAU,CAAA,CAAC;AAAA,IACvE,GACA;AAAA,MAAEG,WAAW;AAAA,IAAK,CACpB;AAEA,UAAMC,kBAAkB,YAAY;;AAClC,UAAIpB,MAAMqB,UAAU;AAClB;AAAA,MACF;AAEA,YAAMC,aAAaP,MAAMP,SAAS;AAElC,YAAMe,eAAcR,WAAMT,sBAAsB,MAA5BS,mBAA+BS;AAEnD,YAAMA,aAAaxB,MAAMgB,WACrBO,eAAe,CAAE,IACjBA,cACA,CAACA,WAAW,IACZ;AAEJD,iBAAWG,aAAaD,UAAU;AAElC,YAAME,SAAS,MAAMC,SAASC,sBAAsBb,MAAMP,SAAS,CAAE;AACrE,UAAIkB,OAAOG,WAAW;AACpBd,oBAAMT,sBAAsB,MAA5BS,mBAA+Be,cAC7B9B,MAAMgB,WAAWU,OAAOF,aAAaE,OAAOF,WAAW,CAAC;AAAA,MAE5D;AAAA;AAGF,WAAO,MAAM;AACX,aAAAO,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,QAAA,eACiDX;AAAAA,SAAeW,CAAAA,YAAAC,kBAAA;AAAA,QAAA,cAE9CjB,MAAML,UAAU;AAAA,QAAC,wBACNG,OAAW;AAChCH,qBAAWuB,QAAQpB;AAAAA,QACpB;AAAA,QAAA,OACKqB,QAAQ5B,uBAAuB2B,QAAQC;AAAAA,QAAU,aAC5ClC,MAAMQ;AAAAA,QAAS,eACbR,MAAMmC;AAAAA,QAAW,YACpBnC,MAAMgB;AAAAA,QAAQ,kBACRhB,MAAMoC;AAAAA,QAAc,oBAClBpC,MAAMqC;AAAAA,QAAgB,iBACzBrC,MAAMsC;AAAAA,SACZ;AAAA,QACPC,SAASA,CAAC;AAAA,UAAEC;AAAAA,UAAeF;AAAAA,QAAmB,MAAM;AAClD,gBAAMG,UAAUD,cAAcE,IAAIJ,aAAa;AAE/C,iBAAAP,YAAAY,UAAA;AAAA,YAAA,YAEc3C,MAAMqB;AAAAA,YAAQ,YACdrB,MAAMgB;AAAAA,YAAQ,cACZ4B;AAAAA,YAAI,eAAA;AAAA,YAAA,aAAA;AAAA,YAAA,cAGJ5C,MAAMgB,WAAWyB,UAAUA,QAAQ,CAAC,KAAK;AAAA,UAAI,GAAA,IAAA;AAAA,QAG/D;AAAA,MACD,CAAA,CAAA,CAAA;AAAA;EAKX;AACF,CAAC;"}
+{"version":3,"file":"data-table-select.js","sources":["../../../../../src/components/basic/data-table-select/data-table-select.tsx"],"sourcesContent":["import { computed, defineComponent, ref, Ref, unref, watch } from \"vue\";\r\nimport { ElSelect } from \"element-plus\";\r\nimport { Grid } from \"@element-plus/icons-vue\";\r\nimport {\r\n  dataTableSelectEmits,\r\n  dataTableSelectProps,\r\n} from \"./data-table-select-options\";\r\nimport { MKAbstractSelect } from \"../../abstract\";\r\nimport { DataTable, Dialoger, TableSelectCacheColumn } from \"@maketribe/dm\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKDataTableSelect\",\r\n  inheritAttrs: false,\r\n  props: dataTableSelectProps,\r\n  emits: dataTableSelectEmits,\r\n  setup(props, { emit }) {\r\n    const abstractSelectInstance: Ref<typeof MKAbstractSelect | null> =\r\n      ref(null);\r\n\r\n    const dataTable = computed(() => props.dataTable);\r\n\r\n    const modelValue = computed({\r\n      get: () => props.modelValue,\r\n      set: (v) => emit(\"update:model-value\", v),\r\n    });\r\n\r\n    watch(\r\n      computed(\r\n        () => [unref(dataTable), props.multiple] as [DataTable, boolean]\r\n      ),\r\n      ([dataTable, multiple]) => {\r\n        dataTable.setSelectionColumn(new TableSelectCacheColumn({ multiple }));\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    const handleMousedown = async () => {\r\n      if (props.disabled) {\r\n        return;\r\n      }\r\n\r\n      const _dataTable = unref(dataTable);\r\n\r\n      const _selections = unref(abstractSelectInstance)?.selections;\r\n\r\n      const selections = props.multiple\r\n        ? _selections ?? []\r\n        : _selections\r\n        ? [_selections]\r\n        : [];\r\n\r\n      _dataTable.setSelection(selections);\r\n\r\n      const result = await Dialoger.dataTableSelectDialog(unref(dataTable)!);\r\n      if (result.isConfirm) {\r\n        unref(abstractSelectInstance)?.setSelections(\r\n          props.multiple ? result.selections : result.selections[0]\r\n        );\r\n      }\r\n    };\r\n\r\n    return () => {\r\n      return (\r\n        <div class=\"mk-data-table-select\" onMousedown={handleMousedown}>\r\n          <MKAbstractSelect\r\n            modelValue={unref(modelValue)}\r\n            onUpdate:model-value={(v: any) => {\r\n              modelValue.value = v;\r\n            }}\r\n            ref={(el) => (abstractSelectInstance.value = el as any)}\r\n            dataTable={props.dataTable}\r\n            objectValue={props.objectValue}\r\n            multiple={props.multiple}\r\n            labelFieldName={props.labelFieldName}\r\n            primaryFieldName={props.primaryFieldName}\r\n            formatOptions={props.formatOptions}\r\n            v-slots={{\r\n              default: ({ selectRecords, formatOptions }: any) => {\r\n                const options = selectRecords.map(formatOptions);\r\n\r\n                return (\r\n                  <ElSelect\r\n                    disabled={props.disabled}\r\n                    multiple={props.multiple}\r\n                    suffixIcon={Grid}\r\n                    popperClass=\"mk-data-table-select__popper\"\r\n                    clearable\r\n                    modelValue={props.multiple ? options : options[0] ?? null}\r\n                  />\r\n                );\r\n              },\r\n            }}\r\n          />\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","inheritAttrs","props","dataTableSelectProps","emits","dataTableSelectEmits","setup","emit","abstractSelectInstance","ref","dataTable","computed","modelValue","get","set","v","watch","unref","multiple","setSelectionColumn","TableSelectCacheColumn","immediate","handleMousedown","disabled","_dataTable","_selections","selections","setSelection","result","Dialoger","dataTableSelectDialog","isConfirm","setSelections","_createVNode","MKAbstractSelect","value","el","objectValue","labelFieldName","primaryFieldName","formatOptions","default","selectRecords","options","map","ElSelect","Grid"],"mappings":";;;;;;AAUA,MAAeA,kDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,cAAc;AAAA,EACdC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,yBACJC,IAAI,IAAI;AAEV,UAAMC,YAAYC,SAAS,MAAMT,MAAMQ,SAAS;AAEhD,UAAME,aAAaD,SAAS;AAAA,MAC1BE,KAAKA,MAAMX,MAAMU;AAAAA,MACjBE,KAAMC,OAAMR,KAAK,sBAAsBQ,CAAC;AAAA,IAC1C,CAAC;AAEDC,UACEL,SACE,MAAM,CAACM,MAAMP,SAAS,GAAGR,MAAMgB,QAAQ,CACzC,GACA,CAAC,CAACR,YAAWQ,QAAQ,MAAM;AACzBR,MAAAA,WAAUS,mBAAmB,IAAIC,uBAAuB;AAAA,QAAEF;AAAAA,MAAU,CAAA,CAAC;AAAA,IACvE,GACA;AAAA,MAAEG,WAAW;AAAA,IAAK,CACpB;AAEA,UAAMC,kBAAkB,YAAY;;AAClC,UAAIpB,MAAMqB,UAAU;AAClB;AAAA,MACF;AAEA,YAAMC,aAAaP,MAAMP,SAAS;AAElC,YAAMe,eAAcR,WAAMT,sBAAsB,MAA5BS,mBAA+BS;AAEnD,YAAMA,aAAaxB,MAAMgB,WACrBO,eAAe,CAAE,IACjBA,cACA,CAACA,WAAW,IACZ;AAEJD,iBAAWG,aAAaD,UAAU;AAElC,YAAME,SAAS,MAAMC,SAASC,sBAAsBb,MAAMP,SAAS,CAAE;AACrE,UAAIkB,OAAOG,WAAW;AACpBd,oBAAMT,sBAAsB,MAA5BS,mBAA+Be,cAC7B9B,MAAMgB,WAAWU,OAAOF,aAAaE,OAAOF,WAAW,CAAC;AAAA,MAE5D;AAAA;AAGF,WAAO,MAAM;AACX,aAAAO,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,QAAA,eACiDX;AAAAA,SAAeW,CAAAA,YAAAC,kBAAA;AAAA,QAAA,cAE9CjB,MAAML,UAAU;AAAA,QAAC,wBACNG,OAAW;AAChCH,qBAAWuB,QAAQpB;AAAAA,QACpB;AAAA,QAAA,OACKqB,QAAQ5B,uBAAuB2B,QAAQC;AAAAA,QAAU,aAC5ClC,MAAMQ;AAAAA,QAAS,eACbR,MAAMmC;AAAAA,QAAW,YACpBnC,MAAMgB;AAAAA,QAAQ,kBACRhB,MAAMoC;AAAAA,QAAc,oBAClBpC,MAAMqC;AAAAA,QAAgB,iBACzBrC,MAAMsC;AAAAA,SACZ;AAAA,QACPC,SAASA,CAAC;AAAA,UAAEC;AAAAA,UAAeF;AAAAA,QAAmB,MAAM;AAClD,gBAAMG,UAAUD,cAAcE,IAAIJ,aAAa;AAE/C,iBAAAP,YAAAY,UAAA;AAAA,YAAA,YAEc3C,MAAMqB;AAAAA,YAAQ,YACdrB,MAAMgB;AAAAA,YAAQ,cACZ4B;AAAAA,YAAI,eAAA;AAAA,YAAA,aAAA;AAAA,YAAA,cAGJ5C,MAAMgB,WAAWyB,UAAUA,QAAQ,CAAC,KAAK;AAAA,UAAI,GAAA,IAAA;AAAA,QAG/D;AAAA,MACD,CAAA,CAAA,CAAA;AAAA;EAKX;AACF,CAAC;"}

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

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

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                  clearable={props.clearable}\n                  data={options}\n                  disabled={props.disabled}\n                  loading={unref(loading)}\n                  modelValue={selections}\n                  onUpdate:modelValue={setSelections}\n                  multiple={props.multiple}\n                  checkStrictly={props.checkStrictly}\n                  v-slots={slots}\n                />\n              );\n            },\n          }}\n        />\n      );\n    };\n  },\n});\n"],"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;"}
+{"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/core/decorator-module.js

@@ -0,0 +1,13 @@
+import { createCommand } from "lexical";
+import "@lexical/utils";
+import "vue";
+import "lexical-vue";
+const SELECTED_DECORATORMODULE_COMMAND = createCommand("SELECTED_DECORATORMODULE_COMMAND");
+const REMOVE_DECORATORMODULE_COMMAND = createCommand("REMOVE_DECORATORMODULE_COMMAND");
+const UPDATE_DECORATORMODULE_TOOLBAR_POS_COMMAND = createCommand("UPDATE_DECORATORMODULE_TOOLBAR_POS_COMMAND");
+export {
+  REMOVE_DECORATORMODULE_COMMAND,
+  SELECTED_DECORATORMODULE_COMMAND,
+  UPDATE_DECORATORMODULE_TOOLBAR_POS_COMMAND
+};
+//# sourceMappingURL=decorator-module.js.map

package/dist/esm/components/basic/doc-editor/core/decorator-module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"decorator-module.js","sources":["../../../../../../src/components/basic/doc-editor/core/decorator-module.ts"],"sourcesContent":["\r\nimport type { BaseSelection, LexicalCommand,NodeKey } from 'lexical'\r\nimport {\r\n  createCommand,DecoratorNode,\r\n  $getSelection, $isNodeSelection,\r\n  CLICK_COMMAND, COMMAND_PRIORITY_LOW,\r\n  TextNode,\r\n  EditorConfig\r\n} from \"lexical\";\r\nimport { mergeRegister } from \"@lexical/utils\";\r\nimport { type Component,watch,ref } from \"vue\"\r\nimport {\r\n  useLexicalComposer,\r\n  useLexicalNodeSelection,\r\n  useMounted,\r\n} from \"lexical-vue\";\r\n\r\n/**\r\n * toolsbar的函数\r\n */\r\nexport type ToolsbarFunction = (selection:BaseSelection|null)=>Array<any>|null;\r\n\r\n/**\r\n * 组件选中\r\n */\r\nexport type DecoratorModuleSelectEventType = {\r\n  element:HTMLElement,\r\n  toolsbars:Array<any>|ToolsbarFunction\r\n}\r\n\r\n/**\r\n * 选中装饰模块\r\n */\r\nexport const SELECTED_DECORATORMODULE_COMMAND: LexicalCommand<DecoratorModuleSelectEventType|null> = createCommand('SELECTED_DECORATORMODULE_COMMAND')\r\n\r\n/**\r\n * 移除装饰器模块\r\n */\r\nexport const REMOVE_DECORATORMODULE_COMMAND: LexicalCommand<undefined|null> = createCommand('REMOVE_DECORATORMODULE_COMMAND')\r\n\r\n/**\r\n * 更新模块工具条位置信息\r\n */\r\nexport const UPDATE_DECORATORMODULE_TOOLBAR_POS_COMMAND: LexicalCommand<undefined|null> = createCommand('UPDATE_DECORATORMODULE_TOOLBAR_POS_COMMAND')\r\n\r\n/**\r\n * 装饰模块\r\n */\r\nexport class DecoratorModuleBlockNode extends DecoratorNode<Component> {\r\n\r\n  constructor( key?: NodeKey) {\r\n    super(key)\r\n  }\r\n\r\n  createDOM() {\r\n    return document.createElement('div')\r\n  }\r\n\r\n  updateDOM(\r\n    prevNode: TextNode,\r\n    dom: HTMLElement,\r\n    config: EditorConfig,\r\n  ): boolean {\r\n    return false\r\n  }\r\n  \r\n  /**\r\n   * 标识非行内组件\r\n   * @returns \r\n   */\r\n  isInline() { return false; }\r\n\r\n  /**\r\n   * 是否隔离\r\n   * @returns \r\n   */\r\n  isIsolated(){ return true; }\r\n  \r\n  /**\r\n   * 允许键盘选中\r\n   * @returns \r\n   */\r\n  isKeyboardSelectable(){ return true; }\r\n  \r\n}\r\n\r\n\r\n/**\r\n * 使用装饰模块\r\n */\r\nexport const useDecoratorModule = (nodeKey:any,toolsbars:Array<any>|ToolsbarFunction)=>{\r\n\r\n  // 编辑器\r\n\r\n  const curSelectEl = ref<any>(null)\r\n  const editor = useLexicalComposer();\r\n  const { isSelected, setSelected, clearSelection } = useLexicalNodeSelection(nodeKey);\r\n\r\n  // 是否选中\r\n  watch(isSelected,(v)=>{\r\n    if(v && curSelectEl.value != null){\r\n      // 选中后显示工具条\r\n      editor.dispatchCommand(SELECTED_DECORATORMODULE_COMMAND,{ \r\n        element:curSelectEl.value,\r\n        toolsbars:toolsbars\r\n      });\r\n    }\r\n    else{\r\n      // 没选中\r\n      curSelectEl.value = null;\r\n      editor.dispatchCommand(SELECTED_DECORATORMODULE_COMMAND,null);\r\n    }\r\n  })\r\n\r\n  // 编辑器挂载的时候\r\n  useMounted(() => {\r\n\r\n    return mergeRegister(\r\n      // \r\n      // 选中\r\n      editor.registerCommand<MouseEvent>(CLICK_COMMAND,(event) => {\r\n        \r\n        // 选中当前对象\r\n        if (event.target === curSelectEl.value) {\r\n\r\n          event.preventDefault();\r\n\r\n          if (!event.shiftKey) { clearSelection();  }\r\n\r\n          setSelected(true);\r\n\r\n          return true;\r\n        }\r\n       \r\n        return false;\r\n      }, COMMAND_PRIORITY_LOW)\r\n    );\r\n  });\r\n\r\n  return { isSelected,curSelectEl }\r\n}\r\n\r\n/**\r\n * 使用装饰模块工具条\r\n */\r\nexport const useDecoratorModuleTools = (selectFunc:Function)=>{\r\n\r\n  // 编辑器\r\n  const editor = useLexicalComposer();\r\n\r\n  // 编辑器挂载的时候\r\n  useMounted(() => {\r\n\r\n    return mergeRegister(\r\n      editor.registerCommand(SELECTED_DECORATORMODULE_COMMAND, () => {\r\n          \r\n        const selection = $getSelection();\r\n  \r\n        if($isNodeSelection(selection)){\r\n          selectFunc(selection);\r\n        }\r\n\r\n        return false;\r\n      },1)\r\n    );\r\n  });\r\n\r\n}\r\n\r\n\r\n"],"names":[],"mappings":";;;;AAiCa,MAAA,mCAAwF,cAAc,kCAAkC;AAKxI,MAAA,iCAAiE,cAAc,gCAAgC;AAK/G,MAAA,6CAA6E,cAAc,4CAA4C;"}

package/dist/esm/components/basic/doc-editor/core/element-module.js

@@ -0,0 +1,68 @@
+import { mergeRegister } from "@lexical/utils";
+import { CLICK_COMMAND, COMMAND_PRIORITY_LOW } from "lexical";
+import { useLexicalComposer, useMounted } from "lexical-vue";
+import { ref, watch } from "vue";
+import { SELECTED_DECORATORMODULE_COMMAND } from "./decorator-module.js";
+import { isNodeSelected, clearSelection, setSelected } from "./utils.js";
+const useElementModule = (func, toolsbars) => {
+  const editor = useLexicalComposer();
+  const isSelected = ref(false);
+  const curSelectKey = ref(null);
+  const curSelectPos = ref(null);
+  const curSelectEl = ref(null);
+  const updateActiveViewState = (el) => {
+    if (el) {
+      const selectRect = el.getBoundingClientRect();
+      curSelectPos.value = {
+        top: `${selectRect.y}px`,
+        left: `${selectRect.x}px`,
+        width: `${selectRect.width}px`,
+        height: `${selectRect.height}px`
+      };
+      editor.dispatchCommand(SELECTED_DECORATORMODULE_COMMAND, {
+        element: curSelectEl.value,
+        toolsbars
+      });
+    } else {
+      curSelectEl.value = null;
+      curSelectKey.value = null;
+      curSelectPos.value = null;
+      editor.dispatchCommand(SELECTED_DECORATORMODULE_COMMAND, null);
+    }
+  };
+  watch(isSelected, (state) => {
+    return updateActiveViewState(state ? curSelectEl.value : null);
+  });
+  useMounted(() => {
+    return mergeRegister(
+      // 更新选中状态
+      editor.registerUpdateListener(() => {
+        isSelected.value = isNodeSelected(editor, curSelectKey.value);
+      }),
+      // 点击选中
+      editor.registerCommand(CLICK_COMMAND, (event) => {
+        const el = func(event.target);
+        const nodeKey = el == null ? void 0 : el.getAttribute("node-key");
+        if (nodeKey != null) {
+          event.preventDefault();
+          if (!event.shiftKey) {
+            clearSelection(editor);
+          }
+          setSelected(editor, true, nodeKey);
+          setTimeout(() => {
+            curSelectEl.value = el;
+            curSelectKey.value = nodeKey;
+            isSelected.value = isNodeSelected(editor, nodeKey);
+          }, 1);
+          return true;
+        }
+        return false;
+      }, COMMAND_PRIORITY_LOW)
+    );
+  });
+  return { isSelected, curSelectKey, curSelectPos, updateActiveViewState };
+};
+export {
+  useElementModule
+};
+//# sourceMappingURL=element-module.js.map

package/dist/esm/components/basic/doc-editor/core/element-module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"element-module.js","sources":["../../../../../../src/components/basic/doc-editor/core/element-module.ts"],"sourcesContent":["\r\n\r\nimport { mergeRegister } from '@lexical/utils'\r\nimport {  COMMAND_PRIORITY_LOW,CLICK_COMMAND } from 'lexical'\r\nimport { useLexicalComposer,useMounted } from 'lexical-vue'\r\nimport {  ref,computed,watch } from 'vue'\r\nimport { \r\n  SELECTED_DECORATORMODULE_COMMAND,\r\n  ToolsbarFunction\r\n} from './decorator-module'\r\nimport { \r\n  isNodeSelected,setSelected,clearSelection,\r\n} from './utils'\r\n\r\n/**\r\n * 判断选中的方法\r\n */\r\nexport type SelectExistFunc = (el:HTMLElement)=>HTMLElement|null\r\n\r\n/**\r\n * 使用元素模块\r\n * @param toolsbars \r\n */\r\nexport const useElementModule = (func:SelectExistFunc,toolsbars:Array<any>|ToolsbarFunction)=>{\r\n\r\n  const editor = useLexicalComposer()\r\n  const isSelected = ref(false)\r\n  const curSelectKey = ref<any>(null)\r\n  const curSelectPos = ref<any>(null)\r\n  const curSelectEl = ref<any>(null)\r\n  \r\n  // 更新选中\r\n  const updateActiveViewState = (el:Element|null)=>{\r\n  \r\n    if(el){\r\n  \r\n      const selectRect = el.getBoundingClientRect();\r\n  \r\n      curSelectPos.value = {\r\n        top:`${selectRect.y}px`,left:`${selectRect.x}px`,\r\n        width:`${selectRect.width}px`,height:`${selectRect.height}px`\r\n      };\r\n  \r\n      editor.dispatchCommand(SELECTED_DECORATORMODULE_COMMAND,{ \r\n        element:curSelectEl.value,\r\n        toolsbars:toolsbars\r\n      });\r\n    }\r\n    else{\r\n      curSelectEl.value = null;\r\n      curSelectKey.value = null;\r\n      curSelectPos.value = null;\r\n      editor.dispatchCommand(SELECTED_DECORATORMODULE_COMMAND,null);\r\n    }\r\n  }\r\n  \r\n  // 是否选中\r\n  watch(isSelected,(state)=>{\r\n    return updateActiveViewState(state ? curSelectEl.value : null);\r\n  })\r\n  \r\n  // 编辑器挂载\r\n  useMounted(()=>{\r\n    // 注册事件\r\n    return mergeRegister(\r\n      // 更新选中状态\r\n      editor.registerUpdateListener(() => {\r\n        isSelected.value = isNodeSelected(editor, curSelectKey.value);\r\n      }),\r\n      // 点击选中\r\n      editor.registerCommand<MouseEvent>(CLICK_COMMAND,(event) => {\r\n          \r\n        const el = func(event.target as HTMLElement);\r\n        const nodeKey = el?.getAttribute(\"node-key\");\r\n\r\n        // 不为null的话则视为点击选中\r\n        if(nodeKey != null){\r\n          \r\n          event.preventDefault();\r\n  \r\n          if (!event.shiftKey) { clearSelection(editor);  }\r\n\r\n          setSelected(editor,true,nodeKey);\r\n          \r\n          setTimeout(() => {\r\n            curSelectEl.value = el;\r\n            curSelectKey.value = nodeKey;\r\n            isSelected.value = isNodeSelected(editor, nodeKey);\r\n          }, 1);\r\n          return true;\r\n        }\r\n   \r\n        return false;\r\n      }, COMMAND_PRIORITY_LOW)\r\n    )\r\n  })\r\n\r\n\r\n  return { isSelected, curSelectKey,curSelectPos,updateActiveViewState };\r\n\r\n}\r\n"],"names":[],"mappings":";;;;;;AAuBa,MAAA,mBAAmB,CAAC,MAAqB,cAAwC;AAE5F,QAAM,SAAS;AACT,QAAA,aAAa,IAAI,KAAK;AACtB,QAAA,eAAe,IAAS,IAAI;AAC5B,QAAA,eAAe,IAAS,IAAI;AAC5B,QAAA,cAAc,IAAS,IAAI;AAG3B,QAAA,wBAAwB,CAAC,OAAkB;AAE/C,QAAG,IAAG;AAEE,YAAA,aAAa,GAAG;AAEtB,mBAAa,QAAQ;AAAA,QACnB,KAAI,GAAG,WAAW,CAAC;AAAA,QAAK,MAAK,GAAG,WAAW,CAAC;AAAA,QAC5C,OAAM,GAAG,WAAW,KAAK;AAAA,QAAK,QAAO,GAAG,WAAW,MAAM;AAAA,MAAA;AAG3D,aAAO,gBAAgB,kCAAiC;AAAA,QACtD,SAAQ,YAAY;AAAA,QACpB;AAAA,MAAA,CACD;AAAA,IAAA,OAEC;AACF,kBAAY,QAAQ;AACpB,mBAAa,QAAQ;AACrB,mBAAa,QAAQ;AACd,aAAA,gBAAgB,kCAAiC,IAAI;AAAA,IAC9D;AAAA,EAAA;AAII,QAAA,YAAW,CAAC,UAAQ;AACxB,WAAO,sBAAsB,QAAQ,YAAY,QAAQ,IAAI;AAAA,EAAA,CAC9D;AAGD,aAAW,MAAI;AAEN,WAAA;AAAA;AAAA,MAEL,OAAO,uBAAuB,MAAM;AAClC,mBAAW,QAAQ,eAAe,QAAQ,aAAa,KAAK;AAAA,MAAA,CAC7D;AAAA;AAAA,MAED,OAAO,gBAA4B,eAAc,CAAC,UAAU;AAEpD,cAAA,KAAK,KAAK,MAAM,MAAqB;AACrC,cAAA,UAAU,yBAAI,aAAa;AAGjC,YAAG,WAAW,MAAK;AAEjB,gBAAM,eAAe;AAEjB,cAAA,CAAC,MAAM,UAAU;AAAE,2BAAe,MAAM;AAAA,UAAI;AAEpC,sBAAA,QAAO,MAAK,OAAO;AAE/B,qBAAW,MAAM;AACf,wBAAY,QAAQ;AACpB,yBAAa,QAAQ;AACV,uBAAA,QAAQ,eAAe,QAAQ,OAAO;AAAA,aAChD,CAAC;AACG,iBAAA;AAAA,QACT;AAEO,eAAA;AAAA,SACN,oBAAoB;AAAA,IAAA;AAAA,EACzB,CACD;AAGD,SAAO,EAAE,YAAY,cAAa,cAAa,sBAAsB;AAEvE;"}

package/dist/esm/components/basic/doc-editor/core/index.js

@@ -0,0 +1,13 @@
+import { ref } from "vue";
+import { REMOVE_DECORATORMODULE_COMMAND, SELECTED_DECORATORMODULE_COMMAND, UPDATE_DECORATORMODULE_TOOLBAR_POS_COMMAND } from "./decorator-module.js";
+import "@lexical/utils";
+import "lexical";
+import "lexical-vue";
+const DEVICE_VIEW_MODE = ref("pc");
+export {
+  DEVICE_VIEW_MODE,
+  REMOVE_DECORATORMODULE_COMMAND,
+  SELECTED_DECORATORMODULE_COMMAND,
+  UPDATE_DECORATORMODULE_TOOLBAR_POS_COMMAND
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/basic/doc-editor/core/index.ts"],"sourcesContent":["\r\nimport { ref,watch } from \"vue\"\r\nimport {\r\n  useLexicalComposer\r\n} from \"lexical-vue\";\r\nexport * from \"./decorator-module\"\r\nexport * from \"./element-module\"\r\nexport * from \"./utils\"\r\nimport { UPDATE_DECORATORMODULE_TOOLBAR_POS_COMMAND } from \"./decorator-module\"\r\n\r\nexport type DeviceVieeMode = 'pc' | 'mobile';\r\n\r\nexport const DEVICE_VIEW_MODE = ref<DeviceVieeMode>(\"pc\")\r\n\r\n"],"names":[],"mappings":";;;;;AAYa,MAAA,mBAAmB,IAAoB,IAAI;"}

package/dist/esm/components/basic/doc-editor/core/utils.js

@@ -0,0 +1,35 @@
+import { $getNodeByKey, $getSelection, $isNodeSelection, $createNodeSelection, $setSelection } from "lexical";
+import { unref } from "vue";
+const isNodeSelected = function(editor, key) {
+  return editor.getEditorState().read(() => {
+    const node = $getNodeByKey(key);
+    if (node === null)
+      return false;
+    return node.isSelected();
+  });
+};
+const clearSelection = (editor) => {
+  editor.update(() => {
+    const selection = $getSelection();
+    if ($isNodeSelection(selection))
+      selection.clear();
+  });
+};
+const setSelected = (editor, selected, key) => {
+  editor.update(() => {
+    let selection = $getSelection();
+    if (!$isNodeSelection(selection)) {
+      selection = $createNodeSelection();
+      $setSelection(selection);
+    }
+    if ($isNodeSelection(selection)) {
+      selection.add(unref(key));
+    }
+  });
+};
+export {
+  clearSelection,
+  isNodeSelected,
+  setSelected
+};
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../../src/components/basic/doc-editor/core/utils.ts"],"sourcesContent":["import type { LexicalEditor, NodeKey } from 'lexical'\r\n\r\nimport {\r\n  $createNodeSelection,\r\n  $getNodeByKey,\r\n  $getSelection,\r\n  $isNodeSelection,\r\n  $setSelection,\r\n} from 'lexical'\r\nimport {  unref } from 'vue'\r\n\r\n// isNodeSelected \r\nexport const isNodeSelected = function (editor: LexicalEditor, key: NodeKey): boolean {\r\n  return editor.getEditorState().read(() => {\r\n    const node = $getNodeByKey(key)\r\n    if (node === null)\r\n      return false\r\n    return node.isSelected()\r\n  })\r\n}\r\n\r\n// 取消选中\r\nexport const clearSelection = (editor: LexicalEditor) => {\r\n  editor.update(() => {\r\n    const selection = $getSelection()\r\n    if ($isNodeSelection(selection))\r\n      (selection).clear()\r\n  })\r\n}\r\n\r\n// 设置选中\r\nexport const setSelected = (editor: LexicalEditor,selected: boolean,key:string) => {\r\n  editor.update(() => {\r\n    let selection = $getSelection()\r\n\r\n    if (!$isNodeSelection(selection)) {\r\n      selection = $createNodeSelection()\r\n      $setSelection(selection)\r\n    }\r\n    if ($isNodeSelection(selection)) {\r\n      if (selected)\r\n        selection.add(unref(key))\r\n      else\r\n        selection.delete(unref(key))\r\n    }\r\n  })\r\n}\r\n\r\n"],"names":[],"mappings":";;AAYa,MAAA,iBAAiB,SAAU,QAAuB,KAAuB;AACpF,SAAO,OAAO,iBAAiB,KAAK,MAAM;AAClC,UAAA,OAAO,cAAc,GAAG;AAC9B,QAAI,SAAS;AACJ,aAAA;AACT,WAAO,KAAK;EAAW,CACxB;AACH;AAGa,MAAA,iBAAiB,CAAC,WAA0B;AACvD,SAAO,OAAO,MAAM;AAClB,UAAM,YAAY;AAClB,QAAI,iBAAiB,SAAS;AAC3B,gBAAW,MAAM;AAAA,EAAA,CACrB;AACH;AAGO,MAAM,cAAc,CAAC,QAAsB,UAAkB,QAAe;AACjF,SAAO,OAAO,MAAM;AAClB,QAAI,YAAY;AAEZ,QAAA,CAAC,iBAAiB,SAAS,GAAG;AAChC,kBAAY,qBAAqB;AACjC,oBAAc,SAAS;AAAA,IACzB;AACI,QAAA,iBAAiB,SAAS,GAAG;AAEnB,gBAAA,IAAI,MAAM,GAAG,CAAC;AAAA,IAG5B;AAAA,EAAA,CACD;AACH;"}

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

@@ -1,41 +1,20 @@
-import { defineComponent, ref, computed, onMounted, watch, openBlock, createBlock, unref, withCtx, createElementVNode, normalizeClass, createVNode, renderSlot, Teleport, toDisplayString, createCommentVNode } from "vue";
-import "@lexical/text";
-import "@lexical/utils";
-import "@lexical/overflow";
-import "lexical";
-import "tiny-invariant";
-import "@lexical/history";
-import "@lexical/list";
-import "@lexical/dragon";
-import "@lexical/plain-text";
-import "@lexical/rich-text";
-import "@lexical/yjs";
-import "yjs";
-import "./lexical-vue/components/LexicalDecoratedTeleports.js";
-import _sfc_main$4 from "./lexical-vue/components/LexicalContentEditable.vue.js";
-import _sfc_main$1 from "./lexical-vue/components/LexicalComposer.vue.js";
-import _sfc_main$6 from "./lexical-vue/components/LexicalHistoryPlugin.vue.js";
-import "@lexical/html";
-import "@lexical/link";
-import "@lexical/mark";
-import "@lexical/table";
-import _sfc_main$3 from "./lexical-vue/components/LexicalRichTextPlugin.vue.js";
-import "@lexical/hashtag";
-import "@lexical/markdown";
-import "./lexical-vue/composables/useCollaborationContext.js";
-import "./lexical-vue/components/LexicalMenu/shared.js";
-import "./lexical-vue/components/LexicalAutoEmbedPlugin/shared.js";
-import "./lexical-vue/components/LexicalTypeaheadMenuPlugin/shared.js";
-import _sfc_main$2 from "./plugins/ToolbarPlugin/index.vue.js";
-import { DEVICE_VIEW_MODE } from "./plugins/commands.js";
-import _sfc_main$5 from "./plugins/index.vue.js";
-import theme from "./themes/DocTheme.js";
+import { defineComponent, ref, computed, onMounted, watch, openBlock, createBlock, unref, withCtx, createElementVNode, normalizeClass, createVNode, renderSlot, Teleport, createCommentVNode } from "vue";
+import { LexicalComposer, LexicalHistoryPlugin } from "lexical-vue";
+import _sfc_main$5 from "./plugins/AutoLinkPlugin/index.vue.js";
+import _sfc_main$3 from "./plugins/ImagePlugin/index.vue.js";
+import _sfc_main$4 from "./plugins/ImageTextPlugin/index.vue.js";
+import _sfc_main$1 from "./plugins/ToolbarPlugin/index.vue.js";
+import _sfc_main$2 from "./plugins/RichTextPlugin/index.vue.js";
+import _sfc_main$7 from "./plugins/DecoratorModuleToolbarPlugin/index.vue.js";
+import _sfc_main$6 from "./plugins/ModulePlugin/index.vue.js";
 import Nodes from "./plugins/nodes.js";
+import { DEVICE_VIEW_MODE } from "./core/index.js";
+import theme from "./themes/DocTheme.js";
 import DocEditorCss from "./themes/doc-editor.css.js";
+import DocEditorEditCss from "./themes/doc-editor-edit.css.js";
 import DocThemeCss from "./themes/doc-theme.css.js";
 const _hoisted_1 = { class: "mk-doc-editor__stage_warp" };
 const _hoisted_2 = { class: "mk-doc-editor__stage_body" };
-const _hoisted_3 = { class: "mk-doc-editor__stage__placeholder mk-doc__paragraph" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ name: "MKDocEditor" },
   __name: "editor",
@@ -49,7 +28,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const emit = __emit;
     const props = __props;
-    const viewDevice = ref("pc");
     const config = {
       namespace: "MyEditor",
       theme,
@@ -77,49 +55,42 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("change", content);
       updateStage();
     };
-    const lexicalInitHandler = (editor) => {
-      editor.registerCommand(DEVICE_VIEW_MODE, (payload) => {
-        viewDevice.value = payload;
-        return false;
-      }, 1);
-    };
     onMounted(() => {
       var _a, _b;
       const doc = (_b = (_a = iframeContentRef.value) == null ? void 0 : _a.contentWindow) == null ? void 0 : _b.document;
-      const editorStyle = document.createElement("style");
-      editorStyle.innerHTML = DocEditorCss;
-      doc.head.append(editorStyle);
-      const docThemeStyle = document.createElement("style");
-      docThemeStyle.innerHTML = DocThemeCss;
-      doc.head.append(docThemeStyle);
-      props.js.split(",").forEach((path) => {
+      const style = document.createElement("style");
+      style.setAttribute("type", "text/css");
+      style.innerHTML = [DocEditorCss, DocThemeCss, DocEditorEditCss].join("\r\n");
+      doc.head.append(style);
+      props.js.split(",").filter((item) => !!item).forEach((path) => {
         const script = document.createElement("script");
         script.src = path;
         script.setAttribute("crossorigin", "true");
         doc.head.append(script);
       });
-      props.css.split(",").forEach((path) => {
+      props.css.split(",").filter((item) => !!item).forEach((path) => {
         const link = document.createElement("link");
         link.href = path;
+        link.setAttribute("rel", "stylesheet");
         link.setAttribute("crossorigin", "true");
         doc.head.append(link);
       });
-      watch(viewDevice, (payload) => {
+      watch(DEVICE_VIEW_MODE, (payload) => {
         doc.body.style.fontSize = payload == "pc" ? "14px" : "18px";
         updateStage();
         return false;
       }, { immediate: true });
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$1), {
-        "initial-config": config,
-        onInit: lexicalInitHandler
-      }, {
+      return openBlock(), createBlock(unref(LexicalComposer), { "initial-config": config }, {
         default: withCtx(() => [
           createElementVNode("div", {
-            class: normalizeClass(["mk-doc-editor", viewDevice.value])
+            class: normalizeClass(["mk-doc-editor", unref(DEVICE_VIEW_MODE)])
           }, [
-            createVNode(_sfc_main$2),
+            createVNode(unref(_sfc_main$1), {
+              js: __props.js,
+              css: __props.css
+            }, null, 8, ["js", "css"]),
             createElementVNode("div", _hoisted_1, [
               renderSlot(_ctx.$slots, "before-extentions"),
               createElementVNode("div", _hoisted_2, [
@@ -134,26 +105,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   key: 0,
                   to: iframeBody.value
                 }, [
-                  createVNode(unref(_sfc_main$3), {
+                  createVNode(unref(_sfc_main$2), {
                     content: props.content,
-                    onChange: contentChangeHandle
-                  }, {
-                    contentEditable: withCtx(() => [
-                      createVNode(unref(_sfc_main$4))
-                    ]),
-                    placeholder: withCtx(() => [
-                      createElementVNode("div", _hoisted_3, toDisplayString(props.placeholder), 1)
-                    ]),
-                    _: 1
-                  }, 8, ["content"])
+                    onChange: contentChangeHandle,
+                    placeholder: __props.placeholder
+                  }, null, 8, ["content", "placeholder"]),
+                  createVNode(unref(_sfc_main$3)),
+                  createVNode(unref(_sfc_main$4)),
+                  createVNode(unref(_sfc_main$5)),
+                  createVNode(unref(_sfc_main$6))
                 ], 8, ["to"])) : createCommentVNode("", true),
-                renderSlot(_ctx.$slots, "footer"),
-                createVNode(_sfc_main$5)
+                createVNode(unref(_sfc_main$7)),
+                renderSlot(_ctx.$slots, "footer")
               ]),
               renderSlot(_ctx.$slots, "after-extentions")
             ])
           ], 2),
-          createVNode(unref(_sfc_main$6))
+          createVNode(unref(LexicalHistoryPlugin))
         ]),
         _: 3
       });

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>\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 } from \"vue\"\r\nimport type {  LexicalEditor } 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\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  js:{ type:String,default:`` },\r\n  css:{ 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  },1)\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  // 扩展的js和css\r\n  props.js.split(\",\").forEach(path=>{\r\n    const script = document.createElement(\"script\");\r\n    script.src = path;\r\n    script.setAttribute(\"crossorigin\",\"true\")\r\n    doc.head.append(script);\r\n  })\r\n  props.css.split(\",\").forEach(path=>{\r\n    const link = document.createElement(\"link\");\r\n    link.href = path;\r\n    link.setAttribute(\"crossorigin\",\"true\")\r\n    doc.head.append(link);\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDA,UAAM,OAAO;AAGb,UAAM,QAAQ;AAQR,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,CAAC;AAAA,IAAA;AAGL,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;AAG7B,YAAM,GAAG,MAAM,GAAG,EAAE,QAAQ,CAAM,SAAA;AAC1B,cAAA,SAAS,SAAS,cAAc,QAAQ;AAC9C,eAAO,MAAM;AACN,eAAA,aAAa,eAAc,MAAM;AACpC,YAAA,KAAK,OAAO,MAAM;AAAA,MAAA,CACvB;AACD,YAAM,IAAI,MAAM,GAAG,EAAE,QAAQ,CAAM,SAAA;AAC3B,cAAA,OAAO,SAAS,cAAc,MAAM;AAC1C,aAAK,OAAO;AACP,aAAA,aAAa,eAAc,MAAM;AAClC,YAAA,KAAK,OAAO,IAAI;AAAA,MAAA,CACrB;AAEK,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\">\r\n    <div class=\"mk-doc-editor\" :class=\"DEVICE_VIEW_MODE\">\r\n      <ToolbarPlugin  :js=\"js\" :css=\"css\"  />\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            <RichTextPlugin :content=\"props.content\" @change=\"contentChangeHandle\" :placeholder=\"placeholder\">\r\n            </RichTextPlugin>\r\n            <ImagePlugin />\r\n            <ImageTextPlugin />\r\n            <AutoLinkPlugin />\r\n            <ModulePlugin />\r\n          </Teleport>\r\n          <DecoratorModuleToolbarPlugin />\r\n          <slot name=\"footer\"></slot>\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 } from \"vue\"\r\nimport { LexicalComposer, LexicalHistoryPlugin } from 'lexical-vue'\r\nimport { \r\n  ToolbarPlugin,\r\n  RichTextPlugin,\r\n  AutoLinkPlugin,\r\n  ImagePlugin,\r\n  ImageTextPlugin,\r\n  DecoratorModuleToolbarPlugin,\r\n  ModulePlugin\r\n} from \"./plugins\"\r\nimport { DEVICE_VIEW_MODE } from \"./core\"\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 DocEditorEditCss from \"./themes/doc-editor-edit.css?raw\";\r\nimport DocThemeCss from \"./themes/doc-theme.css?raw\";\r\n\r\n// 定义组件\r\ndefineOptions({ name: \"MKDocEditor\" })\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  js:{ type:String,default:`` },\r\n  css:{ type:String,default:`` }\r\n})\r\n \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\nonMounted(()=>{\r\n\r\n  const doc = iframeContentRef.value?.contentWindow?.document;\r\n\r\n  // 样式\r\n  const style = document.createElement(\"style\");\r\n  style.setAttribute(\"type\",\"text/css\")\r\n  style.innerHTML = [DocEditorCss,DocThemeCss,DocEditorEditCss].join(\"\\r\\n\");\r\n  doc.head.append(style);\r\n\r\n  // 扩展的js和css\r\n  props.js.split(\",\").filter(item=>!!item).forEach(path=>{\r\n    const script = document.createElement(\"script\");\r\n    script.src = path;\r\n    script.setAttribute(\"crossorigin\",\"true\")\r\n    doc.head.append(script);\r\n  })\r\n  props.css.split(\",\").filter(item=>!!item).forEach(path=>{\r\n    const link = document.createElement(\"link\");\r\n    link.href = path;\r\n    link.setAttribute(\"rel\",\"stylesheet\")\r\n    link.setAttribute(\"crossorigin\",\"true\")\r\n    doc.head.append(link);\r\n  })\r\n\r\n  // 设备显示模式改变\r\n  watch(DEVICE_VIEW_MODE,(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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDA,UAAM,OAAO;AAGb,UAAM,QAAQ;AASd,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;AAGd,cAAU,MAAI;;AAEN,YAAA,OAAM,4BAAiB,UAAjB,mBAAwB,kBAAxB,mBAAuC;AAG7C,YAAA,QAAQ,SAAS,cAAc,OAAO;AACtC,YAAA,aAAa,QAAO,UAAU;AACpC,YAAM,YAAY,CAAC,cAAa,aAAY,gBAAgB,EAAE,KAAK,MAAM;AACrE,UAAA,KAAK,OAAO,KAAK;AAGf,YAAA,GAAG,MAAM,GAAG,EAAE,OAAO,CAAM,SAAA,CAAC,CAAC,IAAI,EAAE,QAAQ,CAAM,SAAA;AAC/C,cAAA,SAAS,SAAS,cAAc,QAAQ;AAC9C,eAAO,MAAM;AACN,eAAA,aAAa,eAAc,MAAM;AACpC,YAAA,KAAK,OAAO,MAAM;AAAA,MAAA,CACvB;AACK,YAAA,IAAI,MAAM,GAAG,EAAE,OAAO,CAAM,SAAA,CAAC,CAAC,IAAI,EAAE,QAAQ,CAAM,SAAA;AAChD,cAAA,OAAO,SAAS,cAAc,MAAM;AAC1C,aAAK,OAAO;AACP,aAAA,aAAa,OAAM,YAAY;AAC/B,aAAA,aAAa,eAAc,MAAM;AAClC,YAAA,KAAK,OAAO,IAAI;AAAA,MAAA,CACrB;AAGK,YAAA,kBAAiB,CAAC,YAAoB;AAC1C,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/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/basic/doc-editor/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport Editor from \"./editor.vue\";\r\n\r\nexport const MKDocEditor = withInstall(Editor);\r\n\r\nexport default MKDocEditor;\r\n\r\n"],"names":["Editor"],"mappings":";;AAGa,MAAA,cAAc,YAAYA,SAAM;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/basic/doc-editor/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport Editor from \"./editor.vue\";\r\nimport { registerModule } from \"./plugins/ModulePlugin/composables\";\r\n\r\nexport const MKDocEditor = withInstall(Editor);\r\n\r\nexport { registerModule }\r\n\r\nexport default MKDocEditor;\r\n\r\n"],"names":["Editor"],"mappings":";;AAIa,MAAA,cAAc,YAAYA,SAAM;"}