@maketribe/ms-app 3.2.11 → 3.2.13

package/dist/cjs/components/data-model/data-filter-form/data-filter-form-item/data-filter-form-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-filter-form-item.js","sources":["../../../../../../src/components/data-model/data-filter-form/data-filter-form-item/data-filter-form-item.tsx"],"sourcesContent":["import {\r\n  computed,\r\n  defineComponent,\r\n  inject,\r\n  onBeforeUnmount,\r\n  reactive,\r\n  toRaw,\r\n  unref,\r\n  watch,\r\n} from \"vue\";\r\nimport { ElFormItem } from \"element-plus\";\r\nimport { FilterColumn, isWhereFilter } from \"@maketribe/dm\";\r\nimport { useFilterColumnComponent } from \"../../../../composables\";\r\nimport { DataFilterComponent } from \"../../../../core\";\r\nimport { dataFilterFormItemProps } from \"./data-filter-form-item-options\";\r\nimport { DATA_FILTER_CONTEXT } from \"../token\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKDataFilterFormItem\",\r\n  props: dataFilterFormItemProps,\r\n  setup(props, { slots }) {\r\n    const dataFilterContext = inject(DATA_FILTER_CONTEXT)!;\r\n\r\n    const dataFilter = computed(() => dataFilterContext.dataFilter);\r\n\r\n    let _filterColumn: FilterColumn | null = null;\r\n\r\n    const createFilterColumn = () => {\r\n      _filterColumn = reactive(\r\n        new FilterColumn({\r\n          name: props.name!,\r\n          label: props.label!,\r\n        })\r\n      );\r\n\r\n      unref(dataFilter).addColumn(_filterColumn);\r\n\r\n      return _filterColumn;\r\n    };\r\n\r\n    const filterColumn = computed(() => {\r\n      const existingColumn = unref(dataFilter).getColumn(props.name) ?? null;\r\n\r\n      if (existingColumn) {\r\n        return existingColumn;\r\n      }\r\n\r\n      if (!_filterColumn) {\r\n        _filterColumn = createFilterColumn();\r\n      }\r\n\r\n      return _filterColumn;\r\n    });\r\n\r\n    const value = computed({\r\n      get: () => unref(dataFilter).getParam(unref(filterColumn).name),\r\n      set: (v) => unref(dataFilter).setParam(unref(filterColumn).name, v),\r\n    });\r\n\r\n    const { component, componentProps, componentInfo } =\r\n      useFilterColumnComponent(filterColumn, dataFilter);\r\n\r\n    watch(\r\n      componentInfo,\r\n      (componentInfo) => {\r\n        const _dataFilter = unref(dataFilter);\r\n\r\n        if (isWhereFilter(_dataFilter)) {\r\n          _dataFilter.setParamOperator(\r\n            unref(filterColumn).name,\r\n            (componentInfo as DataFilterComponent).defaultOperator\r\n          );\r\n        }\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    onBeforeUnmount(() => {\r\n      const _dataFilter = unref(dataFilter);\r\n\r\n      if (isWhereFilter(_dataFilter)) {\r\n        _dataFilter.deleteParamOperator(unref(filterColumn).name);\r\n      }\r\n\r\n      _dataFilter.deleteParam(unref(filterColumn).name);\r\n    });\r\n\r\n    return () => {\r\n      const _filterColumn = unref(filterColumn);\r\n\r\n      if (!_filterColumn) {\r\n        return null;\r\n      }\r\n\r\n      let children: any = slots.default?.();\r\n\r\n      if (!children && unref(component)) {\r\n        const FilterColumnComponent = toRaw(unref(component));\r\n\r\n        children = (\r\n          <FilterColumnComponent\r\n            {...unref(componentProps)}\r\n            modelValue={unref(value)}\r\n            onUpdate:modelValue={(v: any) => (value.value = v)}\r\n            column={unref(filterColumn)}\r\n          />\r\n        );\r\n      }\r\n\r\n      const labelWidth = computed(() => dataFilterContext.labelWidth);\r\n\r\n      return (\r\n        <ElFormItem\r\n          prop={_filterColumn.name}\r\n          label={_filterColumn.label}\r\n          labelWidth={unref(labelWidth)}\r\n        >\r\n          {children}\r\n        </ElFormItem>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","dataFilterFormItemProps","setup","slots","dataFilterContext","inject","DATA_FILTER_CONTEXT","dataFilter","computed","_filterColumn","createFilterColumn","reactive","FilterColumn","label","unref","addColumn","filterColumn","existingColumn","getColumn","value","get","getParam","set","v","setParam","component","componentProps","componentInfo","useFilterColumnComponent","watch","_dataFilter","isWhereFilter","setParamOperator","defaultOperator","immediate","onBeforeUnmount","deleteParamOperator","deleteParam","children","default","FilterColumnComponent","toRaw","_createVNode","_mergeProps","labelWidth","ElFormItem"],"mappings":"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"}
+{"version":3,"file":"data-filter-form-item.js","sources":["../../../../../../src/components/data-model/data-filter-form/data-filter-form-item/data-filter-form-item.tsx"],"sourcesContent":["import {\n  computed,\n  defineComponent,\n  inject,\n  onBeforeUnmount,\n  reactive,\n  toRaw,\n  unref,\n  watch,\n} from \"vue\";\nimport { ElFormItem } from \"element-plus\";\nimport { FilterColumn, isWhereFilter } from \"@maketribe/dm\";\nimport { useFilterColumnComponent } from \"../../../../composables\";\nimport { DataFilterComponent } from \"../../../../core\";\nimport { dataFilterFormItemProps } from \"./data-filter-form-item-options\";\nimport { DATA_FILTER_CONTEXT } from \"../token\";\n\nexport default defineComponent({\n  name: \"MKDataFilterFormItem\",\n  props: dataFilterFormItemProps,\n  setup(props, { slots }) {\n    const dataFilterContext = inject(DATA_FILTER_CONTEXT)!;\n\n    const dataFilter = computed(() => dataFilterContext.dataFilter);\n\n    let _filterColumn: FilterColumn | null = null;\n\n    const createFilterColumn = () => {\n      _filterColumn = reactive(\n        new FilterColumn({\n          name: props.name!,\n          label: props.label!,\n        })\n      );\n\n      unref(dataFilter).addColumn(_filterColumn);\n\n      return _filterColumn;\n    };\n\n    const filterColumn = computed(() => {\n      const existingColumn = unref(dataFilter).getColumn(props.name) ?? null;\n\n      if (existingColumn) {\n        return existingColumn;\n      }\n\n      if (!_filterColumn) {\n        _filterColumn = createFilterColumn();\n      }\n\n      return _filterColumn;\n    });\n\n    const value = computed({\n      get: () => unref(dataFilter).getParam(unref(filterColumn).name),\n      set: (v) => unref(dataFilter).setParam(unref(filterColumn).name, v),\n    });\n\n    const { component, componentProps, componentInfo } =\n      useFilterColumnComponent(filterColumn, dataFilter);\n\n    watch(\n      componentInfo,\n      (componentInfo) => {\n        const _dataFilter = unref(dataFilter);\n\n        if (isWhereFilter(_dataFilter)) {\n          _dataFilter.setParamOperator(\n            unref(filterColumn).name,\n            (componentInfo as DataFilterComponent).defaultOperator\n          );\n        }\n      },\n      { immediate: true }\n    );\n\n    onBeforeUnmount(() => {\n      const _dataFilter = unref(dataFilter);\n\n      if (isWhereFilter(_dataFilter)) {\n        _dataFilter.deleteParamOperator(unref(filterColumn).name);\n      }\n\n      _dataFilter.deleteParam(unref(filterColumn).name);\n    });\n\n    return () => {\n      const _filterColumn = unref(filterColumn);\n\n      if (!_filterColumn) {\n        return null;\n      }\n\n      let children: any = slots.default?.();\n\n      if (!children && unref(component)) {\n        const FilterColumnComponent = toRaw(unref(component));\n\n        children = (\n          <FilterColumnComponent\n            {...unref(componentProps)}\n            modelValue={unref(value)}\n            onUpdate:modelValue={(v: any) => (value.value = v)}\n            column={unref(filterColumn)}\n          />\n        );\n      }\n\n      const labelWidth = computed(() => dataFilterContext.labelWidth);\n\n      return (\n        <ElFormItem\n          prop={_filterColumn.name}\n          label={_filterColumn.label}\n          labelWidth={unref(labelWidth)}\n        >\n          {children}\n        </ElFormItem>\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","dataFilterFormItemProps","setup","slots","dataFilterContext","inject","DATA_FILTER_CONTEXT","dataFilter","computed","_filterColumn","createFilterColumn","reactive","FilterColumn","label","unref","addColumn","filterColumn","existingColumn","getColumn","value","get","getParam","set","v","setParam","component","componentProps","componentInfo","useFilterColumnComponent","watch","_dataFilter","isWhereFilter","setParamOperator","defaultOperator","immediate","onBeforeUnmount","deleteParamOperator","deleteParam","children","default","FilterColumnComponent","toRaw","_createVNode","_mergeProps","labelWidth","ElFormItem"],"mappings":"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"}

package/dist/cjs/components/data-model/data-filter-form/data-filter-form-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-filter-form-options.js","sources":["../../../../../src/components/data-model/data-filter-form/data-filter-form-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { DataTable } from \"@maketribe/dm\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport dataFilterForm from \"./data-filter-form\";\r\n\r\nexport const dataFilterFormProps = buildProps({\r\n  // dataFilter: { type: DataFilter, required: true },\r\n  dataTable: { type: DataTable, required: true },\r\n} as const);\r\n\r\nexport type DataFilterFormProps = ExtractPropTypes<typeof dataFilterFormProps>;\r\n\r\nexport const dataFilterFormEmits = {};\r\n\r\nexport type DataFilterFormEmits = typeof dataFilterForm;\r\n"],"names":["buildProps","DataTable"],"mappings":";;;;AAKO,MAAM,sBAAsBA,MAAAA,WAAW;AAAA;AAAA,EAE5C,WAAW,EAAE,MAAMC,cAAW,UAAU,KAAK;AAC/C,CAAU;;"}
+{"version":3,"file":"data-filter-form-options.js","sources":["../../../../../src/components/data-model/data-filter-form/data-filter-form-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { DataTable } from \"@maketribe/dm\";\nimport { buildProps } from \"@maketribe/utils\";\nimport dataFilterForm from \"./data-filter-form\";\n\nexport const dataFilterFormProps = buildProps({\n  // dataFilter: { type: DataFilter, required: true },\n  dataTable: { type: DataTable, required: true },\n} as const);\n\nexport type DataFilterFormProps = ExtractPropTypes<typeof dataFilterFormProps>;\n\nexport const dataFilterFormEmits = {};\n\nexport type DataFilterFormEmits = typeof dataFilterForm;\n"],"names":["buildProps","DataTable"],"mappings":";;;;AAKO,MAAM,sBAAsBA,MAAAA,WAAW;AAAA;AAAA,EAE5C,WAAW,EAAE,MAAMC,cAAW,UAAU,KAAK;AAC/C,CAAU;;"}

