@maketribe/ms-app 3.2.5 → 3.2.7

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      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","_dataTable","_selections","selections","setSelection","result","Dialoger","dataTableSelectDialog","isConfirm","setSelections","_createVNode","MKAbstractSelect","value","el","objectValue","labelFieldName","primaryFieldName","formatOptions","default","selectRecords","options","map","ElSelect","disabled","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,YAAMC,aAAaN,MAAMP,SAAS;AAElC,YAAMc,eAAcP,WAAMT,sBAAsB,MAA5BS,mBAA+BQ;AAEnD,YAAMA,aAAavB,MAAMgB,WACrBM,eAAe,CAAE,IACjBA,cACA,CAACA,WAAW,IACZ;AAEJD,iBAAWG,aAAaD,UAAU;AAElC,YAAME,SAAS,MAAMC,SAASC,sBAAsBZ,MAAMP,SAAS,CAAE;AACrE,UAAIiB,OAAOG,WAAW;AACpBb,oBAAMT,sBAAsB,MAA5BS,mBAA+Bc,cAC7B7B,MAAMgB,WAAWS,OAAOF,aAAaE,OAAOF,WAAW,CAAC;AAAA,MAE5D;AAAA;AAGF,WAAO,MAAM;AACX,aAAAO,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,QAAA,eACiDV;AAAAA,SAAeU,CAAAA,YAAAC,kBAAA;AAAA,QAAA,cAE9ChB,MAAML,UAAU;AAAA,QAAC,wBACNG,OAAW;AAChCH,qBAAWsB,QAAQnB;AAAAA,QACpB;AAAA,QAAA,OACKoB,QAAQ3B,uBAAuB0B,QAAQC;AAAAA,QAAU,aAC5CjC,MAAMQ;AAAAA,QAAS,eACbR,MAAMkC;AAAAA,QAAW,YACpBlC,MAAMgB;AAAAA,QAAQ,kBACRhB,MAAMmC;AAAAA,QAAc,oBAClBnC,MAAMoC;AAAAA,QAAgB,iBACzBpC,MAAMqC;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,YAEc1C,MAAM2C;AAAAA,YAAQ,YACd3C,MAAMgB;AAAAA,YAAQ,cACZ4B;AAAAA,YAAI,eAAA;AAAA,YAAA,aAAA;AAAA,YAAA,cAGJ5C,MAAMgB,WAAWwB,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      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","_dataTable","_selections","selections","setSelection","result","Dialoger","dataTableSelectDialog","isConfirm","setSelections","_createVNode","MKAbstractSelect","value","el","objectValue","labelFieldName","primaryFieldName","formatOptions","default","selectRecords","options","map","ElSelect","disabled","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,YAAMC,aAAaN,MAAMP,SAAS;AAElC,YAAMc,eAAcP,WAAMT,sBAAsB,MAA5BS,mBAA+BQ;AAEnD,YAAMA,aAAavB,MAAMgB,WACrBM,eAAe,CAAE,IACjBA,cACA,CAACA,WAAW,IACZ;AAEJD,iBAAWG,aAAaD,UAAU;AAElC,YAAME,SAAS,MAAMC,SAASC,sBAAsBZ,MAAMP,SAAS,CAAE;AACrE,UAAIiB,OAAOG,WAAW;AACpBb,oBAAMT,sBAAsB,MAA5BS,mBAA+Bc,cAC7B7B,MAAMgB,WAAWS,OAAOF,aAAaE,OAAOF,WAAW,CAAC;AAAA,MAE5D;AAAA;AAGF,WAAO,MAAM;AACX,aAAAO,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,QAAA,eACiDV;AAAAA,SAAeU,CAAAA,YAAAC,kBAAA;AAAA,QAAA,cAE9ChB,MAAML,UAAU;AAAA,QAAC,wBACNG,OAAW;AAChCH,qBAAWsB,QAAQnB;AAAAA,QACpB;AAAA,QAAA,OACKoB,QAAQ3B,uBAAuB0B,QAAQC;AAAAA,QAAU,aAC5CjC,MAAMQ;AAAAA,QAAS,eACbR,MAAMkC;AAAAA,QAAW,YACpBlC,MAAMgB;AAAAA,QAAQ,kBACRhB,MAAMmC;AAAAA,QAAc,oBAClBnC,MAAMoC;AAAAA,QAAgB,iBACzBpC,MAAMqC;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,YAEc1C,MAAM2C;AAAAA,YAAQ,YACd3C,MAAMgB;AAAAA,YAAQ,cACZ4B;AAAAA,YAAI,eAAA;AAAA,YAAA,aAAA;AAAA,YAAA,cAGJ5C,MAAMgB,WAAWwB,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-options.js