package/dist/cjs/components/data-model/data-filter-form/data-filter-form.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-filter-form.js","sources":["../../../../../src/components/data-model/data-filter-form/data-filter-form.tsx"],"sourcesContent":["import {\r\n  Suspense,\r\n  computed,\r\n  defineComponent,\r\n  provide,\r\n  reactive,\r\n  unref,\r\n  watch,\r\n  onMounted,\r\n  Fragment,\r\n} from \"vue\";\r\nimport { dataFilterFormProps } from \"./data-filter-form-options\";\r\nimport { MKDataFilterFormItem } from \"./data-filter-form-item\";\r\nimport { DATA_FILTER_CONTEXT } from \"./token\";\r\nimport { ElForm } from \"element-plus\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKDataFilterForm\",\r\n  props: dataFilterFormProps,\r\n  setup(props, { slots }) {\r\n    const dataTable = computed(() => props.dataTable);\r\n    const dataFilter = computed(() => unref(dataTable).dataFilter);\r\n\r\n    const columns = computed(() =>\r\n      unref(dataFilter)\r\n        .getColumns()\r\n        .filter((column) => column.visible)\r\n    );\r\n\r\n    const labelWidth = computed(() => {\r\n      const maxWordCount = Math.max(\r\n        ...unref(columns).map((column) => column.label.length)\r\n      );\r\n\r\n      return maxWordCount * 14 + 20;\r\n    });\r\n\r\n    provide(DATA_FILTER_CONTEXT, reactive({ dataFilter, labelWidth }));\r\n\r\n    let resolve: Function | null = null;\r\n    const suspenseResolvePromise = new Promise((_resolve) => {\r\n      resolve = _resolve;\r\n    });\r\n\r\n    const handleResolve = () => {\r\n      resolve?.();\r\n    };\r\n\r\n    onMounted(() => {\r\n      watch(\r\n        dataTable,\r\n        async (dataTable, _, onCleanup) => {\r\n          await suspenseResolvePromise;\r\n\r\n          const disposable = dataTable.afterInitdEvent.on(() => {\r\n            dataTable.dataFilter.setReady();\r\n          });\r\n\r\n          onCleanup(() => {\r\n            disposable.dispose();\r\n          });\r\n        },\r\n        { immediate: true }\r\n      );\r\n    });\r\n\r\n    return () => {\r\n      if (!unref(columns).length) {\r\n        return null;\r\n      }\r\n\r\n      let children: any = slots.default?.();\r\n\r\n      if (!children) {\r\n        children = unref(columns).map((column) => {\r\n          if (!column.name) {\r\n            return null;\r\n          }\r\n\r\n          return (\r\n            slots[`col-${column.name}`]?.() || (\r\n              <MKDataFilterFormItem\r\n                name={column.name}\r\n                v-slots={{ default: slots[`col-${column.name}-content`] }}\r\n              />\r\n            )\r\n          );\r\n        });\r\n      }\r\n\r\n      if (!children) {\r\n        return null;\r\n      }\r\n\r\n      return (\r\n        <ElForm class=\"mk-data-filter-form\">\r\n          <Suspense onResolve={handleResolve}>\r\n            <Fragment>{children}</Fragment>\r\n          </Suspense>\r\n        </ElForm>\r\n      );\r\n    };\r\n  },\r\n});\r\n\r\n// export default defineComponent({\r\n//   name: \"MKDataFilterForm\",\r\n//   props: dataFilterFormProps,\r\n//   setup(props, { slots }) {\r\n//     const dataTable = computed(() => props.dataTable);\r\n//     const dataFilter = computed(() => unref(dataTable).dataFilter);\r\n\r\n//     const columns = computed(() =>\r\n//       unref(dataFilter)\r\n//         .getColumns()\r\n//         .filter((column) => column.visible)\r\n//     );\r\n\r\n//     const labelWidth = computed(() => {\r\n//       const maxWordCount = Math.max(\r\n//         ...unref(columns).map((column) => column.label.length)\r\n//       );\r\n\r\n//       return maxWordCount * 14 + 10;\r\n//     });\r\n\r\n//     provide(DATA_FILTER_CONTEXT, reactive({ dataFilter, labelWidth }));\r\n\r\n//     let resolve: Function | null = null;\r\n//     const suspenseResolvePromise = new Promise((_resolve) => {\r\n//       resolve = _resolve;\r\n//     });\r\n\r\n//     const handleResolve = () => {\r\n//       resolve?.();\r\n//     };\r\n\r\n//     onMounted(() => {\r\n//       watch(\r\n//         dataTable,\r\n//         async (dataTable, _, onCleanup) => {\r\n//           await suspenseResolvePromise;\r\n\r\n//           const disposable = dataTable.afterInitdEvent.on(() => {\r\n//             dataTable.dataFilter.setReady();\r\n//           });\r\n\r\n//           onCleanup(() => {\r\n//             disposable.dispose();\r\n//           });\r\n//         },\r\n//         { immediate: true }\r\n//       );\r\n//     });\r\n\r\n//     return () => {\r\n//       if (!unref(columns).length) {\r\n//         return null;\r\n//       }\r\n\r\n//       let children: any = slots.default?.();\r\n\r\n//       if (!children) {\r\n//         children = unref(columns).map((column) => {\r\n//           if (!column.name) {\r\n//             return null;\r\n//           }\r\n\r\n//           return (\r\n//             slots[`col-${column.name}`]?.() || (\r\n//               <MKDataFilterFormItem\r\n//                 name={column.name}\r\n//                 v-slots={{ default: slots[`col-${column.name}-content`] }}\r\n//               />\r\n//             )\r\n//           );\r\n//         });\r\n//       }\r\n\r\n//       if (!children) {\r\n//         return null;\r\n//       }\r\n\r\n//       return (\r\n//         <div class=\"mk-data-filter-form\">\r\n//           <Suspense onResolve={handleResolve}>\r\n//             <Fragment>{children}</Fragment>\r\n//           </Suspense>\r\n//         </div>\r\n//       );\r\n//     };\r\n//   },\r\n// });\r\n"],"names":["defineComponent","name","props","dataFilterFormProps","setup","slots","dataTable","computed","dataFilter","unref","columns","getColumns","filter","column","visible","labelWidth","maxWordCount","Math","max","map","label","length","provide","DATA_FILTER_CONTEXT","reactive","resolve","suspenseResolvePromise","Promise","_resolve","handleResolve","onMounted","watch","_","onCleanup","disposable","afterInitdEvent","on","setReady","dispose","immediate","children","default","_createVNode","MKDataFilterFormItem","ElForm","Suspense","_Fragment"],"mappings":";;;;;;AAgBA,MAAeA,qDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,sBAAmB;AAAA,EAC1BC,MAAMF,OAAO;AAAA,IAAEG;AAAAA,EAAM,GAAG;AACtB,UAAMC,YAAYC,IAAQ,SAAC,MAAML,MAAMI,SAAS;AAChD,UAAME,aAAaD,IAAAA,SAAS,MAAME,IAAK,MAACH,SAAS,EAAEE,UAAU;AAE7D,UAAME,UAAUH,IAAAA,SAAS,MACvBE,IAAAA,MAAMD,UAAU,EACbG,WAAY,EACZC,OAAQC,YAAWA,OAAOC,OAAO,CACtC;AAEA,UAAMC,aAAaR,IAAAA,SAAS,MAAM;AAChC,YAAMS,eAAeC,KAAKC,IACxB,GAAGT,IAAK,MAACC,OAAO,EAAES,IAAKN,YAAWA,OAAOO,MAAMC,MAAM,CACvD;AAEA,aAAOL,eAAe,KAAK;AAAA,IAC7B,CAAC;AAEDM,QAAO,QAACC,MAAmB,qBAAEC,aAAS;AAAA,MAAEhB;AAAAA,MAAYO;AAAAA,IAAY,CAAA,CAAC;AAEjE,QAAIU,UAA2B;AAC/B,UAAMC,yBAAyB,IAAIC,QAASC,cAAa;AACvDH,gBAAUG;AAAAA,IACZ,CAAC;AAED,UAAMC,gBAAgBA,MAAM;AAC1BJ;AAAAA;AAGFK,QAAAA,UAAU,MAAM;AACdC,UAAAA,MACEzB,WACA,OAAOA,YAAW0B,GAAGC,cAAc;AACjC,cAAMP;AAEN,cAAMQ,aAAa5B,WAAU6B,gBAAgBC,GAAG,MAAM;AACpD9B,UAAAA,WAAUE,WAAW6B;QACvB,CAAC;AAEDJ,kBAAU,MAAM;AACdC,qBAAWI,QAAO;AAAA,QACpB,CAAC;AAAA,MACH,GACA;AAAA,QAAEC,WAAW;AAAA,MAAK,CACpB;AAAA,IACF,CAAC;AAED,WAAO,MAAM;;AACX,UAAI,CAAC9B,IAAK,MAACC,OAAO,EAAEW,QAAQ;AAC1B,eAAO;AAAA,MACT;AAEA,UAAImB,YAAgBnC,WAAMoC,YAANpC;AAEpB,UAAI,CAACmC,UAAU;AACbA,mBAAW/B,IAAAA,MAAMC,OAAO,EAAES,IAAKN,YAAW;;AACxC,cAAI,CAACA,OAAOZ,MAAM;AAChB,mBAAO;AAAA,UACT;AAEA,mBACEI,MAAAA,MAAM,OAAOQ,OAAOZ,IAAI,QAAxBI,gBAAAA,IAAAA,gBAA+BqC,IAAA,YAAAC,4BAAA;AAAA,YAAA,QAErB9B,OAAOZ;AAAAA,aACJ;AAAA,YAAEwC,SAASpC,MAAM,OAAOQ,OAAOZ,IAAI,UAAU;AAAA,UAAE,CAAC;AAAA,QAIjE,CAAC;AAAA,MACH;AAEA,UAAI,CAACuC,UAAU;AACb,eAAO;AAAA,MACT;AAEA,aAAAE,IAAAA,YAAAE,YAAAA,QAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA;AAAA,QAAAH,SAAAA,MAAAC,CAAAA,IAAA,YAAAG,cAAA;AAAA,UAAA,aAEyBhB;AAAAA,QAAa,GAAA;AAAA,UAAAY,SAAAA,MAAA,CAAAC,gBAAAI,IAAAA,iBACrBN,QAAQ,CAAA,CAAA;AAAA,QAAA,CAAA,CAAA;AAAA,MAAA,CAAA;AAAA;EAK7B;AACF,CAAC;;"}
+{"version":3,"file":"data-filter-form.js","sources":["../../../../../src/components/data-model/data-filter-form/data-filter-form.tsx"],"sourcesContent":["import {\n  Suspense,\n  computed,\n  defineComponent,\n  provide,\n  reactive,\n  unref,\n  watch,\n  onMounted,\n  Fragment,\n} from \"vue\";\nimport { dataFilterFormProps } from \"./data-filter-form-options\";\nimport { MKDataFilterFormItem } from \"./data-filter-form-item\";\nimport { DATA_FILTER_CONTEXT } from \"./token\";\nimport { ElForm } from \"element-plus\";\n\nexport default defineComponent({\n  name: \"MKDataFilterForm\",\n  props: dataFilterFormProps,\n  setup(props, { slots }) {\n    const dataTable = computed(() => props.dataTable);\n    const dataFilter = computed(() => unref(dataTable).dataFilter);\n\n    const columns = computed(() =>\n      unref(dataFilter)\n        .getColumns()\n        .filter((column) => column.visible)\n    );\n\n    const labelWidth = computed(() => {\n      const maxWordCount = Math.max(\n        ...unref(columns).map((column) => column.label.length)\n      );\n\n      return maxWordCount * 14 + 20;\n    });\n\n    provide(DATA_FILTER_CONTEXT, reactive({ dataFilter, labelWidth }));\n\n    let resolve: Function | null = null;\n    const suspenseResolvePromise = new Promise((_resolve) => {\n      resolve = _resolve;\n    });\n\n    const handleResolve = () => {\n      resolve?.();\n    };\n\n    onMounted(() => {\n      watch(\n        dataTable,\n        async (dataTable, _, onCleanup) => {\n          await suspenseResolvePromise;\n\n          const disposable = dataTable.afterInitdEvent.on(() => {\n            dataTable.dataFilter.setReady();\n          });\n\n          onCleanup(() => {\n            disposable.dispose();\n          });\n        },\n        { immediate: true }\n      );\n    });\n\n    return () => {\n      if (!unref(columns).length) {\n        return null;\n      }\n\n      let children: any = slots.default?.();\n\n      if (!children) {\n        children = unref(columns).map((column) => {\n          if (!column.name) {\n            return null;\n          }\n\n          return (\n            slots[`col-${column.name}`]?.() || (\n              <MKDataFilterFormItem\n                name={column.name}\n                v-slots={{ default: slots[`col-${column.name}-content`] }}\n              />\n            )\n          );\n        });\n      }\n\n      if (!children) {\n        return null;\n      }\n\n      return (\n        <ElForm class=\"mk-data-filter-form\">\n          <Suspense onResolve={handleResolve}>\n            <Fragment>{children}</Fragment>\n          </Suspense>\n        </ElForm>\n      );\n    };\n  },\n});\n\n// export default defineComponent({\n//   name: \"MKDataFilterForm\",\n//   props: dataFilterFormProps,\n//   setup(props, { slots }) {\n//     const dataTable = computed(() => props.dataTable);\n//     const dataFilter = computed(() => unref(dataTable).dataFilter);\n\n//     const columns = computed(() =>\n//       unref(dataFilter)\n//         .getColumns()\n//         .filter((column) => column.visible)\n//     );\n\n//     const labelWidth = computed(() => {\n//       const maxWordCount = Math.max(\n//         ...unref(columns).map((column) => column.label.length)\n//       );\n\n//       return maxWordCount * 14 + 10;\n//     });\n\n//     provide(DATA_FILTER_CONTEXT, reactive({ dataFilter, labelWidth }));\n\n//     let resolve: Function | null = null;\n//     const suspenseResolvePromise = new Promise((_resolve) => {\n//       resolve = _resolve;\n//     });\n\n//     const handleResolve = () => {\n//       resolve?.();\n//     };\n\n//     onMounted(() => {\n//       watch(\n//         dataTable,\n//         async (dataTable, _, onCleanup) => {\n//           await suspenseResolvePromise;\n\n//           const disposable = dataTable.afterInitdEvent.on(() => {\n//             dataTable.dataFilter.setReady();\n//           });\n\n//           onCleanup(() => {\n//             disposable.dispose();\n//           });\n//         },\n//         { immediate: true }\n//       );\n//     });\n\n//     return () => {\n//       if (!unref(columns).length) {\n//         return null;\n//       }\n\n//       let children: any = slots.default?.();\n\n//       if (!children) {\n//         children = unref(columns).map((column) => {\n//           if (!column.name) {\n//             return null;\n//           }\n\n//           return (\n//             slots[`col-${column.name}`]?.() || (\n//               <MKDataFilterFormItem\n//                 name={column.name}\n//                 v-slots={{ default: slots[`col-${column.name}-content`] }}\n//               />\n//             )\n//           );\n//         });\n//       }\n\n//       if (!children) {\n//         return null;\n//       }\n\n//       return (\n//         <div class=\"mk-data-filter-form\">\n//           <Suspense onResolve={handleResolve}>\n//             <Fragment>{children}</Fragment>\n//           </Suspense>\n//         </div>\n//       );\n//     };\n//   },\n// });\n"],"names":["defineComponent","name","props","dataFilterFormProps","setup","slots","dataTable","computed","dataFilter","unref","columns","getColumns","filter","column","visible","labelWidth","maxWordCount","Math","max","map","label","length","provide","DATA_FILTER_CONTEXT","reactive","resolve","suspenseResolvePromise","Promise","_resolve","handleResolve","onMounted","watch","_","onCleanup","disposable","afterInitdEvent","on","setReady","dispose","immediate","children","default","_createVNode","MKDataFilterFormItem","ElForm","Suspense","_Fragment"],"mappings":";;;;;;AAgBA,MAAeA,qDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,sBAAmB;AAAA,EAC1BC,MAAMF,OAAO;AAAA,IAAEG;AAAAA,EAAM,GAAG;AACtB,UAAMC,YAAYC,IAAQ,SAAC,MAAML,MAAMI,SAAS;AAChD,UAAME,aAAaD,IAAAA,SAAS,MAAME,IAAK,MAACH,SAAS,EAAEE,UAAU;AAE7D,UAAME,UAAUH,IAAAA,SAAS,MACvBE,IAAAA,MAAMD,UAAU,EACbG,WAAY,EACZC,OAAQC,YAAWA,OAAOC,OAAO,CACtC;AAEA,UAAMC,aAAaR,IAAAA,SAAS,MAAM;AAChC,YAAMS,eAAeC,KAAKC,IACxB,GAAGT,IAAK,MAACC,OAAO,EAAES,IAAKN,YAAWA,OAAOO,MAAMC,MAAM,CACvD;AAEA,aAAOL,eAAe,KAAK;AAAA,IAC7B,CAAC;AAEDM,QAAO,QAACC,MAAmB,qBAAEC,aAAS;AAAA,MAAEhB;AAAAA,MAAYO;AAAAA,IAAY,CAAA,CAAC;AAEjE,QAAIU,UAA2B;AAC/B,UAAMC,yBAAyB,IAAIC,QAASC,cAAa;AACvDH,gBAAUG;AAAAA,IACZ,CAAC;AAED,UAAMC,gBAAgBA,MAAM;AAC1BJ;AAAAA;AAGFK,QAAAA,UAAU,MAAM;AACdC,UAAAA,MACEzB,WACA,OAAOA,YAAW0B,GAAGC,cAAc;AACjC,cAAMP;AAEN,cAAMQ,aAAa5B,WAAU6B,gBAAgBC,GAAG,MAAM;AACpD9B,UAAAA,WAAUE,WAAW6B;QACvB,CAAC;AAEDJ,kBAAU,MAAM;AACdC,qBAAWI,QAAO;AAAA,QACpB,CAAC;AAAA,MACH,GACA;AAAA,QAAEC,WAAW;AAAA,MAAK,CACpB;AAAA,IACF,CAAC;AAED,WAAO,MAAM;;AACX,UAAI,CAAC9B,IAAK,MAACC,OAAO,EAAEW,QAAQ;AAC1B,eAAO;AAAA,MACT;AAEA,UAAImB,YAAgBnC,WAAMoC,YAANpC;AAEpB,UAAI,CAACmC,UAAU;AACbA,mBAAW/B,IAAAA,MAAMC,OAAO,EAAES,IAAKN,YAAW;;AACxC,cAAI,CAACA,OAAOZ,MAAM;AAChB,mBAAO;AAAA,UACT;AAEA,mBACEI,MAAAA,MAAM,OAAOQ,OAAOZ,IAAI,QAAxBI,gBAAAA,IAAAA,gBAA+BqC,IAAA,YAAAC,4BAAA;AAAA,YAAA,QAErB9B,OAAOZ;AAAAA,aACJ;AAAA,YAAEwC,SAASpC,MAAM,OAAOQ,OAAOZ,IAAI,UAAU;AAAA,UAAE,CAAC;AAAA,QAIjE,CAAC;AAAA,MACH;AAEA,UAAI,CAACuC,UAAU;AACb,eAAO;AAAA,MACT;AAEA,aAAAE,IAAAA,YAAAE,YAAAA,QAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA;AAAA,QAAAH,SAAAA,MAAAC,CAAAA,IAAA,YAAAG,cAAA;AAAA,UAAA,aAEyBhB;AAAAA,QAAa,GAAA;AAAA,UAAAY,SAAAA,MAAA,CAAAC,gBAAAI,IAAAA,iBACrBN,QAAQ,CAAA,CAAA;AAAA,QAAA,CAAA,CAAA;AAAA,MAAA,CAAA;AAAA;EAK7B;AACF,CAAC;;"}

package/dist/cjs/components/data-model/data-filter-form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/data-model/data-filter-form/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport { MKDataFilterFormItem } from \"./data-filter-form-item\";\r\nimport DataFilterForm from \"./data-filter-form\";\r\n\r\nexport const MKDataFilterForm = withInstall(DataFilterForm, {\r\n  MKDataFilterFormItem,\r\n});\r\nexport default MKDataFilterForm;\r\n\r\nexport * from \"./data-filter-form-item\";\r\nexport * from \"./data-filter-form-options\";\r\nexport * from \"./composables\";\r\nexport * from \"./operator-options\";\r\n\r\nexport * from \"./components\";\r\n"],"names":["withInstall","DataFilterForm","MKDataFilterFormItem"],"mappings":";;;;;;;;;;;;AAIa,MAAA,mBAAmBA,kBAAYC,gBAAgB;AAAA,EAAA,sBAC1DC,MAAA;AACF,CAAC;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/data-model/data-filter-form/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport { MKDataFilterFormItem } from \"./data-filter-form-item\";\nimport DataFilterForm from \"./data-filter-form\";\n\nexport const MKDataFilterForm = withInstall(DataFilterForm, {\n  MKDataFilterFormItem,\n});\nexport default MKDataFilterForm;\n\nexport * from \"./data-filter-form-item\";\nexport * from \"./data-filter-form-options\";\nexport * from \"./composables\";\nexport * from \"./operator-options\";\n\nexport * from \"./components\";\n"],"names":["withInstall","DataFilterForm","MKDataFilterFormItem"],"mappings":";;;;;;;;;;;;AAIa,MAAA,mBAAmBA,kBAAYC,gBAAgB;AAAA,EAAA,sBAC1DC,MAAA;AACF,CAAC;;;;;;;;;;"}

package/dist/cjs/components/data-model/data-filter-form/token.js.map

@@ -1 +1 @@
-{"version":3,"file":"token.js","sources":["../../../../../src/components/data-model/data-filter-form/token.ts"],"sourcesContent":["import { InjectionKey } from \"vue\";\r\nimport { Operator, FilterColumn, DataFilter } from \"@maketribe/dm\";\r\nimport { OperatorOption } from \"./operator-options\";\r\n\r\nexport interface DataFilterContext {\r\n  dataFilter: DataFilter;\r\n  labelWidth: number;\r\n}\r\n\r\nexport interface DataFilterItemContext {\r\n  dataFilter: DataFilter;\r\n  // dataFilterItem: DataFilterItem;\r\n}\r\n\r\n// export interface DataFilterItem {\r\n//   dataFilter: DataFilter;\r\n//   column: FilterColumn;\r\n//   currentOperator: Operator | null;\r\n//   operatorOptions: OperatorOption[];\r\n//   setOperator(operator: Operator): void;\r\n//   setOperatorOptions(options: OperatorOption[]): void;\r\n//   setValue(value: any): void;\r\n//   getValue(): any;\r\n// }\r\n\r\nexport const DATA_FILTER_CONTEXT: InjectionKey<DataFilterContext> = Symbol(\r\n  \"DATA_FILTER_CONTEXT\"\r\n);\r\nexport const DATA_FILTER_ITEM_CONTEXT: InjectionKey<DataFilterItemContext> =\r\n  Symbol(\"DATA_FILTER_ITEM_CONTEXT\");\r\n\r\nexport const DATA_FILTER_QUERY_NAME: string = \"dataTableParams\";\r\n"],"names":[],"mappings":";;AAyBO,MAAM,sBAAuD;AAAA,EAClE;AACF;;"}
+{"version":3,"file":"token.js","sources":["../../../../../src/components/data-model/data-filter-form/token.ts"],"sourcesContent":["import { InjectionKey } from \"vue\";\nimport { Operator, FilterColumn, DataFilter } from \"@maketribe/dm\";\nimport { OperatorOption } from \"./operator-options\";\n\nexport interface DataFilterContext {\n  dataFilter: DataFilter;\n  labelWidth: number;\n}\n\nexport interface DataFilterItemContext {\n  dataFilter: DataFilter;\n  // dataFilterItem: DataFilterItem;\n}\n\n// export interface DataFilterItem {\n//   dataFilter: DataFilter;\n//   column: FilterColumn;\n//   currentOperator: Operator | null;\n//   operatorOptions: OperatorOption[];\n//   setOperator(operator: Operator): void;\n//   setOperatorOptions(options: OperatorOption[]): void;\n//   setValue(value: any): void;\n//   getValue(): any;\n// }\n\nexport const DATA_FILTER_CONTEXT: InjectionKey<DataFilterContext> = Symbol(\n  \"DATA_FILTER_CONTEXT\"\n);\nexport const DATA_FILTER_ITEM_CONTEXT: InjectionKey<DataFilterItemContext> =\n  Symbol(\"DATA_FILTER_ITEM_CONTEXT\");\n\nexport const DATA_FILTER_QUERY_NAME: string = \"dataTableParams\";\n"],"names":[],"mappings":";;AAyBO,MAAM,sBAAuD;AAAA,EAClE;AACF;;"}

package/dist/cjs/components/data-model/data-form/components/form-detail/form-detail-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-detail-options.js","sources":["../../../../../../../src/components/data-model/data-form/components/form-detail/form-detail-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { FormDetailColumn } from \"@maketribe/dm\";\r\n\r\nexport const formDetailProps = buildProps({\r\n  modelValue: {\r\n    type: null,\r\n  },\r\n  disabled: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  column: { type: FormDetailColumn, required: true },\r\n  formWidth: {\r\n    type: String,\r\n    default: \"400px\",\r\n  },\r\n} as const);\r\n\r\nexport type FormDetailProps = ExtractPropTypes<typeof formDetailProps>;\r\n\r\nexport const formDetailEmits = {\r\n  \"update:model-value\": (v: any) => true,\r\n};\r\n\r\nexport type FormDetailEmits = ExtractPropTypes<typeof formDetailEmits>;\r\n"],"names":["buildProps","FormDetailColumn"],"mappings":";;;;AAIO,MAAM,kBAAkBA,MAAAA,WAAW;AAAA,EACxC,YAAY;AAAA,IACV,MAAM;AAAA,EACR;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,QAAQ,EAAE,MAAMC,qBAAkB,UAAU,KAAK;AAAA,EACjD,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;AAIH,MAAM,kBAAkB;AAAA,EAC7B,sBAAsB,CAAC,MAAW;AACpC;;;"}
+{"version":3,"file":"form-detail-options.js","sources":["../../../../../../../src/components/data-model/data-form/components/form-detail/form-detail-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { FormDetailColumn } from \"@maketribe/dm\";\n\nexport const formDetailProps = buildProps({\n  modelValue: {\n    type: null,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  column: { type: FormDetailColumn, required: true },\n  formWidth: {\n    type: String,\n    default: \"400px\",\n  },\n} as const);\n\nexport type FormDetailProps = ExtractPropTypes<typeof formDetailProps>;\n\nexport const formDetailEmits = {\n  \"update:model-value\": (v: any) => true,\n};\n\nexport type FormDetailEmits = ExtractPropTypes<typeof formDetailEmits>;\n"],"names":["buildProps","FormDetailColumn"],"mappings":";;;;AAIO,MAAM,kBAAkBA,MAAAA,WAAW;AAAA,EACxC,YAAY;AAAA,IACV,MAAM;AAAA,EACR;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,QAAQ,EAAE,MAAMC,qBAAkB,UAAU,KAAK;AAAA,EACjD,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;AAIH,MAAM,kBAAkB;AAAA,EAC7B,sBAAsB,CAAC,MAAW;AACpC;;;"}

package/dist/cjs/components/data-model/data-form/components/form-detail/form-detail.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-detail.js","sources":["../../../../../../../src/components/data-model/data-form/components/form-detail/form-detail.tsx"],"sourcesContent":["import { computed, defineComponent, ref, unref, watch } from \"vue\";\r\nimport { MKPageContainer } from \"../../../../basic/page-container\";\r\nimport { MKDataTable } from \"../../../data-table\";\r\nimport DataForm from \"../../data-form\";\r\nimport { formDetailEmits, formDetailProps } from \"./form-detail-options\";\r\nimport { useFormItem } from \"../../composables\";\r\nimport { ElDrawer, ElEmpty } from \"element-plus\";\r\nimport { Messager } from \"@maketribe/dm\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKFormDetail\",\r\n  props: formDetailProps,\r\n  emits: formDetailEmits,\r\n  setup(props) {\r\n    const detailTable = computed(() => props.column.detailTable);\r\n    const detailForm = computed(() => props.column.detailForm!);\r\n\r\n    const { value } = useFormItem();\r\n\r\n    watch(\r\n      computed(() => unref(value)),\r\n      (value) => {\r\n        const _detailTable = unref(detailTable);\r\n\r\n        value = Array.isArray(value) ? value : [];\r\n\r\n        _detailTable.setList(\r\n          value.map((item: any) => _detailTable.formatItem(item))\r\n        );\r\n      }\r\n    );\r\n\r\n    const isShowDataForm = ref(false);\r\n\r\n    watch(\r\n      detailTable,\r\n      (dataTable, _, onCleanup) => {\r\n        const addRecordDisposable = dataTable.addRecordEvent.on(async () => {\r\n          const _dataForm = unref(detailForm);\r\n\r\n          if (!_dataForm) {\r\n            console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\r\n            return;\r\n          }\r\n\r\n          isShowDataForm.value = true;\r\n\r\n          _dataForm.addRecord();\r\n        });\r\n\r\n        const editRecordDisposable = dataTable.editRecordEvent.on(\r\n          async ({ item }) => {\r\n            const _dataForm = unref(detailForm);\r\n\r\n            if (!_dataForm) {\r\n              console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\r\n              return;\r\n            }\r\n\r\n            isShowDataForm.value = true;\r\n\r\n            try {\r\n              const response = await _dataForm.editRecord(\r\n                item[dataTable.primaryKey as string]\r\n              );\r\n\r\n              if (response.data.code !== 200) {\r\n                Messager.error({ message: response.data.msg });\r\n                isShowDataForm.value = false;\r\n                return;\r\n              }\r\n            } catch (e) {\r\n              console.error(e);\r\n              isShowDataForm.value = false;\r\n            }\r\n          }\r\n        );\r\n\r\n        onCleanup(() => {\r\n          addRecordDisposable.dispose();\r\n          editRecordDisposable.dispose();\r\n        });\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    watch(\r\n      detailForm,\r\n      (dataForm, _, onCleanup) => {\r\n        const submittedDisposable = dataForm.submittedEvent.on(() => {\r\n          isShowDataForm.value = false;\r\n\r\n          unref(detailTable)?.load();\r\n        });\r\n\r\n        const cancelDisposable = dataForm.cancelEvent.on(() => {\r\n          isShowDataForm.value = false;\r\n        });\r\n\r\n        onCleanup(() => {\r\n          submittedDisposable.dispose();\r\n          cancelDisposable.dispose();\r\n        });\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    return () => {\r\n      const dataForm = unref(isShowDataForm) ? (\r\n        <MKPageContainer>\r\n          <DataForm dataForm={unref(detailForm)} autoLoad={false} />\r\n        </MKPageContainer>\r\n      ) : null;\r\n\r\n      return (\r\n        <div class=\"mk-form-detail\">\r\n          <MKDataTable\r\n            dataTable={unref(detailTable)}\r\n            autoLoad={false}\r\n            v-slots={{ empty: () => <ElEmpty image-size={100} /> }}\r\n          />\r\n          <ElDrawer\r\n            class=\"mk-form-detail__drawer\"\r\n            modelValue={unref(isShowDataForm)}\r\n            onUpdate:modelValue={(v) => (isShowDataForm.value = v)}\r\n            appendToBody\r\n            withHeader={false}\r\n            width=\"50%\"\r\n          >\r\n            {dataForm}\r\n          </ElDrawer>\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","formDetailProps","emits","formDetailEmits","setup","detailTable","computed","column","detailForm","value","useFormItem","watch","unref","_detailTable","Array","isArray","setList","map","item","formatItem","isShowDataForm","ref","dataTable","_","onCleanup","addRecordDisposable","addRecordEvent","on","_dataForm","console","warn","addRecord","editRecordDisposable","editRecordEvent","response","editRecord","primaryKey","data","code","Messager","error","message","msg","e","dispose","immediate","dataForm","submittedDisposable","submittedEvent","load","cancelDisposable","cancelEvent","_createVNode","MKPageContainer","default","DataForm","MKDataTable","empty","ElEmpty","ElDrawer","v"],"mappings":"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"}
+{"version":3,"file":"form-detail.js","sources":["../../../../../../../src/components/data-model/data-form/components/form-detail/form-detail.tsx"],"sourcesContent":["import { computed, defineComponent, ref, unref, watch } from \"vue\";\nimport { MKPageContainer } from \"../../../../basic/page-container\";\nimport { MKDataTable } from \"../../../data-table\";\nimport DataForm from \"../../data-form\";\nimport { formDetailEmits, formDetailProps } from \"./form-detail-options\";\nimport { useFormItem } from \"../../composables\";\nimport { ElDrawer, ElEmpty } from \"element-plus\";\nimport { Messager } from \"@maketribe/dm\";\n\nexport default defineComponent({\n  name: \"MKFormDetail\",\n  props: formDetailProps,\n  emits: formDetailEmits,\n  setup(props) {\n    const detailTable = computed(() => props.column.detailTable);\n    const detailForm = computed(() => props.column.detailForm!);\n\n    const { value } = useFormItem();\n\n    watch(\n      computed(() => unref(value)),\n      (value) => {\n        const _detailTable = unref(detailTable);\n\n        value = Array.isArray(value) ? value : [];\n\n        _detailTable.setList(\n          value.map((item: any) => _detailTable.formatItem(item))\n        );\n      }\n    );\n\n    const isShowDataForm = ref(false);\n\n    watch(\n      detailTable,\n      (dataTable, _, onCleanup) => {\n        const addRecordDisposable = dataTable.addRecordEvent.on(async () => {\n          const _dataForm = unref(detailForm);\n\n          if (!_dataForm) {\n            console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\n            return;\n          }\n\n          isShowDataForm.value = true;\n\n          _dataForm.addRecord();\n        });\n\n        const editRecordDisposable = dataTable.editRecordEvent.on(\n          async ({ item }) => {\n            const _dataForm = unref(detailForm);\n\n            if (!_dataForm) {\n              console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\n              return;\n            }\n\n            isShowDataForm.value = true;\n\n            try {\n              const response = await _dataForm.editRecord(\n                item[dataTable.primaryKey as string]\n              );\n\n              if (response.data.code !== 200) {\n                Messager.error({ message: response.data.msg });\n                isShowDataForm.value = false;\n                return;\n              }\n            } catch (e) {\n              console.error(e);\n              isShowDataForm.value = false;\n            }\n          }\n        );\n\n        onCleanup(() => {\n          addRecordDisposable.dispose();\n          editRecordDisposable.dispose();\n        });\n      },\n      { immediate: true }\n    );\n\n    watch(\n      detailForm,\n      (dataForm, _, onCleanup) => {\n        const submittedDisposable = dataForm.submittedEvent.on(() => {\n          isShowDataForm.value = false;\n\n          unref(detailTable)?.load();\n        });\n\n        const cancelDisposable = dataForm.cancelEvent.on(() => {\n          isShowDataForm.value = false;\n        });\n\n        onCleanup(() => {\n          submittedDisposable.dispose();\n          cancelDisposable.dispose();\n        });\n      },\n      { immediate: true }\n    );\n\n    return () => {\n      const dataForm = unref(isShowDataForm) ? (\n        <MKPageContainer>\n          <DataForm dataForm={unref(detailForm)} autoLoad={false} />\n        </MKPageContainer>\n      ) : null;\n\n      return (\n        <div class=\"mk-form-detail\">\n          <MKDataTable\n            dataTable={unref(detailTable)}\n            autoLoad={false}\n            v-slots={{ empty: () => <ElEmpty image-size={100} /> }}\n          />\n          <ElDrawer\n            class=\"mk-form-detail__drawer\"\n            modelValue={unref(isShowDataForm)}\n            onUpdate:modelValue={(v) => (isShowDataForm.value = v)}\n            appendToBody\n            withHeader={false}\n            width=\"50%\"\n          >\n            {dataForm}\n          </ElDrawer>\n        </div>\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","formDetailProps","emits","formDetailEmits","setup","detailTable","computed","column","detailForm","value","useFormItem","watch","unref","_detailTable","Array","isArray","setList","map","item","formatItem","isShowDataForm","ref","dataTable","_","onCleanup","addRecordDisposable","addRecordEvent","on","_dataForm","console","warn","addRecord","editRecordDisposable","editRecordEvent","response","editRecord","primaryKey","data","code","Messager","error","message","msg","e","dispose","immediate","dataForm","submittedDisposable","submittedEvent","load","cancelDisposable","cancelEvent","_createVNode","MKPageContainer","default","DataForm","MKDataTable","empty","ElEmpty","ElDrawer","v"],"mappings":"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"}

package/dist/cjs/components/data-model/data-form/composables/use-form-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-form-item.js","sources":["../../../../../../src/components/data-model/data-form/composables/use-form-item.ts"],"sourcesContent":["import { ExtractPropTypes, computed, inject, unref } from \"vue\";\r\nimport { DATA_FORM_ITEM_CONTEXT_KEY } from \"../token\";\r\nimport { FormColumn } from \"@maketribe/dm\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nexport const columnProps = buildProps({\r\n  column: { type: FormColumn, required: true },\r\n} as const);\r\n\r\nexport type ColumnProps = ExtractPropTypes<typeof columnProps>;\r\n\r\nexport function useFormItem() {\r\n  const dataFormItemContext = inject(DATA_FORM_ITEM_CONTEXT_KEY);\r\n  const column = computed(() => unref(dataFormItemContext)?.column ?? null);\r\n\r\n  const value = computed({\r\n    get: () => {\r\n      const _column = unref(column);\r\n\r\n      if (!_column) {\r\n        return;\r\n      }\r\n\r\n      return _column.getValue();\r\n    },\r\n    set: (v: any) => {\r\n      const _column = unref(column);\r\n\r\n      if (!_column) {\r\n        return;\r\n      }\r\n\r\n      _column.setValue(v);\r\n    },\r\n  });\r\n\r\n  const disabled = computed(() => unref(column)?.disabled ?? false);\r\n\r\n  return { column, value, disabled };\r\n}\r\n"],"names":["buildProps","FormColumn","inject","DATA_FORM_ITEM_CONTEXT_KEY","computed","unref"],"mappings":";;;;;;AAK2BA,MAAAA,WAAW;AAAA,EACpC,QAAQ,EAAE,MAAMC,eAAY,UAAU,KAAK;AAC7C,CAAU;AAIH,SAAS,cAAc;AACtB,QAAA,sBAAsBC,WAAOC,MAAAA,0BAA0B;AAC7D,QAAM,SAASC,IAAAA,SAAS,MAAMC;;AAAAA,sBAAAA,MAAM,mBAAmB,MAAzBA,mBAA4B,WAAU;AAAA,GAAI;AAExE,QAAM,QAAQD,IAAAA,SAAS;AAAA,IACrB,KAAK,MAAM;AACH,YAAA,UAAUC,UAAM,MAAM;AAE5B,UAAI,CAAC,SAAS;AACZ;AAAA,MACF;AAEA,aAAO,QAAQ;IACjB;AAAA,IACA,KAAK,CAAC,MAAW;AACT,YAAA,UAAUA,UAAM,MAAM;AAE5B,UAAI,CAAC,SAAS;AACZ;AAAA,MACF;AAEA,cAAQ,SAAS,CAAC;AAAA,IACpB;AAAA,EAAA,CACD;AAED,QAAM,WAAWD,IAAAA,SAAS,MAAMC;;AAAAA,sBAAAA,MAAM,MAAM,MAAZA,mBAAe,aAAY;AAAA,GAAK;AAEzD,SAAA,EAAE,QAAQ,OAAO;AAC1B;;"}
+{"version":3,"file":"use-form-item.js","sources":["../../../../../../src/components/data-model/data-form/composables/use-form-item.ts"],"sourcesContent":["import { ExtractPropTypes, computed, inject, unref } from \"vue\";\nimport { DATA_FORM_ITEM_CONTEXT_KEY } from \"../token\";\nimport { FormColumn } from \"@maketribe/dm\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const columnProps = buildProps({\n  column: { type: FormColumn, required: true },\n} as const);\n\nexport type ColumnProps = ExtractPropTypes<typeof columnProps>;\n\nexport function useFormItem() {\n  const dataFormItemContext = inject(DATA_FORM_ITEM_CONTEXT_KEY);\n  const column = computed(() => unref(dataFormItemContext)?.column ?? null);\n\n  const value = computed({\n    get: () => {\n      const _column = unref(column);\n\n      if (!_column) {\n        return;\n      }\n\n      return _column.getValue();\n    },\n    set: (v: any) => {\n      const _column = unref(column);\n\n      if (!_column) {\n        return;\n      }\n\n      _column.setValue(v);\n    },\n  });\n\n  const disabled = computed(() => unref(column)?.disabled ?? false);\n\n  return { column, value, disabled };\n}\n"],"names":["buildProps","FormColumn","inject","DATA_FORM_ITEM_CONTEXT_KEY","computed","unref"],"mappings":";;;;;;AAK2BA,MAAAA,WAAW;AAAA,EACpC,QAAQ,EAAE,MAAMC,eAAY,UAAU,KAAK;AAC7C,CAAU;AAIH,SAAS,cAAc;AACtB,QAAA,sBAAsBC,WAAOC,MAAAA,0BAA0B;AAC7D,QAAM,SAASC,IAAAA,SAAS,MAAMC;;AAAAA,sBAAAA,MAAM,mBAAmB,MAAzBA,mBAA4B,WAAU;AAAA,GAAI;AAExE,QAAM,QAAQD,IAAAA,SAAS;AAAA,IACrB,KAAK,MAAM;AACH,YAAA,UAAUC,UAAM,MAAM;AAE5B,UAAI,CAAC,SAAS;AACZ;AAAA,MACF;AAEA,aAAO,QAAQ;IACjB;AAAA,IACA,KAAK,CAAC,MAAW;AACT,YAAA,UAAUA,UAAM,MAAM;AAE5B,UAAI,CAAC,SAAS;AACZ;AAAA,MACF;AAEA,cAAQ,SAAS,CAAC;AAAA,IACpB;AAAA,EAAA,CACD;AAED,QAAM,WAAWD,IAAAA,SAAS,MAAMC;;AAAAA,sBAAAA,MAAM,MAAM,MAAZA,mBAAe,aAAY;AAAA,GAAK;AAEzD,SAAA,EAAE,QAAQ,OAAO;AAC1B;;"}