@@ -14,6 +14,10 @@ const dataTreeSelectProps = buildProps({
     type: Boolean,
     default: false
   },
+  clearable: {
+    type: Boolean,
+    default: false
+  },
   formatOptions: {
     type: Function,
     default: (item) => {

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

@@ -1 +1 @@
-{"version":3,"file":"data-tree-select-options.js","sources":["../../../../../src/components/basic/data-tree-select/data-tree-select-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { abstractSelectEmits, abstractSelectProps } from \"../../abstract\";\nimport { DataTree } from \"@maketribe/dm\";\n\nconst { dataTable, ...restAbstractSelectProps } = abstractSelectProps;\n\nexport const dataTreeSelectProps = buildProps({\n  ...restAbstractSelectProps,\n  dataTree: DataTree<any>,\n  checkStrictly: {\n    type: Boolean,\n    default: true,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  formatOptions: {\n    type: Function,\n    default: (item: any) => {\n      const value = item.value ?? item.id ?? item.name;\n      const label = item.label ?? item.desc ?? item.title ?? item.name;\n      const children = item.children ?? [];\n\n      return { value, label, children };\n    },\n  },\n});\n\nexport type DataTreeSelectProps = ExtractPropTypes<typeof dataTreeSelectProps>;\n\nexport const dataTreeSelectEmits = {\n  ...abstractSelectEmits,\n};\n\nexport type DataTreeSelectEmits = typeof dataTreeSelectEmits;\n"],"names":[],"mappings":";;;;AAKA,MAAM,EAAE,WAAW,GAAG,wBAA4B,IAAA;AAE3C,MAAM,sBAAsB,WAAW;AAAA,EAC5C,GAAG;AAAA,EACH,UAAU;AAAA,EACV,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS,CAAC,SAAc;AACtB,YAAM,QAAQ,KAAK,SAAS,KAAK,MAAM,KAAK;AAC5C,YAAM,QAAQ,KAAK,SAAS,KAAK,QAAQ,KAAK,SAAS,KAAK;AACtD,YAAA,WAAW,KAAK,YAAY;AAE3B,aAAA,EAAE,OAAO,OAAO;IACzB;AAAA,EACF;AACF,CAAC;AAIM,MAAM,sBAAsB;AAAA,EACjC,GAAG;AACL;"}
+{"version":3,"file":"data-tree-select-options.js","sources":["../../../../../src/components/basic/data-tree-select/data-tree-select-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { abstractSelectEmits, abstractSelectProps } from \"../../abstract\";\r\nimport { DataTree } from \"@maketribe/dm\";\r\n\r\nconst { dataTable, ...restAbstractSelectProps } = abstractSelectProps;\r\n\r\nexport const dataTreeSelectProps = buildProps({\r\n  ...restAbstractSelectProps,\r\n  dataTree: DataTree<any>,\r\n  checkStrictly: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  disabled: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  clearable: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  formatOptions: {\r\n    type: Function,\r\n    default: (item: any) => {\r\n      const value = item.value ?? item.id ?? item.name;\r\n      const label = item.label ?? item.desc ?? item.title ?? item.name;\r\n      const children = item.children ?? [];\r\n\r\n      return { value, label, children };\r\n    },\r\n  },\r\n});\r\n\r\nexport type DataTreeSelectProps = ExtractPropTypes<typeof dataTreeSelectProps>;\r\n\r\nexport const dataTreeSelectEmits = {\r\n  ...abstractSelectEmits,\r\n};\r\n\r\nexport type DataTreeSelectEmits = typeof dataTreeSelectEmits;\r\n"],"names":[],"mappings":";;;;AAKA,MAAM,EAAE,WAAW,GAAG,wBAA4B,IAAA;AAE3C,MAAM,sBAAsB,WAAW;AAAA,EAC5C,GAAG;AAAA,EACH,UAAU;AAAA,EACV,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS,CAAC,SAAc;AACtB,YAAM,QAAQ,KAAK,SAAS,KAAK,MAAM,KAAK;AAC5C,YAAM,QAAQ,KAAK,SAAS,KAAK,QAAQ,KAAK,SAAS,KAAK;AACtD,YAAA,WAAW,KAAK,YAAY;AAE3B,aAAA,EAAE,OAAO,OAAO;IACzB;AAAA,EACF;AACF,CAAC;AAIM,MAAM,sBAAsB;AAAA,EACjC,GAAG;AACL;"}

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

@@ -73,6 +73,7 @@ const DataTreeSelect = /* @__PURE__ */ defineComponent({
         }) => {
           return createVNode(ElTreeSelect, {
             "popper-class": "mk-data-tree-select__popper",
+            "clearable": props.clearable,
             "data": options,
             "disabled": props.disabled,
             "loading": unref(loading),

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/lexical-vue/components/LexicalAutoLinkPlugin/index.vue.js

@@ -1,39 +1,4 @@
-import { defineComponent } from "vue";
-import "@lexical/text";
-import "@lexical/utils";
-import "@lexical/overflow";
-import "lexical";
-import "tiny-invariant";
-import "@lexical/history";
-import { useLexicalComposer } from "../../composables/useLexicalComposer.js";
-import "@lexical/list";
-import "@lexical/dragon";
-import "@lexical/plain-text";
-import "@lexical/rich-text";
-import "@lexical/yjs";
-import "yjs";
-import { useAutoLink } from "./shared.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: {
-    matchers: {}
-  },
-  emits: ["change"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const editor = useLexicalComposer();
-    useAutoLink(editor, props.matchers, (url, prevUrl) => {
-      emit("change", {
-        url,
-        prevUrl
-      });
-    });
-    return (_ctx, _cache) => {
-      return null;
-    };
-  }
-});
+import _sfc_main from "./index.vue2.js";
 export {
   _sfc_main as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.vue.js","sources":["../../../../../../../../src/components/basic/doc-editor/lexical-vue/components/LexicalAutoLinkPlugin/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { useLexicalComposer } from '../../composables'\r\nimport { type LinkMatcher, useAutoLink } from './shared'\r\n\r\nconst props = defineProps<{\r\n  matchers: LinkMatcher[]\r\n}>()\r\n\r\nconst emit = defineEmits<{\r\n  (e: 'change', value: { url: string | null, prevUrl: string | null }): void\r\n}>()\r\n\r\nconst editor = useLexicalComposer()\r\n\r\nuseAutoLink(editor, props.matchers, (url: string | null, prevUrl: string | null) => {\r\n  emit('change', {\r\n    url,\r\n    prevUrl,\r\n  })\r\n})\r\n</script>\r\n\r\n<template />\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAIA,UAAM,QAAQ;AAId,UAAM,OAAO;AAIb,UAAM,SAAS;AAEf,gBAAY,QAAQ,MAAM,UAAU,CAAC,KAAoB,YAA2B;AAClF,WAAK,UAAU;AAAA,QACb;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IAAA,CACF;;;;;;"}
+{"version":3,"file":"index.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/esm/components/basic/doc-editor/lexical-vue/components/LexicalAutoLinkPlugin/index.vue2.js

@@ -1,4 +1,39 @@
-import _sfc_main from "./index.vue.js";
+import { defineComponent } from "vue";
+import "@lexical/text";
+import "@lexical/utils";
+import "@lexical/overflow";
+import "lexical";
+import "tiny-invariant";
+import "@lexical/history";
+import { useLexicalComposer } from "../../composables/useLexicalComposer.js";
+import "@lexical/list";
+import "@lexical/dragon";
+import "@lexical/plain-text";
+import "@lexical/rich-text";
+import "@lexical/yjs";
+import "yjs";
+import { useAutoLink } from "./shared.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    matchers: {}
+  },
+  emits: ["change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const editor = useLexicalComposer();
+    useAutoLink(editor, props.matchers, (url, prevUrl) => {
+      emit("change", {
+        url,
+        prevUrl
+      });
+    });
+    return (_ctx, _cache) => {
+      return null;
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/dist/esm/components/basic/doc-editor/lexical-vue/components/LexicalAutoLinkPlugin/index.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.vue2.js","sources":["../../../../../../../../src/components/basic/doc-editor/lexical-vue/components/LexicalAutoLinkPlugin/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { useLexicalComposer } from '../../composables'\r\nimport { type LinkMatcher, useAutoLink } from './shared'\r\n\r\nconst props = defineProps<{\r\n  matchers: LinkMatcher[]\r\n}>()\r\n\r\nconst emit = defineEmits<{\r\n  (e: 'change', value: { url: string | null, prevUrl: string | null }): void\r\n}>()\r\n\r\nconst editor = useLexicalComposer()\r\n\r\nuseAutoLink(editor, props.matchers, (url: string | null, prevUrl: string | null) => {\r\n  emit('change', {\r\n    url,\r\n    prevUrl,\r\n  })\r\n})\r\n</script>\r\n\r\n<template />\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAIA,UAAM,QAAQ;AAId,UAAM,OAAO;AAIb,UAAM,SAAS;AAEf,gBAAY,QAAQ,MAAM,UAAU,CAAC,KAAoB,YAA2B;AAClF,WAAK,UAAU;AAAA,QACb;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IAAA,CACF;;;;;;"}

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

@@ -0,0 +1,5 @@
+import _sfc_main from "./LexicalBlockWithAlignableContents.vue2.js";
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=LexicalBlockWithAlignableContents.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LexicalBlockWithAlignableContents.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,109 @@
+import { defineComponent, ref, openBlock, createElementBlock, normalizeStyle, normalizeClass, unref, renderSlot } from "vue";
+import { mergeRegister, $getNearestBlockElementAncestorOrThrow } from "@lexical/utils";
+import { FORMAT_ELEMENT_COMMAND, $getSelection, $isNodeSelection, $getNodeByKey, $isRangeSelection, COMMAND_PRIORITY_LOW, CLICK_COMMAND, KEY_DELETE_COMMAND, KEY_BACKSPACE_COMMAND, $isDecoratorNode } from "lexical";
+import "@lexical/text";
+import { useMounted } from "../composables/useMounted.js";
+import "@lexical/overflow";
+import "tiny-invariant";
+import "@lexical/history";
+import { useLexicalComposer } from "../composables/useLexicalComposer.js";
+import { useLexicalNodeSelection } from "../composables/useLexicalNodeSelection.js";
+import "@lexical/list";
+import "@lexical/dragon";
+import "@lexical/plain-text";
+import "@lexical/rich-text";
+import "@lexical/yjs";
+import "yjs";
+import { $isDecoratorBlockNode } from "./LexicalDecoratorBlockNode.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LexicalBlockWithAlignableContents",
+  props: {
+    format: {},
+    nodeKey: {},
+    baseClass: {},
+    focusClass: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const editor = useLexicalComposer();
+    const { isSelected, setSelected, clearSelection } = useLexicalNodeSelection(props.nodeKey);
+    const containerRef = ref(null);
+    function onDelete(event) {
+      if (isSelected.value && $isNodeSelection($getSelection())) {
+        event.preventDefault();
+        const node = $getNodeByKey(props.nodeKey);
+        if ($isDecoratorNode(node))
+          node == null ? void 0 : node.remove();
+      }
+      return false;
+    }
+    useMounted(() => {
+      return mergeRegister(
+        editor.registerCommand(
+          FORMAT_ELEMENT_COMMAND,
+          (formatType) => {
+            if (isSelected.value) {
+              const selection = $getSelection();
+              if ($isNodeSelection(selection)) {
+                const node = $getNodeByKey(props.nodeKey);
+                if (node && $isDecoratorBlockNode(node))
+                  node.setFormat(formatType);
+              } else if ($isRangeSelection(selection)) {
+                const nodes = selection.getNodes();
+                for (const node of nodes) {
+                  if ($isDecoratorBlockNode(node)) {
+                    node.setFormat(formatType);
+                  } else {
+                    const element = $getNearestBlockElementAncestorOrThrow(node);
+                    element.setFormat(formatType);
+                  }
+                }
+              }
+              return true;
+            }
+            return false;
+          },
+          COMMAND_PRIORITY_LOW
+        ),
+        editor.registerCommand(
+          CLICK_COMMAND,
+          (event) => {
+            if (event.target === containerRef.value) {
+              event.preventDefault();
+              if (!event.shiftKey)
+                clearSelection();
+              setSelected(!isSelected.value);
+              return true;
+            }
+            return false;
+          },
+          COMMAND_PRIORITY_LOW
+        ),
+        editor.registerCommand(
+          KEY_DELETE_COMMAND,
+          onDelete,
+          COMMAND_PRIORITY_LOW
+        ),
+        editor.registerCommand(
+          KEY_BACKSPACE_COMMAND,
+          onDelete,
+          COMMAND_PRIORITY_LOW
+        )
+      );
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "containerRef",
+        ref: containerRef,
+        style: normalizeStyle(`text-align: ${_ctx.format}`),
+        class: normalizeClass([_ctx.baseClass, unref(isSelected) ? _ctx.focusClass : ""])
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 6);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=LexicalBlockWithAlignableContents.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LexicalBlockWithAlignableContents.vue2.js","sources":["../../../../../../../src/components/basic/doc-editor/lexical-vue/components/LexicalBlockWithAlignableContents.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type {\r\n  ElementFormatType,\r\n  NodeKey,\r\n} from 'lexical'\r\nimport {\r\n  $getNearestBlockElementAncestorOrThrow,\r\n  mergeRegister,\r\n} from '@lexical/utils'\r\nimport {\r\n  $getNodeByKey,\r\n  $getSelection,\r\n  $isDecoratorNode,\r\n  $isNodeSelection,\r\n  $isRangeSelection,\r\n  CLICK_COMMAND,\r\n  COMMAND_PRIORITY_LOW,\r\n  FORMAT_ELEMENT_COMMAND,\r\n  KEY_BACKSPACE_COMMAND,\r\n  KEY_DELETE_COMMAND,\r\n} from 'lexical'\r\nimport { ref } from 'vue'\r\nimport { useLexicalComposer, useLexicalNodeSelection } from '../composables'\r\nimport { useMounted } from '../composables/useMounted'\r\nimport { $isDecoratorBlockNode } from './LexicalDecoratorBlockNode'\r\n\r\nconst props = defineProps<{\r\n  format?: ElementFormatType\r\n  nodeKey: NodeKey\r\n  baseClass?: string\r\n  focusClass?: string\r\n}>()\r\n\r\nconst editor = useLexicalComposer()\r\nconst { isSelected, setSelected, clearSelection } = useLexicalNodeSelection(props.nodeKey)\r\nconst containerRef = ref<HTMLDivElement | null>(null)\r\n\r\nfunction onDelete(event: KeyboardEvent) {\r\n  if (isSelected.value && $isNodeSelection($getSelection())) {\r\n    event.preventDefault()\r\n    const node = $getNodeByKey(props.nodeKey)\r\n    if ($isDecoratorNode(node))\r\n      node?.remove()\r\n  }\r\n  return false\r\n}\r\n\r\nuseMounted(() => {\r\n  return mergeRegister(\r\n    editor.registerCommand<ElementFormatType>(\r\n      FORMAT_ELEMENT_COMMAND,\r\n      (formatType) => {\r\n        if (isSelected.value) {\r\n          const selection = $getSelection()\r\n\r\n          if ($isNodeSelection(selection)) {\r\n            const node = $getNodeByKey(props.nodeKey)\r\n\r\n            if (node && $isDecoratorBlockNode(node))\r\n              node.setFormat(formatType)\r\n          }\r\n          else if ($isRangeSelection(selection)) {\r\n            const nodes = selection.getNodes()\r\n\r\n            for (const node of nodes) {\r\n              if ($isDecoratorBlockNode(node)) {\r\n                node.setFormat(formatType)\r\n              }\r\n              else {\r\n                const element = $getNearestBlockElementAncestorOrThrow(node)\r\n                element.setFormat(formatType)\r\n              }\r\n            }\r\n          }\r\n\r\n          return true\r\n        }\r\n        return false\r\n      },\r\n      COMMAND_PRIORITY_LOW,\r\n    ),\r\n    editor.registerCommand<MouseEvent>(\r\n      CLICK_COMMAND,\r\n      (event) => {\r\n        if (event.target === containerRef.value) {\r\n          event.preventDefault()\r\n          if (!event.shiftKey)\r\n            clearSelection()\r\n\r\n          setSelected(!isSelected.value)\r\n          return true\r\n        }\r\n        return false\r\n      },\r\n      COMMAND_PRIORITY_LOW,\r\n    ),\r\n    editor.registerCommand(\r\n      KEY_DELETE_COMMAND,\r\n      onDelete,\r\n      COMMAND_PRIORITY_LOW,\r\n    ),\r\n    editor.registerCommand(\r\n      KEY_BACKSPACE_COMMAND,\r\n      onDelete,\r\n      COMMAND_PRIORITY_LOW,\r\n    ),\r\n  )\r\n})\r\n</script>\r\n\r\n<template>\r\n  <div\r\n    ref=\"containerRef\"\r\n    :style=\"`text-align: ${format}`\"\r\n    :class=\"[baseClass, isSelected ? focusClass : '']\"\r\n  >\r\n    <slot />\r\n  </div>\r\n</template>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,UAAM,QAAQ;AAOd,UAAM,SAAS;AACf,UAAM,EAAE,YAAY,aAAa,eAAmB,IAAA,wBAAwB,MAAM,OAAO;AACnF,UAAA,eAAe,IAA2B,IAAI;AAEpD,aAAS,SAAS,OAAsB;AACtC,UAAI,WAAW,SAAS,iBAAiB,cAAe,CAAA,GAAG;AACzD,cAAM,eAAe;AACf,cAAA,OAAO,cAAc,MAAM,OAAO;AACxC,YAAI,iBAAiB,IAAI;AACvB,uCAAM;AAAA,MACV;AACO,aAAA;AAAA,IACT;AAEA,eAAW,MAAM;AACR,aAAA;AAAA,QACL,OAAO;AAAA,UACL;AAAA,UACA,CAAC,eAAe;AACd,gBAAI,WAAW,OAAO;AACpB,oBAAM,YAAY;AAEd,kBAAA,iBAAiB,SAAS,GAAG;AACzB,sBAAA,OAAO,cAAc,MAAM,OAAO;AAEpC,oBAAA,QAAQ,sBAAsB,IAAI;AACpC,uBAAK,UAAU,UAAU;AAAA,cAAA,WAEpB,kBAAkB,SAAS,GAAG;AAC/B,sBAAA,QAAQ,UAAU;AAExB,2BAAW,QAAQ,OAAO;AACpB,sBAAA,sBAAsB,IAAI,GAAG;AAC/B,yBAAK,UAAU,UAAU;AAAA,kBAAA,OAEtB;AACG,0BAAA,UAAU,uCAAuC,IAAI;AAC3D,4BAAQ,UAAU,UAAU;AAAA,kBAC9B;AAAA,gBACF;AAAA,cACF;AAEO,qBAAA;AAAA,YACT;AACO,mBAAA;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACA,OAAO;AAAA,UACL;AAAA,UACA,CAAC,UAAU;AACL,gBAAA,MAAM,WAAW,aAAa,OAAO;AACvC,oBAAM,eAAe;AACrB,kBAAI,CAAC,MAAM;AACM;AAEL,0BAAA,CAAC,WAAW,KAAK;AACtB,qBAAA;AAAA,YACT;AACO,mBAAA;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACA,OAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,QACA,OAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MAAA;AAAA,IACF,CACD;;;;;;;;;;;;;"}

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

@@ -26,7 +26,11 @@ class DecoratorBlockNode extends DecoratorNode {
     self.__format = format;
   }
 }
+function $isDecoratorBlockNode(node) {
+  return node instanceof DecoratorBlockNode;
+}
 export {
+  $isDecoratorBlockNode,
   DecoratorBlockNode
 };
 //# sourceMappingURL=LexicalDecoratorBlockNode.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LexicalDecoratorBlockNode.js","sources":["../../../../../../../src/components/basic/doc-editor/lexical-vue/components/LexicalDecoratorBlockNode.ts"],"sourcesContent":["import type { ElementFormatType, LexicalNode, NodeKey, SerializedLexicalNode, Spread } from 'lexical'\r\n\r\nimport { DecoratorNode } from 'lexical'\r\nimport type { Component } from 'vue'\r\n\r\nexport type SerializedDecoratorBlockNode = Spread<\r\n  {\r\n    format: ElementFormatType\r\n  },\r\n  SerializedLexicalNode\r\n>\r\n\r\nexport class DecoratorBlockNode extends DecoratorNode<Component> {\r\n  __format?: ElementFormatType\r\n\r\n  constructor(format?: ElementFormatType, key?: NodeKey) {\r\n    super(key)\r\n    this.__format = format || ''\r\n  }\r\n\r\n  exportJSON(): SerializedDecoratorBlockNode {\r\n    return {\r\n      format: this.__format || '',\r\n      type: 'decorator-block',\r\n      version: 1,\r\n    }\r\n  }\r\n\r\n  createDOM() {\r\n    return document.createElement('div')\r\n  }\r\n\r\n  updateDOM() {\r\n    return false\r\n  }\r\n\r\n  setFormat(format: ElementFormatType) {\r\n    const self = this.getWritable()\r\n    self.__format = format\r\n  }\r\n}\r\n\r\nexport function $createDecoratorBlockNode() {\r\n  return new DecoratorBlockNode()\r\n}\r\n\r\nexport function $isDecoratorBlockNode(node: LexicalNode | null | undefined): node is DecoratorBlockNode {\r\n  return node instanceof DecoratorBlockNode\r\n}\r\n"],"names":[],"mappings":";;;;AAYO,MAAM,2BAA2B,cAAyB;AAAA,EAG/D,YAAY,QAA4B,KAAe;AACrD,UAAM,GAAG;AAHX;AAIE,SAAK,WAAW,UAAU;AAAA,EAC5B;AAAA,EAEA,aAA2C;AAClC,WAAA;AAAA,MACL,QAAQ,KAAK,YAAY;AAAA,MACzB,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,EAEb;AAAA,EAEA,YAAY;AACH,WAAA,SAAS,cAAc,KAAK;AAAA,EACrC;AAAA,EAEA,YAAY;AACH,WAAA;AAAA,EACT;AAAA,EAEA,UAAU,QAA2B;AAC7B,UAAA,OAAO,KAAK;AAClB,SAAK,WAAW;AAAA,EAClB;AACF;"}
+{"version":3,"file":"LexicalDecoratorBlockNode.js","sources":["../../../../../../../src/components/basic/doc-editor/lexical-vue/components/LexicalDecoratorBlockNode.ts"],"sourcesContent":["import type { ElementFormatType, LexicalNode, NodeKey, SerializedLexicalNode, Spread } from 'lexical'\r\n\r\nimport { DecoratorNode } from 'lexical'\r\nimport type { Component } from 'vue'\r\n\r\nexport type SerializedDecoratorBlockNode = Spread<\r\n  {\r\n    format: ElementFormatType\r\n  },\r\n  SerializedLexicalNode\r\n>\r\n\r\nexport class DecoratorBlockNode extends DecoratorNode<Component> {\r\n  __format?: ElementFormatType\r\n\r\n  constructor(format?: ElementFormatType, key?: NodeKey) {\r\n    super(key)\r\n    this.__format = format || ''\r\n  }\r\n\r\n  exportJSON(): SerializedDecoratorBlockNode {\r\n    return {\r\n      format: this.__format || '',\r\n      type: 'decorator-block',\r\n      version: 1,\r\n    }\r\n  }\r\n\r\n  createDOM() {\r\n    return document.createElement('div')\r\n  }\r\n\r\n  updateDOM() {\r\n    return false\r\n  }\r\n\r\n  setFormat(format: ElementFormatType) {\r\n    const self = this.getWritable()\r\n    self.__format = format\r\n  }\r\n}\r\n\r\nexport function $createDecoratorBlockNode() {\r\n  return new DecoratorBlockNode()\r\n}\r\n\r\nexport function $isDecoratorBlockNode(node: LexicalNode | null | undefined): node is DecoratorBlockNode {\r\n  return node instanceof DecoratorBlockNode\r\n}\r\n"],"names":[],"mappings":";;;;AAYO,MAAM,2BAA2B,cAAyB;AAAA,EAG/D,YAAY,QAA4B,KAAe;AACrD,UAAM,GAAG;AAHX;AAIE,SAAK,WAAW,UAAU;AAAA,EAC5B;AAAA,EAEA,aAA2C;AAClC,WAAA;AAAA,MACL,QAAQ,KAAK,YAAY;AAAA,MACzB,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,EAEb;AAAA,EAEA,YAAY;AACH,WAAA,SAAS,cAAc,KAAK;AAAA,EACrC;AAAA,EAEA,YAAY;AACH,WAAA;AAAA,EACT;AAAA,EAEA,UAAU,QAA2B;AAC7B,UAAA,OAAO,KAAK;AAClB,SAAK,WAAW;AAAA,EAClB;AACF;AAMO,SAAS,sBAAsB,MAAkE;AACtG,SAAO,gBAAgB;AACzB;"}

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, onUnmounted, onMounted, openBlock, createElementBlock, renderSlot, unref, createCommentVNode, createVNode } from "vue";
+import { defineComponent, ref, computed, onMounted, watch, onUnmounted, openBlock, createElementBlock, renderSlot, unref, createCommentVNode, createVNode } from "vue";
 import { useCanShowPlaceholder } from "../composables/useCanShowPlaceholder.js";
 import "@lexical/overflow";
 import "@lexical/text";
@@ -32,26 +32,32 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const htmlContent = ref("");
     const contentIsEmpty = computed(() => htmlContent.value == `<p class="mk-doc__paragraph"><br></p>` || !htmlContent.value);
     const setHtml = (html) => {
-      let nodes = [];
-      htmlContent.value = html;
-      editor.update(() => {
-        var _a;
-        if (html.trim()) {
-          nodes = $generateNodesFromDOM(editor, parser.parseFromString(html.trim(), "text/html"));
-        }
-        $selectAll();
-        (_a = $getSelection()) == null ? void 0 : _a.insertNodes(nodes);
-      });
+      if (htmlContent.value != html) {
+        let nodes = [];
+        htmlContent.value = html;
+        editor.update(() => {
+          var _a, _b;
+          if (html.trim()) {
+            nodes = $generateNodesFromDOM(editor, parser.parseFromString(html.trim(), "text/html"));
+          }
+          $selectAll();
+          if (nodes.length > 0) {
+            (_a = $getSelection()) == null ? void 0 : _a.insertNodes(nodes);
+          } else {
+            (_b = $getSelection()) == null ? void 0 : _b.insertText("");
+          }
+        });
+      }
     };
-    const unregisterMergeListener = editor.registerUpdateListener(({ editorState }) => {
-      editorState.read(() => {
-        htmlContent.value = $generateHtmlFromNodes(editor);
-        emit("change", htmlContent.value);
-      });
-    });
-    onUnmounted(() => unregisterMergeListener());
     onMounted(() => {
-      setHtml(props.content);
+      watch(() => props.content, setHtml, { immediate: true });
+      watch(htmlContent, (value) => emit("change", value));
+      const unregisterMergeListener = editor.registerUpdateListener(({ editorState }) => {
+        editorState.read(() => {
+          htmlContent.value = $generateHtmlFromNodes(editor);
+        });
+      });
+      onUnmounted(() => unregisterMergeListener());
     });
     useRichTextSetup(editor);
     return (_ctx, _cache) => {

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

@@ -1 +1 @@
-{"version":3,"file":"LexicalRichTextPlugin.vue.js","sources":["../../../../../../../src/components/basic/doc-editor/lexical-vue/components/LexicalRichTextPlugin.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { useCanShowPlaceholder, useLexicalComposer, useRichTextSetup } from '../composables'\r\nimport Decorators from './LexicalDecoratedTeleports'\r\nimport { ref,defineProps,computed,defineEmits,onMounted,onUnmounted } from \"vue\"\r\nimport { $getRoot, $getSelection ,$createRangeSelection,$selectAll } from 'lexical'\r\nimport { $generateHtmlFromNodes,$generateNodesFromDOM } from '@lexical/html'\r\n\r\n// 事件\r\nconst emit = defineEmits([\"change\"]);\r\n\r\n// 参数\r\nconst props = defineProps({\r\n  content:{ type:String,default:`` }\r\n})\r\n\r\nconst editor = useLexicalComposer()\r\n\r\nconst canShowPlaceholder = useCanShowPlaceholder(editor)\r\n\r\nconst parser = new DOMParser();\r\n\r\nconst htmlContent = ref(\"\");\r\n\r\n// 空内容\r\nconst contentIsEmpty = computed(()=>htmlContent.value == `<p class=\"mk-doc__paragraph\"><br></p>` || !htmlContent.value);\r\n\r\n// 设置 HTML\r\nconst setHtml = (html : any)=>{\r\n\r\n    let nodes : Array<any> = [];\r\n\r\n    htmlContent.value = html;\r\n\r\n    editor.update(()=>{\r\n\r\n      if(html.trim()){\r\n        // Once you have the DOM instance it's easy to generate LexicalNodes.\r\n        nodes = $generateNodesFromDOM(editor,parser.parseFromString(html.trim(),\"text/html\"));\r\n      }\r\n      // 设置权限替换\r\n      $selectAll();\r\n      $getSelection()?.insertNodes(nodes);\r\n    })\r\n}\r\n\r\n// 更新操作\r\nconst unregisterMergeListener = editor.registerUpdateListener(({ editorState }) => {\r\n  editorState.read(() => {\r\n    htmlContent.value = $generateHtmlFromNodes(editor);\r\n    emit('change',htmlContent.value);\r\n  })\r\n})\r\n\r\nonUnmounted(() => unregisterMergeListener());\r\n\r\nonMounted(()=>{\r\n  // 初始化\r\n  setHtml(props.content);\r\n})\r\n\r\n\r\n// 使用富文本\r\nuseRichTextSetup(editor)\r\n\r\n</script>\r\n\r\n<template>\r\n <div class=\"mk-doc-editor__stage__editable\">\r\n    <slot name=\"contentEditable\"></slot>\r\n    <slot v-if=\"canShowPlaceholder && contentIsEmpty\" name=\"placeholder\"></slot>\r\n    <Decorators />\r\n  </div>\r\n\r\n</template>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,UAAM,OAAO;AAGb,UAAM,QAAQ;AAId,UAAM,SAAS;AAET,UAAA,qBAAqB,sBAAsB,MAAM;AAEjD,UAAA,SAAS,IAAI;AAEb,UAAA,cAAc,IAAI,EAAE;AAGpB,UAAA,iBAAiB,SAAS,MAAI,YAAY,SAAS,2CAA2C,CAAC,YAAY,KAAK;AAGhH,UAAA,UAAU,CAAC,SAAa;AAE1B,UAAI,QAAqB,CAAA;AAEzB,kBAAY,QAAQ;AAEpB,aAAO,OAAO,MAAI;;AAEb,YAAA,KAAK,QAAO;AAEL,kBAAA,sBAAsB,QAAO,OAAO,gBAAgB,KAAK,KAAK,GAAE,WAAW,CAAC;AAAA,QACtF;AAEW;AACG,4BAAA,MAAA,mBAAG,YAAY;AAAA,MAAK,CACnC;AAAA,IAAA;AAIL,UAAM,0BAA0B,OAAO,uBAAuB,CAAC,EAAE,kBAAkB;AACjF,kBAAY,KAAK,MAAM;AACT,oBAAA,QAAQ,uBAAuB,MAAM;AAC5C,aAAA,UAAS,YAAY,KAAK;AAAA,MAAA,CAChC;AAAA,IAAA,CACF;AAEW,gBAAA,MAAM,yBAAyB;AAE3C,cAAU,MAAI;AAEZ,cAAQ,MAAM,OAAO;AAAA,IAAA,CACtB;AAID,qBAAiB,MAAM;;;;;;;;;;"}
+{"version":3,"file":"LexicalRichTextPlugin.vue.js","sources":["../../../../../../../src/components/basic/doc-editor/lexical-vue/components/LexicalRichTextPlugin.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { useCanShowPlaceholder, useLexicalComposer, useRichTextSetup } from '../composables'\r\nimport Decorators from './LexicalDecoratedTeleports'\r\nimport { ref,defineProps,computed,defineEmits,onMounted,onUnmounted,watch } from \"vue\"\r\nimport { $getRoot, $getSelection ,$createRangeSelection,$selectAll } from 'lexical'\r\nimport { $generateHtmlFromNodes,$generateNodesFromDOM } from '@lexical/html'\r\n\r\n// 事件\r\nconst emit = defineEmits([\"change\"]);\r\n\r\n// 参数\r\nconst props = defineProps({\r\n  content:{ type:String,default:`` }\r\n})\r\n\r\nconst editor = useLexicalComposer()\r\n\r\nconst canShowPlaceholder = useCanShowPlaceholder(editor)\r\n\r\nconst parser = new DOMParser();\r\n\r\n// html 内容\r\nconst htmlContent = ref(\"\");\r\n\r\n// 空内容\r\nconst contentIsEmpty = computed(()=>htmlContent.value == `<p class=\"mk-doc__paragraph\"><br></p>` || !htmlContent.value);\r\n\r\n// 设置 HTML\r\nconst setHtml = (html : any)=>{\r\n\r\n    // 内容不同则重置 \r\n    if(htmlContent.value != html){\r\n\r\n      let nodes : Array<any> = [];\r\n\r\n      htmlContent.value = html;\r\n\r\n      editor.update(()=>{\r\n\r\n        if(html.trim()){\r\n          // Once you have the DOM instance it's easy to generate LexicalNodes.\r\n          nodes = $generateNodesFromDOM(editor,parser.parseFromString(html.trim(),\"text/html\"));\r\n        }\r\n        // 设置权限替换\r\n        $selectAll();\r\n\r\n        if(nodes.length > 0){\r\n          $getSelection()?.insertNodes(nodes);\r\n        }\r\n        else{\r\n          $getSelection()?.insertText(\"\")\r\n        }\r\n        \r\n      })\r\n    }\r\n}\r\n\r\n\r\nonMounted(()=>{\r\n  // 初始化\r\n  watch(()=>props.content,setHtml,{ immediate:true });\r\n  // 监听内容变化\r\n  watch(htmlContent,(value:any)=>emit('change',value));\r\n\r\n  // 更新操作\r\n  const unregisterMergeListener = editor.registerUpdateListener(({ editorState }) => {\r\n    editorState.read(() => {\r\n      htmlContent.value = $generateHtmlFromNodes(editor);\r\n    })\r\n  })\r\n\r\n  // 取消华仔\r\n  onUnmounted(() => unregisterMergeListener());\r\n})\r\n\r\n\r\n// 使用富文本\r\nuseRichTextSetup(editor)\r\n\r\n</script>\r\n\r\n<template>\r\n <div class=\"mk-doc-editor__stage__editable\">\r\n    <slot name=\"contentEditable\"></slot>\r\n    <slot v-if=\"canShowPlaceholder && contentIsEmpty\" name=\"placeholder\"></slot>\r\n    <Decorators />\r\n  </div>\r\n\r\n</template>\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,UAAM,OAAO;AAGb,UAAM,QAAQ;AAId,UAAM,SAAS;AAET,UAAA,qBAAqB,sBAAsB,MAAM;AAEjD,UAAA,SAAS,IAAI;AAGb,UAAA,cAAc,IAAI,EAAE;AAGpB,UAAA,iBAAiB,SAAS,MAAI,YAAY,SAAS,2CAA2C,CAAC,YAAY,KAAK;AAGhH,UAAA,UAAU,CAAC,SAAa;AAGvB,UAAA,YAAY,SAAS,MAAK;AAE3B,YAAI,QAAqB,CAAA;AAEzB,oBAAY,QAAQ;AAEpB,eAAO,OAAO,MAAI;;AAEb,cAAA,KAAK,QAAO;AAEL,oBAAA,sBAAsB,QAAO,OAAO,gBAAgB,KAAK,KAAK,GAAE,WAAW,CAAC;AAAA,UACtF;AAEW;AAER,cAAA,MAAM,SAAS,GAAE;AACJ,gCAAA,MAAA,mBAAG,YAAY;AAAA,UAAK,OAEhC;AACY,gCAAA,MAAA,mBAAG,WAAW;AAAA,UAC9B;AAAA,QAAA,CAED;AAAA,MACH;AAAA,IAAA;AAIJ,cAAU,MAAI;AAEZ,YAAM,MAAI,MAAM,SAAQ,SAAQ,EAAE,WAAU,MAAM;AAElD,YAAM,aAAY,CAAC,UAAY,KAAK,UAAS,KAAK,CAAC;AAGnD,YAAM,0BAA0B,OAAO,uBAAuB,CAAC,EAAE,kBAAkB;AACjF,oBAAY,KAAK,MAAM;AACT,sBAAA,QAAQ,uBAAuB,MAAM;AAAA,QAAA,CAClD;AAAA,MAAA,CACF;AAGW,kBAAA,MAAM,yBAAyB;AAAA,IAAA,CAC5C;AAID,qBAAiB,MAAM;;;;;;;;;;"}

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

@@ -21,7 +21,7 @@ import "@lexical/markdown";
 import "../lexical-vue/composables/useCollaborationContext.js";
 import "../lexical-vue/components/LexicalMenu/shared.js";
 import "../lexical-vue/components/LexicalAutoEmbedPlugin/shared.js";
-import _sfc_main$1 from "../lexical-vue/components/LexicalAutoLinkPlugin/index.vue.js";
+import _sfc_main$1 from "../lexical-vue/components/LexicalAutoLinkPlugin/index.vue2.js";
 import "../lexical-vue/components/LexicalTypeaheadMenuPlugin/shared.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "AutoLinkPlugin",