package/dist/cjs/components/data-model/data-form/data-form-item/data-form-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-form-item.js","sources":["../../../../../../src/components/data-model/data-form/data-form-item/data-form-item.tsx"],"sourcesContent":["import { ElFormItem, useFormDisabled } from \"element-plus\";\r\nimport {\r\n  Ref,\r\n  computed,\r\n  defineComponent,\r\n  inject,\r\n  provide,\r\n  reactive,\r\n  ref,\r\n  toRaw,\r\n  unref,\r\n  useSlots,\r\n  watch,\r\n} from \"vue\";\r\nimport { FormColumn } from \"@maketribe/dm\";\r\n\r\nimport { useFormColumnComponent } from \"../../../../composables\";\r\nimport {\r\n  DATA_FORM_CONTEXT_KEY,\r\n  DATA_FORM_ITEM_CONTEXT_KEY,\r\n  DataFormItemContext,\r\n} from \"../token\";\r\nimport { dataFormItemProps } from \"./data-form-item-options\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKDataFormItem\",\r\n  props: dataFormItemProps,\r\n  setup(props) {\r\n    const slots = useSlots();\r\n\r\n    const dataFormContext = inject(DATA_FORM_CONTEXT_KEY);\r\n\r\n    const dataForm = computed(() => dataFormContext?.dataForm ?? null);\r\n\r\n    let _formColumn: FormColumn | null = null;\r\n\r\n    const existFormColumn = ref(\r\n      unref(dataForm)!.getColumn(props.name!)\r\n    ) as Ref<FormColumn | null>;\r\n\r\n    const formColumn = computed(() => {\r\n      const existingColumn = unref(existFormColumn);\r\n\r\n      if (existingColumn) {\r\n        return existingColumn;\r\n      }\r\n\r\n      if (!_formColumn) {\r\n        _formColumn = reactive(\r\n          new FormColumn({\r\n            required: props.required,\r\n            name: props.name!,\r\n            label: props.label!,\r\n          })\r\n        ) as FormColumn;\r\n      }\r\n\r\n      return _formColumn!;\r\n    });\r\n\r\n    watch(\r\n      formColumn,\r\n      (formColumn, _, onCleanup) => {\r\n        const existFormColumn = unref(dataForm)!.getColumn(formColumn.name);\r\n\r\n        if (!existFormColumn && _formColumn) {\r\n          unref(dataForm)!.addColumn(_formColumn);\r\n        }\r\n\r\n        onCleanup(() => {\r\n          if (_formColumn) {\r\n            unref(dataForm)!.removeColumn(_formColumn);\r\n          }\r\n        });\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    const { component, componentProps } = useFormColumnComponent(\r\n      formColumn,\r\n      dataForm\r\n    );\r\n\r\n    const disabled = useFormDisabled(\r\n      computed(() => unref(formColumn).disabled)\r\n    );\r\n\r\n    const value = computed({\r\n      get: () => unref(formColumn)?.getValue(),\r\n      set: (v) => {\r\n        unref(formColumn).setValue(v);\r\n      },\r\n    });\r\n\r\n    const label = computed(() =>\r\n      typeof props.label !== \"string\" ? unref(formColumn).label : props.label\r\n    );\r\n\r\n    provide(\r\n      DATA_FORM_ITEM_CONTEXT_KEY,\r\n      reactive({ column: formColumn }) as DataFormItemContext\r\n    );\r\n\r\n    return () => {\r\n      let _formColumn = unref(formColumn);\r\n\r\n      let _component = unref(component);\r\n\r\n      let children: any =\r\n        slots.default?.({\r\n          data: unref(dataForm)!.data,\r\n          column: _formColumn,\r\n          dataForm: unref(dataForm),\r\n        }) || null;\r\n\r\n      if (!children && _component) {\r\n        const FormColumnComponent = toRaw(_component);\r\n\r\n        children = (\r\n          <FormColumnComponent\r\n            {...unref(componentProps)}\r\n            column={_formColumn}\r\n            modelValue={value.value}\r\n            disabled={unref(disabled)}\r\n            onUpdate:modelValue={(v: any) => (value.value = v)}\r\n          />\r\n        );\r\n      }\r\n\r\n      return (\r\n        <ElFormItem\r\n          prop={_formColumn.name}\r\n          label={unref(label)}\r\n          required={_formColumn.required}\r\n          labelWidth={props.labelWidth}\r\n        >\r\n          {children}\r\n        </ElFormItem>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","dataFormItemProps","setup","slots","useSlots","dataFormContext","inject","DATA_FORM_CONTEXT_KEY","dataForm","computed","_formColumn","existFormColumn","ref","unref","getColumn","formColumn","existingColumn","reactive","FormColumn","required","label","watch","_","onCleanup","addColumn","removeColumn","immediate","component","componentProps","useFormColumnComponent","disabled","useFormDisabled","value","get","getValue","set","v","setValue","provide","DATA_FORM_ITEM_CONTEXT_KEY","column","_component","children","default","data","FormColumnComponent","toRaw","_createVNode","_mergeProps","ElFormItem","labelWidth"],"mappings":"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"}
+{"version":3,"file":"data-form-item.js","sources":["../../../../../../src/components/data-model/data-form/data-form-item/data-form-item.tsx"],"sourcesContent":["import { ElFormItem, useFormDisabled } from \"element-plus\";\nimport {\n  Ref,\n  computed,\n  defineComponent,\n  inject,\n  provide,\n  reactive,\n  ref,\n  toRaw,\n  unref,\n  useSlots,\n  watch,\n} from \"vue\";\nimport { FormColumn } from \"@maketribe/dm\";\n\nimport { useFormColumnComponent } from \"../../../../composables\";\nimport {\n  DATA_FORM_CONTEXT_KEY,\n  DATA_FORM_ITEM_CONTEXT_KEY,\n  DataFormItemContext,\n} from \"../token\";\nimport { dataFormItemProps } from \"./data-form-item-options\";\n\nexport default defineComponent({\n  name: \"MKDataFormItem\",\n  props: dataFormItemProps,\n  setup(props) {\n    const slots = useSlots();\n\n    const dataFormContext = inject(DATA_FORM_CONTEXT_KEY);\n\n    const dataForm = computed(() => dataFormContext?.dataForm ?? null);\n\n    let _formColumn: FormColumn | null = null;\n\n    const existFormColumn = ref(\n      unref(dataForm)!.getColumn(props.name!)\n    ) as Ref<FormColumn | null>;\n\n    const formColumn = computed(() => {\n      const existingColumn = unref(existFormColumn);\n\n      if (existingColumn) {\n        return existingColumn;\n      }\n\n      if (!_formColumn) {\n        _formColumn = reactive(\n          new FormColumn({\n            required: props.required,\n            name: props.name!,\n            label: props.label!,\n          })\n        ) as FormColumn;\n      }\n\n      return _formColumn!;\n    });\n\n    watch(\n      formColumn,\n      (formColumn, _, onCleanup) => {\n        const existFormColumn = unref(dataForm)!.getColumn(formColumn.name);\n\n        if (!existFormColumn && _formColumn) {\n          unref(dataForm)!.addColumn(_formColumn);\n        }\n\n        onCleanup(() => {\n          if (_formColumn) {\n            unref(dataForm)!.removeColumn(_formColumn);\n          }\n        });\n      },\n      { immediate: true }\n    );\n\n    const { component, componentProps } = useFormColumnComponent(\n      formColumn,\n      dataForm\n    );\n\n    const disabled = useFormDisabled(\n      computed(() => unref(formColumn).disabled)\n    );\n\n    const value = computed({\n      get: () => unref(formColumn)?.getValue(),\n      set: (v) => {\n        unref(formColumn).setValue(v);\n      },\n    });\n\n    const label = computed(() =>\n      typeof props.label !== \"string\" ? unref(formColumn).label : props.label\n    );\n\n    provide(\n      DATA_FORM_ITEM_CONTEXT_KEY,\n      reactive({ column: formColumn }) as DataFormItemContext\n    );\n\n    return () => {\n      let _formColumn = unref(formColumn);\n\n      let _component = unref(component);\n\n      let children: any =\n        slots.default?.({\n          data: unref(dataForm)!.data,\n          column: _formColumn,\n          dataForm: unref(dataForm),\n        }) || null;\n\n      if (!children && _component) {\n        const FormColumnComponent = toRaw(_component);\n\n        children = (\n          <FormColumnComponent\n            {...unref(componentProps)}\n            column={_formColumn}\n            modelValue={value.value}\n            disabled={unref(disabled)}\n            onUpdate:modelValue={(v: any) => (value.value = v)}\n          />\n        );\n      }\n\n      return (\n        <ElFormItem\n          prop={_formColumn.name}\n          label={unref(label)}\n          required={_formColumn.required}\n          labelWidth={props.labelWidth}\n        >\n          {children}\n        </ElFormItem>\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","dataFormItemProps","setup","slots","useSlots","dataFormContext","inject","DATA_FORM_CONTEXT_KEY","dataForm","computed","_formColumn","existFormColumn","ref","unref","getColumn","formColumn","existingColumn","reactive","FormColumn","required","label","watch","_","onCleanup","addColumn","removeColumn","immediate","component","componentProps","useFormColumnComponent","disabled","useFormDisabled","value","get","getValue","set","v","setValue","provide","DATA_FORM_ITEM_CONTEXT_KEY","column","_component","children","default","data","FormColumnComponent","toRaw","_createVNode","_mergeProps","ElFormItem","labelWidth"],"mappings":"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"}

package/dist/cjs/components/data-model/data-form/data-form.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-form.js","sources":["../../../../../src/components/data-model/data-form/data-form.tsx"],"sourcesContent":["import {\r\n  computed,\r\n  defineComponent,\r\n  provide,\r\n  reactive,\r\n  ref,\r\n  Ref,\r\n  unref,\r\n  watch,\r\n} from \"vue\";\r\nimport { FormColumn, DataForm } from \"@maketribe/dm\";\r\n\r\nimport { dataFormEmits, dataFormProps } from \"./data-form-options\";\r\nimport { DATA_FORM_CONTEXT_KEY } from \"./token\";\r\nimport { Disposable, Event } from \"@maketribe/utils\";\r\nimport { MKFormView } from \"./views\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKDataForm\",\r\n  props: dataFormProps,\r\n  emits: dataFormEmits,\r\n  setup(props, { emit, slots }) {\r\n    let _dataForm: DataForm | null = null;\r\n\r\n    const dataFormEl: Ref<HTMLElement | null> = ref(null);\r\n\r\n    const createDataForm = () => {\r\n      const dataForm = new DataForm({\r\n        name: props.name!,\r\n        primaryKey: props.primaryKey,\r\n        interfaceURL: {\r\n          load: props.loadInterfaceURL || \"\",\r\n          add: props.addInterfaceURL || \"\",\r\n          update: props.updateInterfaceURL || props.addInterfaceURL || \"\",\r\n        },\r\n      });\r\n\r\n      const columns = props.columns.map((column) => new FormColumn(column));\r\n\r\n      dataForm.setColumns(columns);\r\n\r\n      return dataForm;\r\n    };\r\n\r\n    const dataForm = computed(() => {\r\n      if (props.dataForm instanceof DataForm) {\r\n        return props.dataForm;\r\n      }\r\n\r\n      if (!_dataForm) {\r\n        _dataForm = reactive(createDataForm()) as DataForm;\r\n      }\r\n\r\n      return _dataForm;\r\n    });\r\n\r\n    const loading = computed(() => unref(dataForm).loading);\r\n\r\n    watch(\r\n      dataForm,\r\n      async (dataForm, _, onCleanup) => {\r\n        await dataForm.init();\r\n\r\n        if (unref(dataForm).autoReset) {\r\n          unref(dataForm).reset();\r\n        }\r\n\r\n        const disposable = new Disposable();\r\n\r\n        const events = Object.keys(dataForm)\r\n          .filter((key) => dataForm[key as keyof DataForm] instanceof Event)\r\n          .map((key) => ({\r\n            eventName: key\r\n              .replace(/Event$/, \"\")\r\n              .replace(/[A-Z]/g, (match) => `-${match.toLocaleLowerCase()}`),\r\n            event: dataForm[key as keyof DataForm]! as Event,\r\n          }));\r\n\r\n        for (const item of events.filter(\r\n          (event) => event.eventName in dataFormEmits\r\n        )) {\r\n          disposable.register(\r\n            // @ts-ignore\r\n            item.event.on((event: any) => {\r\n              // @ts-ignore\r\n              emit(item.eventName, event);\r\n            })\r\n          );\r\n        }\r\n\r\n        onCleanup(() => {\r\n          disposable.dispose();\r\n        });\r\n\r\n        emit(\"changeDataForm\", dataForm);\r\n      },\r\n      { immediate: true }\r\n    );\r\n\r\n    provide(DATA_FORM_CONTEXT_KEY, reactive({ dataForm, el: dataFormEl }));\r\n\r\n    return () => {\r\n      return (\r\n        <div\r\n          class=\"mk-data-form\"\r\n          v-loading={unref(loading)}\r\n          ref={(el: any) => {\r\n            dataFormEl.value = el;\r\n          }}\r\n        >\r\n          {slots.default?.({ ...props, dataForm: unref(dataForm) }) || (\r\n            <MKFormView {...props} dataForm={unref(dataForm)} v-slots={slots} />\r\n          )}\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","dataFormProps","emits","dataFormEmits","setup","emit","slots","_dataForm","dataFormEl","ref","createDataForm","dataForm","DataForm","primaryKey","interfaceURL","load","loadInterfaceURL","add","addInterfaceURL","update","updateInterfaceURL","columns","map","column","FormColumn","setColumns","computed","reactive","loading","unref","watch","_","onCleanup","init","autoReset","reset","disposable","Disposable","events","Object","keys","filter","key","Event","eventName","replace","match","toLocaleLowerCase","event","item","register","on","dispose","immediate","provide","DATA_FORM_CONTEXT_KEY","el","_withDirectives","_createVNode","value","default","MKFormView","_mergeProps","_resolveDirective"],"mappings":"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"}
+{"version":3,"file":"data-form.js","sources":["../../../../../src/components/data-model/data-form/data-form.tsx"],"sourcesContent":["import {\n  computed,\n  defineComponent,\n  provide,\n  reactive,\n  ref,\n  Ref,\n  unref,\n  watch,\n} from \"vue\";\nimport { FormColumn, DataForm } from \"@maketribe/dm\";\n\nimport { dataFormEmits, dataFormProps } from \"./data-form-options\";\nimport { DATA_FORM_CONTEXT_KEY } from \"./token\";\nimport { Disposable, Event } from \"@maketribe/utils\";\nimport { MKFormView } from \"./views\";\n\nexport default defineComponent({\n  name: \"MKDataForm\",\n  props: dataFormProps,\n  emits: dataFormEmits,\n  setup(props, { emit, slots }) {\n    let _dataForm: DataForm | null = null;\n\n    const dataFormEl: Ref<HTMLElement | null> = ref(null);\n\n    const createDataForm = () => {\n      const dataForm = new DataForm({\n        name: props.name!,\n        primaryKey: props.primaryKey,\n        interfaceURL: {\n          load: props.loadInterfaceURL || \"\",\n          add: props.addInterfaceURL || \"\",\n          update: props.updateInterfaceURL || props.addInterfaceURL || \"\",\n        },\n      });\n\n      const columns = props.columns.map((column) => new FormColumn(column));\n\n      dataForm.setColumns(columns);\n\n      return dataForm;\n    };\n\n    const dataForm = computed(() => {\n      if (props.dataForm instanceof DataForm) {\n        return props.dataForm;\n      }\n\n      if (!_dataForm) {\n        _dataForm = reactive(createDataForm()) as DataForm;\n      }\n\n      return _dataForm;\n    });\n\n    const loading = computed(() => unref(dataForm).loading);\n\n    watch(\n      dataForm,\n      async (dataForm, _, onCleanup) => {\n        await dataForm.init();\n\n        if (unref(dataForm).autoReset) {\n          unref(dataForm).reset();\n        }\n\n        const disposable = new Disposable();\n\n        const events = Object.keys(dataForm)\n          .filter((key) => dataForm[key as keyof DataForm] instanceof Event)\n          .map((key) => ({\n            eventName: key\n              .replace(/Event$/, \"\")\n              .replace(/[A-Z]/g, (match) => `-${match.toLocaleLowerCase()}`),\n            event: dataForm[key as keyof DataForm]! as Event,\n          }));\n\n        for (const item of events.filter(\n          (event) => event.eventName in dataFormEmits\n        )) {\n          disposable.register(\n            // @ts-ignore\n            item.event.on((event: any) => {\n              // @ts-ignore\n              emit(item.eventName, event);\n            })\n          );\n        }\n\n        onCleanup(() => {\n          disposable.dispose();\n        });\n\n        emit(\"changeDataForm\", dataForm);\n      },\n      { immediate: true }\n    );\n\n    provide(DATA_FORM_CONTEXT_KEY, reactive({ dataForm, el: dataFormEl }));\n\n    return () => {\n      return (\n        <div\n          class=\"mk-data-form\"\n          v-loading={unref(loading)}\n          ref={(el: any) => {\n            dataFormEl.value = el;\n          }}\n        >\n          {slots.default?.({ ...props, dataForm: unref(dataForm) }) || (\n            <MKFormView {...props} dataForm={unref(dataForm)} v-slots={slots} />\n          )}\n        </div>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","dataFormProps","emits","dataFormEmits","setup","emit","slots","_dataForm","dataFormEl","ref","createDataForm","dataForm","DataForm","primaryKey","interfaceURL","load","loadInterfaceURL","add","addInterfaceURL","update","updateInterfaceURL","columns","map","column","FormColumn","setColumns","computed","reactive","loading","unref","watch","_","onCleanup","init","autoReset","reset","disposable","Disposable","events","Object","keys","filter","key","Event","eventName","replace","match","toLocaleLowerCase","event","item","register","on","dispose","immediate","provide","DATA_FORM_CONTEXT_KEY","el","_withDirectives","_createVNode","value","default","MKFormView","_mergeProps","_resolveDirective"],"mappings":"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"}

package/dist/cjs/components/data-model/data-form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/data-model/data-form/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\r\nimport DataForm from \"./data-form\";\r\nimport MKDataFormItem from \"./data-form-item\";\r\n\r\nexport const MKDataForm = withInstall(DataForm, {\r\n  MKDataFormItem,\r\n});\r\nexport default MKDataForm;\r\n\r\nexport * from \"./data-form-options\";\r\nexport * from \"./data-form-item\";\r\n\r\nexport * from \"./views\";\r\n\r\n// export * from \"./components\";\r\n"],"names":["withInstall","DataForm","MKDataFormItem"],"mappings":";;;;;;;;AAIa,MAAA,aAAaA,kBAAYC,UAAU;AAAA,EAAA,gBAC9CC,MAAA;AACF,CAAC;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/data-model/data-form/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport DataForm from \"./data-form\";\nimport MKDataFormItem from \"./data-form-item\";\n\nexport const MKDataForm = withInstall(DataForm, {\n  MKDataFormItem,\n});\nexport default MKDataForm;\n\nexport * from \"./data-form-options\";\nexport * from \"./data-form-item\";\n\nexport * from \"./views\";\n\n// export * from \"./components\";\n"],"names":["withInstall","DataForm","MKDataFormItem"],"mappings":";;;;;;;;AAIa,MAAA,aAAaA,kBAAYC,UAAU;AAAA,EAAA,gBAC9CC,MAAA;AACF,CAAC;;;;;;;;"}

package/dist/cjs/components/data-model/data-form/token.js.map

@@ -1 +1 @@
-{"version":3,"file":"token.js","sources":["../../../../../src/components/data-model/data-form/token.ts"],"sourcesContent":["import { InjectionKey } from \"vue\";\r\nimport { DataForm, FormColumn } from \"@maketribe/dm\";\r\n\r\nexport interface DataFormContext {\r\n  dataForm: DataForm;\r\n  el: HTMLElement | null;\r\n}\r\n\r\nexport const DATA_FORM_CONTEXT_KEY: InjectionKey<DataFormContext> =\r\n  Symbol(\"dataFormContextKey\");\r\n\r\nexport interface DataFormItemContext {\r\n  column: FormColumn;\r\n}\r\n\r\nexport const DATA_FORM_ITEM_CONTEXT_KEY: InjectionKey<DataFormItemContext> =\r\n  Symbol(\"dataFormItemContextKey\");\r\n"],"names":[],"mappings":";;AAQa,MAAA,wBACX,OAAO,oBAAoB;AAMhB,MAAA,6BACX,OAAO,wBAAwB;;;"}
+{"version":3,"file":"token.js","sources":["../../../../../src/components/data-model/data-form/token.ts"],"sourcesContent":["import { InjectionKey } from \"vue\";\nimport { DataForm, FormColumn } from \"@maketribe/dm\";\n\nexport interface DataFormContext {\n  dataForm: DataForm;\n  el: HTMLElement | null;\n}\n\nexport const DATA_FORM_CONTEXT_KEY: InjectionKey<DataFormContext> =\n  Symbol(\"dataFormContextKey\");\n\nexport interface DataFormItemContext {\n  column: FormColumn;\n}\n\nexport const DATA_FORM_ITEM_CONTEXT_KEY: InjectionKey<DataFormItemContext> =\n  Symbol(\"dataFormItemContextKey\");\n"],"names":[],"mappings":";;AAQa,MAAA,wBACX,OAAO,oBAAoB;AAMhB,MAAA,6BACX,OAAO,wBAAwB;;;"}

package/dist/cjs/components/data-model/data-form/views/form/form-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-options.js","sources":["../../../../../../../src/components/data-model/data-form/views/form/form-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\n\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { DataForm } from \"@maketribe/dm\";\r\n\r\nexport const formProps = buildProps({\r\n  rules: { type: Object },\r\n  labelWidth: { type: String },\r\n  dataForm: { type: DataForm<any> },\r\n} as const);\r\n\r\nexport type FormProps = ExtractPropTypes<typeof formProps>;\r\n\r\nexport const formEmits = {};\r\n\r\nexport const FormEmits = typeof formEmits;\r\n"],"names":["buildProps","DataForm"],"mappings":";;;;AAKO,MAAM,YAAYA,MAAAA,WAAW;AAAA,EAClC,OAAO,EAAE,MAAM,OAAO;AAAA,EACtB,YAAY,EAAE,MAAM,OAAO;AAAA,EAC3B,UAAU,EAAE,MAAMC,YAAc;AAClC,CAAU;;"}
+{"version":3,"file":"form-options.js","sources":["../../../../../../../src/components/data-model/data-form/views/form/form-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\n\nimport { buildProps } from \"@maketribe/utils\";\nimport { DataForm } from \"@maketribe/dm\";\n\nexport const formProps = buildProps({\n  rules: { type: Object },\n  labelWidth: { type: String },\n  dataForm: { type: DataForm<any> },\n} as const);\n\nexport type FormProps = ExtractPropTypes<typeof formProps>;\n\nexport const formEmits = {};\n\nexport const FormEmits = typeof formEmits;\n"],"names":["buildProps","DataForm"],"mappings":";;;;AAKO,MAAM,YAAYA,MAAAA,WAAW;AAAA,EAClC,OAAO,EAAE,MAAM,OAAO;AAAA,EACtB,YAAY,EAAE,MAAM,OAAO;AAAA,EAC3B,UAAU,EAAE,MAAMC,YAAc;AAClC,CAAU;;"}

package/dist/cjs/components/data-model/data-form/views/form/form.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.js","sources":["../../../../../../../src/components/data-model/data-form/views/form/form.tsx"],"sourcesContent":["import {\r\n  Fragment,\r\n  computed,\r\n  defineComponent,\r\n  inject,\r\n  nextTick,\r\n  onMounted,\r\n  ref,\r\n  unref,\r\n  watch,\r\n} from \"vue\";\r\nimport {\r\n  ElDivider,\r\n  ElForm,\r\n  FormItemRule,\r\n  FormRules,\r\n  FormContext,\r\n} from \"element-plus\";\r\nimport { formProps } from \"./form-options\";\r\nimport { DataFormType, FormColumn } from \"@maketribe/dm\";\r\nimport MKDataFormItem from \"../../data-form-item\";\r\nimport { DATA_FORM_CONTEXT_KEY } from \"../../token\";\r\n\r\nlet uid = 0;\r\n\r\nexport default defineComponent({\r\n  props: formProps,\r\n  setup(props, { slots }) {\r\n    const formUID = uid++;\r\n\r\n    const dataFormContext = inject(DATA_FORM_CONTEXT_KEY);\r\n\r\n    const formEl = ref<FormContext | null>(null);\r\n\r\n    const dataForm = computed(\r\n      () => props.dataForm ?? dataFormContext!.dataForm\r\n    );\r\n\r\n    const data = computed(() => unref(dataForm).data as any);\r\n\r\n    const columns = computed(() =>\r\n      unref(dataForm)\r\n        .getColumns()\r\n        .filter((column) => column.visible)\r\n    );\r\n\r\n    const rules = computed(() => {\r\n      const rules: FormRules = {};\r\n\r\n      for (const column of unref(columns)) {\r\n        if (column.required && !column.rules.find((rule) => rule.required)) {\r\n          rules[column.name] = [\r\n            {\r\n              required: column.required,\r\n              message: `请录入${column.label}.`,\r\n            },\r\n          ];\r\n        }\r\n        let componentRules: FormItemRule[] = props.rules?.[column.name] || [];\r\n\r\n        if (!Array.isArray(componentRules)) {\r\n          componentRules = [componentRules];\r\n        }\r\n\r\n        if (column.rules.length) {\r\n          rules[column.name] = [\r\n            ...((rules[column.name] as FormItemRule[]) || []),\r\n            ...column.rules,\r\n            ...componentRules,\r\n          ];\r\n        }\r\n      }\r\n\r\n      return rules;\r\n    });\r\n\r\n    const labelWidth = computed(() => {\r\n      return (\r\n        props.labelWidth ||\r\n        Math.max.apply(\r\n          null,\r\n          columns.value\r\n            .filter((column) => column.visible)\r\n            .filter((column) => column.componentInfo !== \"MKFormDetail\")\r\n            .map((item: FormColumn) => {\r\n              // + 8 像素只是预留 必填 * 号的宽度位置 12 像素是label的padding\r\n              return item.label.length * 16 + 8 + 12;\r\n            })\r\n        )\r\n      );\r\n    });\r\n\r\n    const disabled = computed(() => unref(dataForm).disabled);\r\n\r\n    onMounted(() => {\r\n      watch(\r\n        dataForm,\r\n        (dataForm, _, onCleanup) => {\r\n          unref(dataForm).formModels.push({\r\n            id: formUID,\r\n            validate: async () => {\r\n              return unref(formEl)?.validateField() ?? false;\r\n            },\r\n            reset: () => {\r\n              unref(formEl)?.resetFields();\r\n            },\r\n            clearValidate: () => {\r\n              unref(formEl)?.clearValidate();\r\n            },\r\n          });\r\n\r\n          const disposable = dataForm.dataFormTypeChangeEvent.on(\r\n            async ({ dataFormType }) => {\r\n              if (dataFormType !== DataFormType.NONE) {\r\n                // 测试下来 需要两次nextTick才能清除验证\r\n                await nextTick();\r\n                await nextTick();\r\n\r\n                dataForm.clearValidate();\r\n              }\r\n            }\r\n          );\r\n\r\n          onCleanup(() => {\r\n            const index = dataForm.formModels.findIndex(\r\n              (formModel) => formModel.id === formUID\r\n            );\r\n\r\n            if (index === -1) {\r\n              return;\r\n            }\r\n\r\n            dataForm.formModels.splice(index, 1);\r\n\r\n            disposable.dispose();\r\n          });\r\n        },\r\n        { immediate: true }\r\n      );\r\n    });\r\n\r\n    return () => {\r\n      if (!unref(dataForm).initd) {\r\n        return null;\r\n      }\r\n\r\n      let children: any = slots.default?.();\r\n\r\n      const detailColumns = unref(columns).filter(\r\n        (column) => column.componentInfo === \"MKFormDetail\"\r\n      );\r\n\r\n      if (!children) {\r\n        children = unref(columns)\r\n          .filter(\r\n            (column) => !detailColumns.find((item) => item.name === column.name)\r\n          )\r\n          .map((column) => {\r\n            if (!column.name) {\r\n              return null;\r\n            }\r\n\r\n            return (\r\n              slots[`col-${column.name}`]?.() || (\r\n                <MKDataFormItem\r\n                  key={column.name}\r\n                  name={column.name}\r\n                  v-slots={{ default: slots[`col-${column.name}-content`] }}\r\n                />\r\n              )\r\n            );\r\n          });\r\n\r\n        children.push(\r\n          detailColumns.map((column) => {\r\n            if (!column.name) {\r\n              return null;\r\n            }\r\n\r\n            return (\r\n              <Fragment>\r\n                <ElDivider contentPosition=\"left\">{column.label}</ElDivider>\r\n                <MKDataFormItem\r\n                  label=\"\"\r\n                  labelWidth=\"0px\"\r\n                  key={column.name}\r\n                  name={column.name}\r\n                />\r\n              </Fragment>\r\n            );\r\n          })\r\n        );\r\n      }\r\n\r\n      if (!unref(data)) {\r\n        return null;\r\n      }\r\n\r\n      return (\r\n        <ElForm\r\n          validateOnRuleChange={false}\r\n          {...props}\r\n          ref={formEl}\r\n          model={unref(data)}\r\n          rules={unref(rules)}\r\n          disabled={unref(disabled)}\r\n          labelWidth={unref(labelWidth)}\r\n        >\r\n          {children}\r\n        </ElForm>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","uid","defineComponent","props","formProps","setup","slots","formUID","dataFormContext","inject","DATA_FORM_CONTEXT_KEY","formEl","ref","dataForm","computed","data","unref","columns","getColumns","filter","column","visible","rules","required","find","rule","name","message","label","componentRules","Array","isArray","length","labelWidth","Math","max","apply","value","componentInfo","map","item","disabled","onMounted","watch","_","onCleanup","formModels","push","id","validate","validateField","reset","resetFields","clearValidate","disposable","dataFormTypeChangeEvent","on","dataFormType","DataFormType","NONE","nextTick","index","findIndex","formModel","splice","dispose","immediate","initd","children","default","detailColumns","_createVNode","MKDataFormItem","_Fragment","ElDivider","ElForm","_mergeProps"],"mappings":"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"}
+{"version":3,"file":"form.js","sources":["../../../../../../../src/components/data-model/data-form/views/form/form.tsx"],"sourcesContent":["import {\n  Fragment,\n  computed,\n  defineComponent,\n  inject,\n  nextTick,\n  onMounted,\n  ref,\n  unref,\n  watch,\n} from \"vue\";\nimport {\n  ElDivider,\n  ElForm,\n  FormItemRule,\n  FormRules,\n  FormContext,\n} from \"element-plus\";\nimport { formProps } from \"./form-options\";\nimport { DataFormType, FormColumn } from \"@maketribe/dm\";\nimport MKDataFormItem from \"../../data-form-item\";\nimport { DATA_FORM_CONTEXT_KEY } from \"../../token\";\n\nlet uid = 0;\n\nexport default defineComponent({\n  props: formProps,\n  setup(props, { slots }) {\n    const formUID = uid++;\n\n    const dataFormContext = inject(DATA_FORM_CONTEXT_KEY);\n\n    const formEl = ref<FormContext | null>(null);\n\n    const dataForm = computed(\n      () => props.dataForm ?? dataFormContext!.dataForm\n    );\n\n    const data = computed(() => unref(dataForm).data as any);\n\n    const columns = computed(() =>\n      unref(dataForm)\n        .getColumns()\n        .filter((column) => column.visible)\n    );\n\n    const rules = computed(() => {\n      const rules: FormRules = {};\n\n      for (const column of unref(columns)) {\n        if (column.required && !column.rules.find((rule) => rule.required)) {\n          rules[column.name] = [\n            {\n              required: column.required,\n              message: `请录入${column.label}.`,\n            },\n          ];\n        }\n        let componentRules: FormItemRule[] = props.rules?.[column.name] || [];\n\n        if (!Array.isArray(componentRules)) {\n          componentRules = [componentRules];\n        }\n\n        if (column.rules.length) {\n          rules[column.name] = [\n            ...((rules[column.name] as FormItemRule[]) || []),\n            ...column.rules,\n            ...componentRules,\n          ];\n        }\n      }\n\n      return rules;\n    });\n\n    const labelWidth = computed(() => {\n      return (\n        props.labelWidth ||\n        Math.max.apply(\n          null,\n          columns.value\n            .filter((column) => column.visible)\n            .filter((column) => column.componentInfo !== \"MKFormDetail\")\n            .map((item: FormColumn) => {\n              // + 8 像素只是预留 必填 * 号的宽度位置 12 像素是label的padding\n              return item.label.length * 16 + 8 + 12;\n            })\n        )\n      );\n    });\n\n    const disabled = computed(() => unref(dataForm).disabled);\n\n    onMounted(() => {\n      watch(\n        dataForm,\n        (dataForm, _, onCleanup) => {\n          unref(dataForm).formModels.push({\n            id: formUID,\n            validate: async () => {\n              return unref(formEl)?.validateField() ?? false;\n            },\n            reset: () => {\n              unref(formEl)?.resetFields();\n            },\n            clearValidate: () => {\n              unref(formEl)?.clearValidate();\n            },\n          });\n\n          const disposable = dataForm.dataFormTypeChangeEvent.on(\n            async ({ dataFormType }) => {\n              if (dataFormType !== DataFormType.NONE) {\n                // 测试下来 需要两次nextTick才能清除验证\n                await nextTick();\n                await nextTick();\n\n                dataForm.clearValidate();\n              }\n            }\n          );\n\n          onCleanup(() => {\n            const index = dataForm.formModels.findIndex(\n              (formModel) => formModel.id === formUID\n            );\n\n            if (index === -1) {\n              return;\n            }\n\n            dataForm.formModels.splice(index, 1);\n\n            disposable.dispose();\n          });\n        },\n        { immediate: true }\n      );\n    });\n\n    return () => {\n      if (!unref(dataForm).initd) {\n        return null;\n      }\n\n      let children: any = slots.default?.();\n\n      const detailColumns = unref(columns).filter(\n        (column) => column.componentInfo === \"MKFormDetail\"\n      );\n\n      if (!children) {\n        children = unref(columns)\n          .filter(\n            (column) => !detailColumns.find((item) => item.name === column.name)\n          )\n          .map((column) => {\n            if (!column.name) {\n              return null;\n            }\n\n            return (\n              slots[`col-${column.name}`]?.() || (\n                <MKDataFormItem\n                  key={column.name}\n                  name={column.name}\n                  v-slots={{ default: slots[`col-${column.name}-content`] }}\n                />\n              )\n            );\n          });\n\n        children.push(\n          detailColumns.map((column) => {\n            if (!column.name) {\n              return null;\n            }\n\n            return (\n              <Fragment>\n                <ElDivider contentPosition=\"left\">{column.label}</ElDivider>\n                <MKDataFormItem\n                  label=\"\"\n                  labelWidth=\"0px\"\n                  key={column.name}\n                  name={column.name}\n                />\n              </Fragment>\n            );\n          })\n        );\n      }\n\n      if (!unref(data)) {\n        return null;\n      }\n\n      return (\n        <ElForm\n          validateOnRuleChange={false}\n          {...props}\n          ref={formEl}\n          model={unref(data)}\n          rules={unref(rules)}\n          disabled={unref(disabled)}\n          labelWidth={unref(labelWidth)}\n        >\n          {children}\n        </ElForm>\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","uid","defineComponent","props","formProps","setup","slots","formUID","dataFormContext","inject","DATA_FORM_CONTEXT_KEY","formEl","ref","dataForm","computed","data","unref","columns","getColumns","filter","column","visible","rules","required","find","rule","name","message","label","componentRules","Array","isArray","length","labelWidth","Math","max","apply","value","componentInfo","map","item","disabled","onMounted","watch","_","onCleanup","formModels","push","id","validate","validateField","reset","resetFields","clearValidate","disposable","dataFormTypeChangeEvent","on","dataFormType","DataFormType","NONE","nextTick","index","findIndex","formModel","splice","dispose","immediate","initd","children","default","detailColumns","_createVNode","MKDataFormItem","_Fragment","ElDivider","ElForm","_mergeProps"],"mappings":"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"}

package/dist/cjs/components/data-model/data-form/views/form-view/form-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-view.js","sources":["../../../../../../../src/components/data-model/data-form/views/form-view/form-view.tsx"],"sourcesContent":["import { computed, defineComponent, inject, unref } from \"vue\";\r\nimport { ElButton, ElCard, ElScrollbar } from \"element-plus\";\r\nimport { formViewProps } from \"./form-view-options\";\r\nimport { I18n } from \"@maketribe/locale\";\r\nimport MKForm from \"../form\";\r\nimport { DATA_FORM_CONTEXT_KEY } from \"../../token\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKFormView\",\r\n  props: formViewProps,\r\n  setup(props, { slots }) {\r\n    const dataFormContext = inject(DATA_FORM_CONTEXT_KEY);\r\n\r\n    const dataForm = computed(\r\n      () => props.dataForm ?? dataFormContext!.dataForm\r\n    );\r\n\r\n    const isChange = computed(() => unref(dataForm).isChanged);\r\n\r\n    const handleSave = async () => {\r\n      await unref(dataForm)?.simpleSubmit();\r\n    };\r\n\r\n    const handleCancel = () => {\r\n      unref(dataForm).cancel();\r\n    };\r\n\r\n    return () => {\r\n      return (\r\n        <ElCard class=\"mk-form-view\" shadow=\"never\">\r\n          <div class=\"mk-form-view__main\">\r\n            <ElScrollbar>\r\n              <MKForm\r\n                rules={props.rules}\r\n                labelWidth={props.labelWidth}\r\n                dataForm={props.dataForm}\r\n                v-slots={slots}\r\n              />\r\n            </ElScrollbar>\r\n          </div>\r\n          <div class=\"mk-form-view__footer\">\r\n            {slots[\"footer-button\"]?.()}\r\n            <ElButton\r\n              type=\"primary\"\r\n              onClick={handleSave}\r\n              disabled={!unref(isChange)}\r\n              loading={!unref(unref(dataForm).allowSubmit)}\r\n            >\r\n              {I18n.instance.translate(\"mk.dataForm.saveButton\")}\r\n            </ElButton>\r\n            <ElButton onClick={handleCancel}>\r\n              {I18n.instance.translate(\"mk.dataForm.cancelButton\")}\r\n            </ElButton>\r\n          </div>\r\n        </ElCard>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","formViewProps","setup","slots","dataFormContext","inject","DATA_FORM_CONTEXT_KEY","dataForm","computed","isChange","unref","isChanged","handleSave","simpleSubmit","handleCancel","cancel","_slot","_slot2","_createVNode","ElCard","default","ElScrollbar","MKForm","rules","labelWidth","ElButton","allowSubmit","I18n","instance","translate"],"mappings":";;;;;;;AAKoD,SAAAA,QAAAC,GAAA;AAAA,SAAA,OAAAA,MAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAAK,qBAAAA,CAAAA,IAAA,QAAAL,CAAA;AAAA;AAEpD,MAAeM,+CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,gBAAa;AAAA,EACpBC,MAAMF,OAAO;AAAA,IAAEG;AAAAA,EAAM,GAAG;AACtB,UAAMC,kBAAkBC,WAAOC,MAAAA,qBAAqB;AAEpD,UAAMC,WAAWC,IAAAA,SACf,MAAMR,MAAMO,YAAYH,gBAAiBG,QAC3C;AAEA,UAAME,WAAWD,IAAAA,SAAS,MAAME,IAAK,MAACH,QAAQ,EAAEI,SAAS;AAEzD,UAAMC,aAAa,YAAY;;AAC7B,cAAMF,eAAMH,QAAQ,MAAdG,mBAAiBG;AAAAA;AAGzB,UAAMC,eAAeA,MAAM;AACzBJ,gBAAMH,QAAQ,EAAEQ;;AAGlB,WAAO,MAAM;AAAA,UAAAC,OAAAC;AACX,aAAAC,IAAAA,YAAAC,YAAAA,QAAA;AAAA,QAAA,SAAA;AAAA,QAAA,UAAA;AAAA,MAAA,GAAA;AAAA,QAAAC,SAAAA,MAAAA;;AAAA,kBAAAF,IAAA,YAAA,OAAA;AAAA,YAAA,SAAA;AAAA,aAAAA,CAAAA,IAAAA,YAAAG,YAAA,aAAA,MAAA;AAAA,YAAAD,SAAAA,MAAAF,CAAAA,IAAA,YAAAI,cAAA;AAAA,cAAA,SAKiBtB,MAAMuB;AAAAA,cAAK,cACNvB,MAAMwB;AAAAA,cAAU,YAClBxB,MAAMO;AAAAA,YAAQ,GACfJ,KAAK,CAAA;AAAA,UAAA,CAAA,CAAA,CAAA,GAAAe,IAAA,YAAA,OAAA;AAAA,YAAA,SAAA;AAAA,UAKjBf,GAAAA,EAAAA,WAAM,qBAANA,gCAA0Be,IAAAA,YAAAO,YAAAA,UAAA;AAAA,YAAA,QAAA;AAAA,YAAA,WAGhBb;AAAAA,YAAU,YACT,CAACF,IAAK,MAACD,QAAQ;AAAA,YAAC,WACjB,CAACC,IAAK,MAACA,IAAK,MAACH,QAAQ,EAAEmB,WAAW;AAAA,UAAC,GAAAnC,QAAAyB,QAE3CW,YAAKC,SAASC,UAAU,wBAAwB,CAAC,IAAAb,QAAA;AAAA,YAAAI,SAAAA,MAAA,CAAAJ,KAAA;AAAA,WAAAE,GAAAA,IAAA,YAAAO,sBAAA;AAAA,YAAA,WAEjCX;AAAAA,UAAY,GAAAvB,QAAA0B,SAC5BU,YAAKC,SAASC,UAAU,0BAA0B,CAAC,IAAAZ,SAAA;AAAA,YAAAG,SAAAA,MAAA,CAAAH,MAAA;AAAA,UAAA,CAAA,CAAA,CAAA,CAAA;AAAA;AAAA,MAAA,CAAA;AAAA;EAMhE;AACF,CAAC;;"}
+{"version":3,"file":"form-view.js","sources":["../../../../../../../src/components/data-model/data-form/views/form-view/form-view.tsx"],"sourcesContent":["import { computed, defineComponent, inject, unref } from \"vue\";\nimport { ElButton, ElCard, ElScrollbar } from \"element-plus\";\nimport { formViewProps } from \"./form-view-options\";\nimport { I18n } from \"@maketribe/locale\";\nimport MKForm from \"../form\";\nimport { DATA_FORM_CONTEXT_KEY } from \"../../token\";\n\nexport default defineComponent({\n  name: \"MKFormView\",\n  props: formViewProps,\n  setup(props, { slots }) {\n    const dataFormContext = inject(DATA_FORM_CONTEXT_KEY);\n\n    const dataForm = computed(\n      () => props.dataForm ?? dataFormContext!.dataForm\n    );\n\n    const isChange = computed(() => unref(dataForm).isChanged);\n\n    const handleSave = async () => {\n      await unref(dataForm)?.simpleSubmit();\n    };\n\n    const handleCancel = () => {\n      unref(dataForm).cancel();\n    };\n\n    return () => {\n      return (\n        <ElCard class=\"mk-form-view\" shadow=\"never\">\n          <div class=\"mk-form-view__main\">\n            <ElScrollbar>\n              <MKForm\n                rules={props.rules}\n                labelWidth={props.labelWidth}\n                dataForm={props.dataForm}\n                v-slots={slots}\n              />\n            </ElScrollbar>\n          </div>\n          <div class=\"mk-form-view__footer\">\n            {slots[\"footer-button\"]?.()}\n            <ElButton\n              type=\"primary\"\n              onClick={handleSave}\n              disabled={!unref(isChange)}\n              loading={!unref(unref(dataForm).allowSubmit)}\n            >\n              {I18n.instance.translate(\"mk.dataForm.saveButton\")}\n            </ElButton>\n            <ElButton onClick={handleCancel}>\n              {I18n.instance.translate(\"mk.dataForm.cancelButton\")}\n            </ElButton>\n          </div>\n        </ElCard>\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","formViewProps","setup","slots","dataFormContext","inject","DATA_FORM_CONTEXT_KEY","dataForm","computed","isChange","unref","isChanged","handleSave","simpleSubmit","handleCancel","cancel","_slot","_slot2","_createVNode","ElCard","default","ElScrollbar","MKForm","rules","labelWidth","ElButton","allowSubmit","I18n","instance","translate"],"mappings":";;;;;;;AAKoD,SAAAA,QAAAC,GAAA;AAAA,SAAA,OAAAA,MAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAAK,qBAAAA,CAAAA,IAAA,QAAAL,CAAA;AAAA;AAEpD,MAAeM,+CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,gBAAa;AAAA,EACpBC,MAAMF,OAAO;AAAA,IAAEG;AAAAA,EAAM,GAAG;AACtB,UAAMC,kBAAkBC,WAAOC,MAAAA,qBAAqB;AAEpD,UAAMC,WAAWC,IAAAA,SACf,MAAMR,MAAMO,YAAYH,gBAAiBG,QAC3C;AAEA,UAAME,WAAWD,IAAAA,SAAS,MAAME,IAAK,MAACH,QAAQ,EAAEI,SAAS;AAEzD,UAAMC,aAAa,YAAY;;AAC7B,cAAMF,eAAMH,QAAQ,MAAdG,mBAAiBG;AAAAA;AAGzB,UAAMC,eAAeA,MAAM;AACzBJ,gBAAMH,QAAQ,EAAEQ;;AAGlB,WAAO,MAAM;AAAA,UAAAC,OAAAC;AACX,aAAAC,IAAAA,YAAAC,YAAAA,QAAA;AAAA,QAAA,SAAA;AAAA,QAAA,UAAA;AAAA,MAAA,GAAA;AAAA,QAAAC,SAAAA,MAAAA;;AAAA,kBAAAF,IAAA,YAAA,OAAA;AAAA,YAAA,SAAA;AAAA,aAAAA,CAAAA,IAAAA,YAAAG,YAAA,aAAA,MAAA;AAAA,YAAAD,SAAAA,MAAAF,CAAAA,IAAA,YAAAI,cAAA;AAAA,cAAA,SAKiBtB,MAAMuB;AAAAA,cAAK,cACNvB,MAAMwB;AAAAA,cAAU,YAClBxB,MAAMO;AAAAA,YAAQ,GACfJ,KAAK,CAAA;AAAA,UAAA,CAAA,CAAA,CAAA,GAAAe,IAAA,YAAA,OAAA;AAAA,YAAA,SAAA;AAAA,UAKjBf,GAAAA,EAAAA,WAAM,qBAANA,gCAA0Be,IAAAA,YAAAO,YAAAA,UAAA;AAAA,YAAA,QAAA;AAAA,YAAA,WAGhBb;AAAAA,YAAU,YACT,CAACF,IAAK,MAACD,QAAQ;AAAA,YAAC,WACjB,CAACC,IAAK,MAACA,IAAK,MAACH,QAAQ,EAAEmB,WAAW;AAAA,UAAC,GAAAnC,QAAAyB,QAE3CW,YAAKC,SAASC,UAAU,wBAAwB,CAAC,IAAAb,QAAA;AAAA,YAAAI,SAAAA,MAAA,CAAAJ,KAAA;AAAA,WAAAE,GAAAA,IAAA,YAAAO,sBAAA;AAAA,YAAA,WAEjCX;AAAAA,UAAY,GAAAvB,QAAA0B,SAC5BU,YAAKC,SAASC,UAAU,0BAA0B,CAAC,IAAAZ,SAAA;AAAA,YAAAG,SAAAA,MAAA,CAAAH,MAAA;AAAA,UAAA,CAAA,CAAA,CAAA,CAAA;AAAA;AAAA,MAAA,CAAA;AAAA;EAMhE;AACF,CAAC;;"}

package/dist/cjs/components/data-model/data-table/components/column-action/column-action-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"column-action-options.js","sources":["../../../../../../../src/components/data-model/data-table/components/column-action/column-action-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { TableColumn } from \"@maketribe/dm\";\r\nimport { columnProps } from \"../../composables\";\r\n\r\nexport const columnActionProps = buildProps({\r\n  ...columnProps,\r\n  column: { type: TableColumn, required: true },\r\n  buttons: { type: Array, default: () => [] }\r\n} as const);\r\n\r\nexport type ColumnActionProps = ExtractPropTypes<typeof columnActionProps>;\r\n"],"names":["buildProps","columnProps","TableColumn"],"mappings":";;;;;;;;;;;;AAKO,MAAM,oBAAoBA,MAAAA,WAAW;AAAA,EAC1C,GAAGC,UAAA;AAAA,EACH,QAAQ,EAAE,MAAMC,gBAAa,UAAU,KAAK;AAAA,EAC5C,SAAS,EAAE,MAAM,OAAO,SAAS,MAAM,CAAA,EAAG;AAC5C,CAAU;;"}
+{"version":3,"file":"column-action-options.js","sources":["../../../../../../../src/components/data-model/data-table/components/column-action/column-action-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { TableColumn } from \"@maketribe/dm\";\nimport { columnProps } from \"../../composables\";\n\nexport const columnActionProps = buildProps({\n  ...columnProps,\n  column: { type: TableColumn, required: true },\n  buttons: { type: Array, default: () => [] }\n} as const);\n\nexport type ColumnActionProps = ExtractPropTypes<typeof columnActionProps>;\n"],"names":["buildProps","columnProps","TableColumn"],"mappings":";;;;;;;;;;;;AAKO,MAAM,oBAAoBA,MAAAA,WAAW;AAAA,EAC1C,GAAGC,UAAA;AAAA,EACH,QAAQ,EAAE,MAAMC,gBAAa,UAAU,KAAK;AAAA,EAC5C,SAAS,EAAE,MAAM,OAAO,SAAS,MAAM,CAAA,EAAG;AAC5C,CAAU;;"}

package/dist/cjs/components/data-model/data-table/components/column-action/column-action.js

@@ -13,6 +13,10 @@ const ColumnAction = /* @__PURE__ */ vue.defineComponent({
       }
       return props.buttons;
     });
+    const handleColumnActionClick = (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+    };
     return () => {
       const buttonVnodes = vue.unref(buttons).filter((button) => button.predicate(props.row)).map((button) => vue.createVNode(index.MKButton, {
         "icon": button.icon,
@@ -22,7 +26,8 @@ const ColumnAction = /* @__PURE__ */ vue.defineComponent({
         "onClick": () => button.handler(props.row)
       }, null));
       return vue.createVNode("span", {
-        "class": "mk-column-action"
+        "class": "mk-column-action",
+        "onClick": handleColumnActionClick
       }, [buttonVnodes]);
     };
   }

package/dist/cjs/components/data-model/data-table/components/column-action/column-action.js.map

@@ -1 +1 @@
-{"version":3,"file":"column-action.js","sources":["../../../../../../../src/components/data-model/data-table/components/column-action/column-action.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\r\nimport { ElButton } from \"element-plus\";\r\n\r\nimport { columnActionProps } from \"./column-action-options\";\r\nimport { MKButton } from \"../../../../basic/button\";\r\nimport { ActionButton, TableActionColumn } from \"@maketribe/dm\";\r\n\r\nexport type MKColumnActionButton = {\r\n  name?: string;\r\n  label?: string;\r\n  type?: InstanceType<typeof ElButton>[\"type\"];\r\n  handler?: (row: any) => any;\r\n};\r\n\r\nexport default defineComponent({\r\n  name: \"MKColumnAction\",\r\n  props: columnActionProps,\r\n  setup(props) {\r\n    const buttons = computed(() => {\r\n\r\n      if (props.column instanceof TableActionColumn) {\r\n        return props.column.buttons;\r\n      }\r\n\r\n      return props.buttons as ActionButton[];\r\n    });\r\n\r\n    return () => {\r\n      const buttonVnodes = unref(buttons)\r\n        .filter((button) => button.predicate(props.row))\r\n        .map((button) => (\r\n          <MKButton\r\n            icon={button.icon}\r\n            label={button.label}\r\n            type={button.type}\r\n            link\r\n            onClick={() => button.handler(props.row)}\r\n          />\r\n        ));\r\n\r\n      return <span class=\"mk-column-action\">{buttonVnodes}</span>;\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","columnActionProps","setup","buttons","computed","column","TableActionColumn","buttonVnodes","unref","filter","button","predicate","row","map","_createVNode","MKButton","icon","label","type","onClick","handler"],"mappings":";;;;;AAcA,MAAeA,mDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,oBAAiB;AAAA,EACxBC,MAAMF,OAAO;AACX,UAAMG,UAAUC,IAAAA,SAAS,MAAM;AAE7B,UAAIJ,MAAMK,kBAAkBC,sBAAmB;AAC7C,eAAON,MAAMK,OAAOF;AAAAA,MACtB;AAEA,aAAOH,MAAMG;AAAAA,IACf,CAAC;AAED,WAAO,MAAM;AACX,YAAMI,eAAeC,IAAAA,MAAML,OAAO,EAC/BM,OAAQC,YAAWA,OAAOC,UAAUX,MAAMY,GAAG,CAAC,EAC9CC,IAAKH,YAAMI,IAAA,YAAAC,gBAAA;AAAA,QAAA,QAEFL,OAAOM;AAAAA,QAAI,SACVN,OAAOO;AAAAA,QAAK,QACbP,OAAOQ;AAAAA,QAAI,QAAA;AAAA,QAAA,WAERC,MAAMT,OAAOU,QAAQpB,MAAMY,GAAG;AAAA,MAAC,GAAA,IAAA,CAE3C;AAEH,aAAAE,IAAAA,YAAA,QAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAAuCP,YAAY,CAAA;AAAA;EAEvD;AACF,CAAC;;"}
+{"version":3,"file":"column-action.js","sources":["../../../../../../../src/components/data-model/data-table/components/column-action/column-action.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\nimport { ElButton } from \"element-plus\";\n\nimport { columnActionProps } from \"./column-action-options\";\nimport { MKButton } from \"../../../../basic/button\";\nimport { ActionButton, TableActionColumn } from \"@maketribe/dm\";\n\nexport type MKColumnActionButton = {\n  name?: string;\n  label?: string;\n  type?: InstanceType<typeof ElButton>[\"type\"];\n  handler?: (row: any) => any;\n};\n\nexport default defineComponent({\n  name: \"MKColumnAction\",\n  props: columnActionProps,\n  setup(props) {\n    const buttons = computed(() => {\n      if (props.column instanceof TableActionColumn) {\n        return props.column.buttons;\n      }\n\n      return props.buttons as ActionButton[];\n    });\n\n    const handleColumnActionClick = (e: MouseEvent) => {\n      e.preventDefault();\n      e.stopPropagation();\n    };\n\n    return () => {\n      const buttonVnodes = unref(buttons)\n        .filter((button) => button.predicate(props.row))\n        .map((button) => (\n          <MKButton\n            icon={button.icon}\n            label={button.label}\n            type={button.type}\n            link\n            onClick={() => button.handler(props.row)}\n          />\n        ));\n\n      return (\n        <span class=\"mk-column-action\" onClick={handleColumnActionClick}>\n          {buttonVnodes}\n        </span>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","columnActionProps","setup","buttons","computed","column","TableActionColumn","handleColumnActionClick","e","preventDefault","stopPropagation","buttonVnodes","unref","filter","button","predicate","row","map","_createVNode","MKButton","icon","label","type","onClick","handler"],"mappings":";;;;;AAcA,MAAeA,mDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,oBAAiB;AAAA,EACxBC,MAAMF,OAAO;AACX,UAAMG,UAAUC,IAAAA,SAAS,MAAM;AAC7B,UAAIJ,MAAMK,kBAAkBC,sBAAmB;AAC7C,eAAON,MAAMK,OAAOF;AAAAA,MACtB;AAEA,aAAOH,MAAMG;AAAAA,IACf,CAAC;AAED,UAAMI,0BAA2BC,OAAkB;AACjDA,QAAEC,eAAc;AAChBD,QAAEE,gBAAe;AAAA;AAGnB,WAAO,MAAM;AACX,YAAMC,eAAeC,IAAAA,MAAMT,OAAO,EAC/BU,OAAQC,YAAWA,OAAOC,UAAUf,MAAMgB,GAAG,CAAC,EAC9CC,IAAKH,YAAMI,IAAA,YAAAC,gBAAA;AAAA,QAAA,QAEFL,OAAOM;AAAAA,QAAI,SACVN,OAAOO;AAAAA,QAAK,QACbP,OAAOQ;AAAAA,QAAI,QAAA;AAAA,QAAA,WAERC,MAAMT,OAAOU,QAAQxB,MAAMgB,GAAG;AAAA,MAAC,GAAA,IAAA,CAE3C;AAEH,aAAAE,IAAAA,YAAA,QAAA;AAAA,QAAA,SAAA;AAAA,QAAA,WAC0CX;AAAAA,MAAuB,GAAA,CAC5DI,YAAY,CAAA;AAAA;EAIrB;AACF,CAAC;;"}

package/dist/cjs/components/data-model/data-table/components/column-date/column-date.js.map

@@ -1 +1 @@
-{"version":3,"file":"column-date.js","sources":["../../../../../../../src/components/data-model/data-table/components/column-date/column-date.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\r\nimport { dayjs } from \"element-plus\";\r\n\r\nimport { MKColumnText } from \"../column-text\";\r\nimport { columnDateProps } from \"./column-date-options\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKColumnDate\",\r\n  props: columnDateProps,\r\n  setup(props) {\r\n    const columnTextProps = computed(() => {\r\n      const { type, ...columnTextProps } = props;\r\n      return columnTextProps;\r\n    });\r\n\r\n    const type = computed(() => props.type);\r\n\r\n    const formatValue = (value: string) => {\r\n      const dayInstance = dayjs(value ?? null);\r\n\r\n      if (!dayInstance.isValid()) {\r\n        return;\r\n      }\r\n\r\n      switch (unref(type)) {\r\n        case \"datetime\":\r\n          return dayInstance.format(\"YYYY-MM-DD HH:mm:ss\");\r\n        case \"date\":\r\n          return dayInstance.format(\"YYYY-MM-DD\");\r\n        case \"month\":\r\n          return dayInstance.format(\"YYYY-MM\");\r\n        case \"year\":\r\n          return dayInstance.format(\"YYYY\");\r\n        default:\r\n          return props.formatValue(value);\r\n      }\r\n    };\r\n\r\n    return () => {\r\n      return (\r\n        <MKColumnText {...unref(columnTextProps)} formatValue={formatValue} />\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","columnDateProps","setup","columnTextProps","computed","type","formatValue","value","dayInstance","dayjs","isValid","unref","format","_createVNode","MKColumnText","_mergeProps"],"mappings":";;;;;AAMA,MAAeA,iDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,kBAAe;AAAA,EACtBC,MAAMF,OAAO;AACX,UAAMG,kBAAkBC,IAAAA,SAAS,MAAM;AACrC,YAAM;AAAA,QAAEC,MAAAA;AAAAA,QAAM,GAAGF;AAAAA,MAAiB,IAAGH;AACrC,aAAOG;AAAAA,IACT,CAAC;AAED,UAAME,OAAOD,IAAQ,SAAC,MAAMJ,MAAMK,IAAI;AAEtC,UAAMC,cAAeC,WAAkB;AACrC,YAAMC,cAAcC,YAAAA,MAAMF,SAAS,IAAI;AAEvC,UAAI,CAACC,YAAYE,WAAW;AAC1B;AAAA,MACF;AAEA,cAAQC,IAAAA,MAAMN,IAAI,GAAC;AAAA,QACjB,KAAK;AACH,iBAAOG,YAAYI,OAAO,qBAAqB;AAAA,QACjD,KAAK;AACH,iBAAOJ,YAAYI,OAAO,YAAY;AAAA,QACxC,KAAK;AACH,iBAAOJ,YAAYI,OAAO,SAAS;AAAA,QACrC,KAAK;AACH,iBAAOJ,YAAYI,OAAO,MAAM;AAAA,QAClC;AACE,iBAAOZ,MAAMM,YAAYC,KAAK;AAAA,MAClC;AAAA;AAGF,WAAO,MAAM;AACX,aAAAM,IAAA,YAAAC,MAAA,cAAAC,IAAA,WACoBJ,IAAK,MAACR,eAAe,GAAC;AAAA,QAAA,eAAeG;AAAAA,MAAW,CAAA,GAAA,IAAA;AAAA;EAGxE;AACF,CAAC;;"}
+{"version":3,"file":"column-date.js","sources":["../../../../../../../src/components/data-model/data-table/components/column-date/column-date.tsx"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\nimport { dayjs } from \"element-plus\";\n\nimport { MKColumnText } from \"../column-text\";\nimport { columnDateProps } from \"./column-date-options\";\n\nexport default defineComponent({\n  name: \"MKColumnDate\",\n  props: columnDateProps,\n  setup(props) {\n    const columnTextProps = computed(() => {\n      const { type, ...columnTextProps } = props;\n      return columnTextProps;\n    });\n\n    const type = computed(() => props.type);\n\n    const formatValue = (value: string) => {\n      const dayInstance = dayjs(value ?? null);\n\n      if (!dayInstance.isValid()) {\n        return;\n      }\n\n      switch (unref(type)) {\n        case \"datetime\":\n          return dayInstance.format(\"YYYY-MM-DD HH:mm:ss\");\n        case \"date\":\n          return dayInstance.format(\"YYYY-MM-DD\");\n        case \"month\":\n          return dayInstance.format(\"YYYY-MM\");\n        case \"year\":\n          return dayInstance.format(\"YYYY\");\n        default:\n          return props.formatValue(value);\n      }\n    };\n\n    return () => {\n      return (\n        <MKColumnText {...unref(columnTextProps)} formatValue={formatValue} />\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","columnDateProps","setup","columnTextProps","computed","type","formatValue","value","dayInstance","dayjs","isValid","unref","format","_createVNode","MKColumnText","_mergeProps"],"mappings":";;;;;AAMA,MAAeA,iDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,kBAAe;AAAA,EACtBC,MAAMF,OAAO;AACX,UAAMG,kBAAkBC,IAAAA,SAAS,MAAM;AACrC,YAAM;AAAA,QAAEC,MAAAA;AAAAA,QAAM,GAAGF;AAAAA,MAAiB,IAAGH;AACrC,aAAOG;AAAAA,IACT,CAAC;AAED,UAAME,OAAOD,IAAQ,SAAC,MAAMJ,MAAMK,IAAI;AAEtC,UAAMC,cAAeC,WAAkB;AACrC,YAAMC,cAAcC,YAAAA,MAAMF,SAAS,IAAI;AAEvC,UAAI,CAACC,YAAYE,WAAW;AAC1B;AAAA,MACF;AAEA,cAAQC,IAAAA,MAAMN,IAAI,GAAC;AAAA,QACjB,KAAK;AACH,iBAAOG,YAAYI,OAAO,qBAAqB;AAAA,QACjD,KAAK;AACH,iBAAOJ,YAAYI,OAAO,YAAY;AAAA,QACxC,KAAK;AACH,iBAAOJ,YAAYI,OAAO,SAAS;AAAA,QACrC,KAAK;AACH,iBAAOJ,YAAYI,OAAO,MAAM;AAAA,QAClC;AACE,iBAAOZ,MAAMM,YAAYC,KAAK;AAAA,MAClC;AAAA;AAGF,WAAO,MAAM;AACX,aAAAM,IAAA,YAAAC,MAAA,cAAAC,IAAA,WACoBJ,IAAK,MAACR,eAAe,GAAC;AAAA,QAAA,eAAeG;AAAAA,MAAW,CAAA,GAAA,IAAA;AAAA;EAGxE;AACF,CAAC;;"}

package/dist/cjs/components/data-model/data-table/components/column-icon/column-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"column-icon.js","sources":["../../../../../../../src/components/data-model/data-table/components/column-icon/column-icon.tsx"],"sourcesContent":["import { defineComponent, unref } from \"vue\";\r\nimport { columnIconProps } from \"./column-icon-options\";\r\nimport { MKSvgIcon } from \"../../../../basic/svg-icon\";\r\nimport { useColumn } from \"../../composables\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKColumnIcon\",\r\n  props: columnIconProps,\r\n  setup(props) {\r\n    const { value } = useColumn(props);\r\n    return () => {\r\n      return <MKSvgIcon iconClass={unref(value)} />;\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","columnIconProps","setup","value","useColumn","_createVNode","MKSvgIcon","unref"],"mappings":";;;;;;;;;;;;;AAKA,MAAeA,iDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,kBAAe;AAAA,EACtBC,MAAMF,OAAO;AACX,UAAM;AAAA,MAAEG;AAAAA,IAAM,IAAIC,UAAAA,UAAUJ,KAAK;AACjC,WAAO,MAAM;AACX,aAAAK,IAAAA,YAAAC,MAAAA,WAAA;AAAA,QAAA,aAA6BC,IAAK,MAACJ,KAAK;AAAA,MAAC,GAAA,IAAA;AAAA;EAE7C;AACF,CAAC;;"}
+{"version":3,"file":"column-icon.js","sources":["../../../../../../../src/components/data-model/data-table/components/column-icon/column-icon.tsx"],"sourcesContent":["import { defineComponent, unref } from \"vue\";\nimport { columnIconProps } from \"./column-icon-options\";\nimport { MKSvgIcon } from \"../../../../basic/svg-icon\";\nimport { useColumn } from \"../../composables\";\n\nexport default defineComponent({\n  name: \"MKColumnIcon\",\n  props: columnIconProps,\n  setup(props) {\n    const { value } = useColumn(props);\n    return () => {\n      return <MKSvgIcon iconClass={unref(value)} />;\n    };\n  },\n});\n"],"names":["defineComponent","name","props","columnIconProps","setup","value","useColumn","_createVNode","MKSvgIcon","unref"],"mappings":";;;;;;;;;;;;;AAKA,MAAeA,iDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,kBAAe;AAAA,EACtBC,MAAMF,OAAO;AACX,UAAM;AAAA,MAAEG;AAAAA,IAAM,IAAIC,UAAAA,UAAUJ,KAAK;AACjC,WAAO,MAAM;AACX,aAAAK,IAAAA,YAAAC,MAAAA,WAAA;AAAA,QAAA,aAA6BC,IAAK,MAACJ,KAAK;AAAA,MAAC,GAAA,IAAA;AAAA;EAE7C;AACF,CAAC;;"}

package/dist/cjs/components/data-model/data-table/components/column-image/column-image-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"column-image-options.js","sources":["../../../../../../../src/components/data-model/data-table/components/column-image/column-image-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { columnProps } from \"../../composables\";\r\n\r\nexport const columnImageProps = buildProps({\r\n  ...columnProps,\r\n} as const);\r\n\r\nexport type ColumnImageProps = ExtractPropTypes<typeof columnImageProps>;\r\n"],"names":["buildProps","columnProps"],"mappings":";;;;;;;;;;;;AAIO,MAAM,mBAAmBA,MAAAA,WAAW;AAAA,EACzC,GAAGC,UAAA;AACL,CAAU;;"}
+{"version":3,"file":"column-image-options.js","sources":["../../../../../../../src/components/data-model/data-table/components/column-image/column-image-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../composables\";\n\nexport const columnImageProps = buildProps({\n  ...columnProps,\n} as const);\n\nexport type ColumnImageProps = ExtractPropTypes<typeof columnImageProps>;\n"],"names":["buildProps","columnProps"],"mappings":";;;;;;;;;;;;AAIO,MAAM,mBAAmBA,MAAAA,WAAW;AAAA,EACzC,GAAGC,UAAA;AACL,CAAU;;"}

package/dist/cjs/components/data-model/data-table/components/column-json/column-json-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"column-json-options.js","sources":["../../../../../../../src/components/data-model/data-table/components/column-json/column-json-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { columnProps } from \"../../composables\";\r\n\r\nexport const columnJsonProps = buildProps({\r\n  ...columnProps,\r\n  buttonText: {\r\n    type: String,\r\n    default: \"查看\",\r\n  },\r\n} as const);\r\n\r\nexport type ColumnJsonProps = ExtractPropTypes<typeof columnJsonProps>;\r\n"],"names":["buildProps","columnProps"],"mappings":";;;;;;;;;;;;AAIO,MAAM,kBAAkBA,MAAAA,WAAW;AAAA,EACxC,GAAGC,UAAA;AAAA,EACH,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;;"}
+{"version":3,"file":"column-json-options.js","sources":["../../../../../../../src/components/data-model/data-table/components/column-json/column-json-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../composables\";\n\nexport const columnJsonProps = buildProps({\n  ...columnProps,\n  buttonText: {\n    type: String,\n    default: \"查看\",\n  },\n} as const);\n\nexport type ColumnJsonProps = ExtractPropTypes<typeof columnJsonProps>;\n"],"names":["buildProps","columnProps"],"mappings":";;;;;;;;;;;;AAIO,MAAM,kBAAkBA,MAAAA,WAAW;AAAA,EACxC,GAAGC,UAAA;AAAA,EACH,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAU;;"}

package/dist/cjs/components/data-model/data-table/components/column-json/column-json.js.map

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

package/dist/cjs/components/data-model/data-table/components/column-link/column-link-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"column-link-options.js","sources":["../../../../../../../src/components/data-model/data-table/components/column-link/column-link-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { ColumnEventData, columnProps } from \"../../composables\";\r\n\r\nexport const columnLinkProps = buildProps({\r\n  ...columnProps,\r\n  type: {\r\n    values: [\r\n      \"\",\r\n      \"default\",\r\n      \"success\",\r\n      \"warning\",\r\n      \"info\",\r\n      \"text\",\r\n      \"primary\",\r\n      \"danger\",\r\n    ],\r\n    default: \"primary\",\r\n  },\r\n  formatValue: {\r\n    type: Function,\r\n  },\r\n} as const);\r\n\r\nexport type ColumnLinkProps = ExtractPropTypes<typeof columnLinkProps>;\r\n\r\nexport const columnLinkEmits = {\r\n  click: (data: ColumnEventData) => true,\r\n};\r\n\r\nexport type ColumnLinkEmits = typeof columnLinkEmits;\r\n"],"names":["buildProps","columnProps"],"mappings":";;;;;;;;;;;;AAIO,MAAM,kBAAkBA,MAAAA,WAAW;AAAA,EACxC,GAAGC,UAAA;AAAA,EACH,MAAM;AAAA,IACJ,QAAQ;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,SAAS;AAAA,EACX;AAAA,EACA,aAAa;AAAA,IACX,MAAM;AAAA,EACR;AACF,CAAU;AAIH,MAAM,kBAAkB;AAAA,EAC7B,OAAO,CAAC,SAA0B;AACpC;;;"}
+{"version":3,"file":"column-link-options.js","sources":["../../../../../../../src/components/data-model/data-table/components/column-link/column-link-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { ColumnEventData, columnProps } from \"../../composables\";\n\nexport const columnLinkProps = buildProps({\n  ...columnProps,\n  type: {\n    values: [\n      \"\",\n      \"default\",\n      \"success\",\n      \"warning\",\n      \"info\",\n      \"text\",\n      \"primary\",\n      \"danger\",\n    ],\n    default: \"primary\",\n  },\n  formatValue: {\n    type: Function,\n  },\n} as const);\n\nexport type ColumnLinkProps = ExtractPropTypes<typeof columnLinkProps>;\n\nexport const columnLinkEmits = {\n  click: (data: ColumnEventData) => true,\n};\n\nexport type ColumnLinkEmits = typeof columnLinkEmits;\n"],"names":["buildProps","columnProps"],"mappings":";;;;;;;;;;;;AAIO,MAAM,kBAAkBA,MAAAA,WAAW;AAAA,EACxC,GAAGC,UAAA;AAAA,EACH,MAAM;AAAA,IACJ,QAAQ;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,SAAS;AAAA,EACX;AAAA,EACA,aAAa;AAAA,IACX,MAAM;AAAA,EACR;AACF,CAAU;AAIH,MAAM,kBAAkB;AAAA,EAC7B,OAAO,CAAC,SAA0B;AACpC;;;"}

package/dist/cjs/components/data-model/data-table/components/column-object-mapping-text/column-object-mapping-text-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"column-object-mapping-text-options.js","sources":["../../../../../../../src/components/data-model/data-table/components/column-object-mapping-text/column-object-mapping-text-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { columnProps } from \"../../composables\";\r\n\r\nexport const columnObjectMappingTextProps = buildProps({\r\n  ...columnProps,\r\n  mapping: { type: Object, required: true },\r\n} as const);\r\n\r\nexport type ColumnObjectMappingTextProps = ExtractPropTypes<\r\n  typeof columnObjectMappingTextProps\r\n>;\r\n"],"names":["buildProps","columnProps"],"mappings":";;;;;;;;;;;;AAIO,MAAM,+BAA+BA,MAAAA,WAAW;AAAA,EACrD,GAAGC,UAAA;AAAA,EACH,SAAS,EAAE,MAAM,QAAQ,UAAU,KAAK;AAC1C,CAAU;;"}
+{"version":3,"file":"column-object-mapping-text-options.js","sources":["../../../../../../../src/components/data-model/data-table/components/column-object-mapping-text/column-object-mapping-text-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../composables\";\n\nexport const columnObjectMappingTextProps = buildProps({\n  ...columnProps,\n  mapping: { type: Object, required: true },\n} as const);\n\nexport type ColumnObjectMappingTextProps = ExtractPropTypes<\n  typeof columnObjectMappingTextProps\n>;\n"],"names":["buildProps","columnProps"],"mappings":";;;;;;;;;;;;AAIO,MAAM,+BAA+BA,MAAAA,WAAW;AAAA,EACrD,GAAGC,UAAA;AAAA,EACH,SAAS,EAAE,MAAM,QAAQ,UAAU,KAAK;AAC1C,CAAU;;"}

package/dist/cjs/components/data-model/data-table/components/column-select/column-select-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"column-select-header.js","sources":["../../../../../../../src/components/data-model/data-table/components/column-select/column-select-header.tsx"],"sourcesContent":["import { computed, defineComponent, inject, unref } from \"vue\";\r\nimport { columnSelectHeaderProps } from \"./column-select-header-options\";\r\nimport { ElCheckbox } from \"element-plus\";\r\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../token\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKColumnSelectHeader\",\r\n  props: columnSelectHeaderProps,\r\n  setup() {\r\n    const dataTable = inject(DATA_TABLE_CONTEXT_KEY)!.dataTable;\r\n\r\n    const indeterminate = computed(() => {\r\n      const primaryKey = dataTable.primaryKey;\r\n\r\n      const selection = dataTable.getSelection();\r\n\r\n      const list = dataTable.getList();\r\n\r\n      const pageSelection = list.filter((item) =>\r\n        selection.includes(item[primaryKey])\r\n      );\r\n\r\n      return pageSelection.length !== list.length && pageSelection.length > 0;\r\n    });\r\n\r\n    const isChecked = computed({\r\n      get: () => !!dataTable.getSelection().length,\r\n      set: (isChecked: boolean) => {\r\n        const primaryKey = dataTable.primaryKey;\r\n\r\n        if (isChecked || unref(indeterminate)) {\r\n          dataTable.setSelection(\r\n            dataTable.getList().map((item) => item[primaryKey])\r\n          );\r\n\r\n          return;\r\n        }\r\n\r\n        dataTable.setSelection([]);\r\n      },\r\n    });\r\n\r\n    return () => {\r\n      return (\r\n        <div class=\"mk-column-selection-header\">\r\n          <ElCheckbox\r\n            disabled={!unref(dataTable.getList().length)}\r\n            modelValue={unref(isChecked)}\r\n            indeterminate={unref(indeterminate)}\r\n            checked={unref(isChecked)}\r\n            onChange={(v: any) => (isChecked.value = v as boolean)}\r\n          />\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","columnSelectHeaderProps","setup","dataTable","inject","DATA_TABLE_CONTEXT_KEY","indeterminate","computed","primaryKey","selection","getSelection","list","getList","pageSelection","filter","item","includes","length","isChecked","get","set","unref","setSelection","map","_createVNode","ElCheckbox","v","value"],"mappings":";;;;;AAKA,MAAeA,yDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,0BAAuB;AAAA,EAC9BC,QAAQ;AACN,UAAMC,YAAYC,IAAAA,OAAOC,MAAsB,sBAAA,EAAGF;AAElD,UAAMG,gBAAgBC,IAAAA,SAAS,MAAM;AACnC,YAAMC,aAAaL,UAAUK;AAE7B,YAAMC,YAAYN,UAAUO;AAE5B,YAAMC,OAAOR,UAAUS;AAEvB,YAAMC,gBAAgBF,KAAKG,OAAQC,UACjCN,UAAUO,SAASD,KAAKP,UAAU,CAAC,CACrC;AAEA,aAAOK,cAAcI,WAAWN,KAAKM,UAAUJ,cAAcI,SAAS;AAAA,IACxE,CAAC;AAED,UAAMC,YAAYX,IAAAA,SAAS;AAAA,MACzBY,KAAKA,MAAM,CAAC,CAAChB,UAAUO,aAAc,EAACO;AAAAA,MACtCG,KAAMF,CAAAA,eAAuB;AAC3B,cAAMV,aAAaL,UAAUK;AAE7B,YAAIU,cAAaG,UAAMf,aAAa,GAAG;AACrCH,oBAAUmB,aACRnB,UAAUS,QAAS,EAACW,IAAKR,UAASA,KAAKP,UAAU,CAAC,CACpD;AAEA;AAAA,QACF;AAEAL,kBAAUmB,aAAa,CAAA,CAAE;AAAA,MAC3B;AAAA,IACF,CAAC;AAED,WAAO,MAAM;AACX,aAAAE,IAAAA,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,SAAAA,CAAAA,IAAA,YAAAC,wBAAA;AAAA,QAAA,YAGgB,CAACJ,IAAK,MAAClB,UAAUS,QAAO,EAAGK,MAAM;AAAA,QAAC,cAChCI,IAAK,MAACH,SAAS;AAAA,QAAC,iBACbG,IAAK,MAACf,aAAa;AAAA,QAAC,WAC1Be,IAAK,MAACH,SAAS;AAAA,QAAC,YACdQ,OAAYR,UAAUS,QAAQD;AAAAA,MAAa,GAAA,IAAA,CAAA,CAAA;AAAA;EAKhE;AACF,CAAC;;"}
+{"version":3,"file":"column-select-header.js","sources":["../../../../../../../src/components/data-model/data-table/components/column-select/column-select-header.tsx"],"sourcesContent":["import { computed, defineComponent, inject, unref } from \"vue\";\nimport { columnSelectHeaderProps } from \"./column-select-header-options\";\nimport { ElCheckbox } from \"element-plus\";\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../token\";\n\nexport default defineComponent({\n  name: \"MKColumnSelectHeader\",\n  props: columnSelectHeaderProps,\n  setup() {\n    const dataTable = inject(DATA_TABLE_CONTEXT_KEY)!.dataTable;\n\n    const indeterminate = computed(() => {\n      const primaryKey = dataTable.primaryKey;\n\n      const selection = dataTable.getSelection();\n\n      const list = dataTable.getList();\n\n      const pageSelection = list.filter((item) =>\n        selection.includes(item[primaryKey])\n      );\n\n      return pageSelection.length !== list.length && pageSelection.length > 0;\n    });\n\n    const isChecked = computed({\n      get: () => !!dataTable.getSelection().length,\n      set: (isChecked: boolean) => {\n        const primaryKey = dataTable.primaryKey;\n\n        if (isChecked || unref(indeterminate)) {\n          dataTable.setSelection(\n            dataTable.getList().map((item) => item[primaryKey])\n          );\n\n          return;\n        }\n\n        dataTable.setSelection([]);\n      },\n    });\n\n    return () => {\n      return (\n        <div class=\"mk-column-selection-header\">\n          <ElCheckbox\n            disabled={!unref(dataTable.getList().length)}\n            modelValue={unref(isChecked)}\n            indeterminate={unref(indeterminate)}\n            checked={unref(isChecked)}\n            onChange={(v: any) => (isChecked.value = v as boolean)}\n          />\n        </div>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","columnSelectHeaderProps","setup","dataTable","inject","DATA_TABLE_CONTEXT_KEY","indeterminate","computed","primaryKey","selection","getSelection","list","getList","pageSelection","filter","item","includes","length","isChecked","get","set","unref","setSelection","map","_createVNode","ElCheckbox","v","value"],"mappings":";;;;;AAKA,MAAeA,yDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,0BAAuB;AAAA,EAC9BC,QAAQ;AACN,UAAMC,YAAYC,IAAAA,OAAOC,MAAsB,sBAAA,EAAGF;AAElD,UAAMG,gBAAgBC,IAAAA,SAAS,MAAM;AACnC,YAAMC,aAAaL,UAAUK;AAE7B,YAAMC,YAAYN,UAAUO;AAE5B,YAAMC,OAAOR,UAAUS;AAEvB,YAAMC,gBAAgBF,KAAKG,OAAQC,UACjCN,UAAUO,SAASD,KAAKP,UAAU,CAAC,CACrC;AAEA,aAAOK,cAAcI,WAAWN,KAAKM,UAAUJ,cAAcI,SAAS;AAAA,IACxE,CAAC;AAED,UAAMC,YAAYX,IAAAA,SAAS;AAAA,MACzBY,KAAKA,MAAM,CAAC,CAAChB,UAAUO,aAAc,EAACO;AAAAA,MACtCG,KAAMF,CAAAA,eAAuB;AAC3B,cAAMV,aAAaL,UAAUK;AAE7B,YAAIU,cAAaG,UAAMf,aAAa,GAAG;AACrCH,oBAAUmB,aACRnB,UAAUS,QAAS,EAACW,IAAKR,UAASA,KAAKP,UAAU,CAAC,CACpD;AAEA;AAAA,QACF;AAEAL,kBAAUmB,aAAa,CAAA,CAAE;AAAA,MAC3B;AAAA,IACF,CAAC;AAED,WAAO,MAAM;AACX,aAAAE,IAAAA,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,SAAAA,CAAAA,IAAA,YAAAC,wBAAA;AAAA,QAAA,YAGgB,CAACJ,IAAK,MAAClB,UAAUS,QAAO,EAAGK,MAAM;AAAA,QAAC,cAChCI,IAAK,MAACH,SAAS;AAAA,QAAC,iBACbG,IAAK,MAACf,aAAa;AAAA,QAAC,WAC1Be,IAAK,MAACH,SAAS;AAAA,QAAC,YACdQ,OAAYR,UAAUS,QAAQD;AAAAA,MAAa,GAAA,IAAA,CAAA,CAAA;AAAA;EAKhE;AACF,CAAC;;"}

package/dist/cjs/components/data-model/data-table/components/column-select/column-select-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"column-select-options.js","sources":["../../../../../../../src/components/data-model/data-table/components/column-select/column-select-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\nimport { columnProps } from \"../../composables\";\r\n\r\nexport const columnSelectProps = buildProps({\r\n  ...columnProps,\r\n});\r\n\r\nexport type ColumnSelectProps = ExtractPropTypes<typeof columnSelectProps>;\r\n"],"names":["buildProps","columnProps"],"mappings":";;;;;;;;;;;;AAIO,MAAM,oBAAoBA,MAAAA,WAAW;AAAA,EAC1C,GAAGC,UAAA;AACL,CAAC;;"}
+{"version":3,"file":"column-select-options.js","sources":["../../../../../../../src/components/data-model/data-table/components/column-select/column-select-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../composables\";\n\nexport const columnSelectProps = buildProps({\n  ...columnProps,\n});\n\nexport type ColumnSelectProps = ExtractPropTypes<typeof columnSelectProps>;\n"],"names":["buildProps","columnProps"],"mappings":";;;;;;;;;;;;AAIO,MAAM,oBAAoBA,MAAAA,WAAW;AAAA,EAC1C,GAAGC,UAAA;AACL,CAAC;;"}

package/dist/cjs/components/data-model/data-table/components/column-select/column-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"column-select.js","sources":["../../../../../../../src/components/data-model/data-table/components/column-select/column-select.tsx"],"sourcesContent":["import { computed, defineComponent, inject, unref } from \"vue\";\r\nimport { columnSelectProps } from \"./column-select-options\";\r\nimport { ElCheckbox } from \"element-plus\";\r\nimport ColumnSelectHeader from \"./column-select-header\";\r\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../token\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKColumnSelect\",\r\n  props: columnSelectProps,\r\n  Header: ColumnSelectHeader,\r\n  setup(props) {\r\n    const dataTable = inject(DATA_TABLE_CONTEXT_KEY)!.dataTable;\r\n\r\n    const i = computed(() => props.index + 1);\r\n\r\n    const isSelected = computed({\r\n      get: () => {\r\n        const primaryKey = dataTable.primaryKey;\r\n\r\n        return !!dataTable\r\n          .getSelection()\r\n          .find((item) => item === props.row[primaryKey]);\r\n      },\r\n      set: (v: boolean) => {\r\n        const primaryKey = dataTable.primaryKey;\r\n\r\n        const item = dataTable\r\n          .getSelection()\r\n          .find((item) => item === props.row[primaryKey]);\r\n\r\n        if (v) {\r\n          if (item) {\r\n            return;\r\n          }\r\n\r\n          dataTable.setSelection(\r\n            dataTable.getSelection().concat(props.row[primaryKey])\r\n          );\r\n\r\n          return;\r\n        }\r\n\r\n        if (item) {\r\n          dataTable.setSelection(\r\n            dataTable\r\n              .getSelection()\r\n              .filter((item) => item !== props.row[primaryKey])\r\n          );\r\n        }\r\n      },\r\n    });\r\n\r\n    return () => {\r\n      return (\r\n        <div\r\n          class={[\r\n            \"mk-column-selection\",\r\n            unref(isSelected) ? \"is-selected\" : \"\",\r\n          ]}\r\n        >\r\n          <span class=\"mk-column-selection__index\">{unref(i)}</span>\r\n          <span class=\"mk-column-selection__selection\">\r\n            <ElCheckbox\r\n              modelValue={unref(isSelected)}\r\n              onUpdate:modelValue={(v: any) =>\r\n                (isSelected.value = v as boolean)\r\n              }\r\n            />\r\n          </span>\r\n        </div>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["defineComponent","name","props","columnSelectProps","Header","ColumnSelectHeader","setup","dataTable","inject","DATA_TABLE_CONTEXT_KEY","i","computed","index","isSelected","get","primaryKey","getSelection","find","item","row","set","v","setSelection","concat","filter","_createVNode","unref","ElCheckbox","value"],"mappings":";;;;;;AAMA,MAAeA,mDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,oBAAiB;AAAA,EACxBC,QAAQC;AAAAA,EACRC,MAAMJ,OAAO;AACX,UAAMK,YAAYC,IAAAA,OAAOC,MAAsB,sBAAA,EAAGF;AAElD,UAAMG,IAAIC,IAAAA,SAAS,MAAMT,MAAMU,QAAQ,CAAC;AAExC,UAAMC,aAAaF,IAAAA,SAAS;AAAA,MAC1BG,KAAKA,MAAM;AACT,cAAMC,aAAaR,UAAUQ;AAE7B,eAAO,CAAC,CAACR,UACNS,aAAY,EACZC,KAAMC,UAASA,SAAShB,MAAMiB,IAAIJ,UAAU,CAAC;AAAA,MACjD;AAAA,MACDK,KAAMC,OAAe;AACnB,cAAMN,aAAaR,UAAUQ;AAE7B,cAAMG,OAAOX,UACVS,aAAY,EACZC,KAAMC,CAAAA,UAASA,UAAShB,MAAMiB,IAAIJ,UAAU,CAAC;AAEhD,YAAIM,GAAG;AACL,cAAIH,MAAM;AACR;AAAA,UACF;AAEAX,oBAAUe,aACRf,UAAUS,aAAc,EAACO,OAAOrB,MAAMiB,IAAIJ,UAAU,CAAC,CACvD;AAEA;AAAA,QACF;AAEA,YAAIG,MAAM;AACRX,oBAAUe,aACRf,UACGS,aAAc,EACdQ,OAAQN,CAAAA,UAASA,UAAShB,MAAMiB,IAAIJ,UAAU,CAAC,CACpD;AAAA,QACF;AAAA,MACF;AAAA,IACF,CAAC;AAED,WAAO,MAAM;AACX,aAAAU,IAAAA,YAAA,OAAA;AAAA,QAAA,SAEW,CACL,uBACAC,IAAAA,MAAMb,UAAU,IAAI,gBAAgB,EAAE;AAAA,MACvC,GAAA,CAAAY,IAAA,YAAA,QAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAEyCC,IAAK,MAAChB,CAAC,CAAC,IAAAe,IAAAA,YAAA,QAAA;AAAA,QAAA,SAAA;AAAA,SAAAA,CAAAA,IAAA,YAAAE,wBAAA;AAAA,QAAA,cAGlCD,IAAK,MAACb,UAAU;AAAA,QAAC,uBACPQ,OACnBR,WAAWe,QAAQP;AAAAA,MAAa,GAAA,IAAA,CAAA,CAAA,CAAA,CAAA;AAAA;EAO/C;AACF,CAAC;;"}
+{"version":3,"file":"column-select.js","sources":["../../../../../../../src/components/data-model/data-table/components/column-select/column-select.tsx"],"sourcesContent":["import { computed, defineComponent, inject, unref } from \"vue\";\nimport { columnSelectProps } from \"./column-select-options\";\nimport { ElCheckbox } from \"element-plus\";\nimport ColumnSelectHeader from \"./column-select-header\";\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../token\";\n\nexport default defineComponent({\n  name: \"MKColumnSelect\",\n  props: columnSelectProps,\n  Header: ColumnSelectHeader,\n  setup(props) {\n    const dataTable = inject(DATA_TABLE_CONTEXT_KEY)!.dataTable;\n\n    const i = computed(() => props.index + 1);\n\n    const isSelected = computed({\n      get: () => {\n        const primaryKey = dataTable.primaryKey;\n\n        return !!dataTable\n          .getSelection()\n          .find((item) => item === props.row[primaryKey]);\n      },\n      set: (v: boolean) => {\n        const primaryKey = dataTable.primaryKey;\n\n        const item = dataTable\n          .getSelection()\n          .find((item) => item === props.row[primaryKey]);\n\n        if (v) {\n          if (item) {\n            return;\n          }\n\n          dataTable.setSelection(\n            dataTable.getSelection().concat(props.row[primaryKey])\n          );\n\n          return;\n        }\n\n        if (item) {\n          dataTable.setSelection(\n            dataTable\n              .getSelection()\n              .filter((item) => item !== props.row[primaryKey])\n          );\n        }\n      },\n    });\n\n    return () => {\n      return (\n        <div\n          class={[\n            \"mk-column-selection\",\n            unref(isSelected) ? \"is-selected\" : \"\",\n          ]}\n        >\n          <span class=\"mk-column-selection__index\">{unref(i)}</span>\n          <span class=\"mk-column-selection__selection\">\n            <ElCheckbox\n              modelValue={unref(isSelected)}\n              onUpdate:modelValue={(v: any) =>\n                (isSelected.value = v as boolean)\n              }\n            />\n          </span>\n        </div>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","columnSelectProps","Header","ColumnSelectHeader","setup","dataTable","inject","DATA_TABLE_CONTEXT_KEY","i","computed","index","isSelected","get","primaryKey","getSelection","find","item","row","set","v","setSelection","concat","filter","_createVNode","unref","ElCheckbox","value"],"mappings":";;;;;;AAMA,MAAeA,mDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,oBAAiB;AAAA,EACxBC,QAAQC;AAAAA,EACRC,MAAMJ,OAAO;AACX,UAAMK,YAAYC,IAAAA,OAAOC,MAAsB,sBAAA,EAAGF;AAElD,UAAMG,IAAIC,IAAAA,SAAS,MAAMT,MAAMU,QAAQ,CAAC;AAExC,UAAMC,aAAaF,IAAAA,SAAS;AAAA,MAC1BG,KAAKA,MAAM;AACT,cAAMC,aAAaR,UAAUQ;AAE7B,eAAO,CAAC,CAACR,UACNS,aAAY,EACZC,KAAMC,UAASA,SAAShB,MAAMiB,IAAIJ,UAAU,CAAC;AAAA,MACjD;AAAA,MACDK,KAAMC,OAAe;AACnB,cAAMN,aAAaR,UAAUQ;AAE7B,cAAMG,OAAOX,UACVS,aAAY,EACZC,KAAMC,CAAAA,UAASA,UAAShB,MAAMiB,IAAIJ,UAAU,CAAC;AAEhD,YAAIM,GAAG;AACL,cAAIH,MAAM;AACR;AAAA,UACF;AAEAX,oBAAUe,aACRf,UAAUS,aAAc,EAACO,OAAOrB,MAAMiB,IAAIJ,UAAU,CAAC,CACvD;AAEA;AAAA,QACF;AAEA,YAAIG,MAAM;AACRX,oBAAUe,aACRf,UACGS,aAAc,EACdQ,OAAQN,CAAAA,UAASA,UAAShB,MAAMiB,IAAIJ,UAAU,CAAC,CACpD;AAAA,QACF;AAAA,MACF;AAAA,IACF,CAAC;AAED,WAAO,MAAM;AACX,aAAAU,IAAAA,YAAA,OAAA;AAAA,QAAA,SAEW,CACL,uBACAC,IAAAA,MAAMb,UAAU,IAAI,gBAAgB,EAAE;AAAA,MACvC,GAAA,CAAAY,IAAA,YAAA,QAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAEyCC,IAAK,MAAChB,CAAC,CAAC,IAAAe,IAAAA,YAAA,QAAA;AAAA,QAAA,SAAA;AAAA,SAAAA,CAAAA,IAAA,YAAAE,wBAAA;AAAA,QAAA,cAGlCD,IAAK,MAACb,UAAU;AAAA,QAAC,uBACPQ,OACnBR,WAAWe,QAAQP;AAAAA,MAAa,GAAA,IAAA,CAAA,CAAA,CAAA,CAAA;AAAA;EAO/C;AACF,CAAC;;"}