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

package/dist/esm/index-DQCAftNo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-DQCAftNo.js","sources":["../../src/components/data-model/data-filter-form/data-filter-form-item/data-filter-form-item-options.ts","../../src/components/data-model/data-filter-form/token.ts","../../src/components/data-model/data-filter-form/data-filter-form-item/data-filter-form-item.tsx","../../src/components/data-model/data-filter-form/data-filter-form-item/index.ts","../../src/components/data-model/data-filter-form/data-filter-form-options.ts","../../src/components/data-model/data-filter-form/data-filter-form.tsx","../../src/components/data-model/data-filter-form/operator-options.ts","../../src/components/data-model/data-filter-form/index.ts","../../src/components/data-model/data-filter-drawer/data-filter-drawer-options.ts","../../src/components/data-model/data-filter-drawer/data-filter-drawer.tsx","../../src/components/data-model/data-filter-drawer/index.ts","../../src/components/data-model/data-table/components/header-components/table-filter/table-filter.tsx","../../src/components/data-model/data-table/components/header-components/table-filter/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const dataFilterFormItemProps = buildProps({\n  name: { type: String, required: true },\n  label: { type: String },\n} as const);\n\nexport type DataFilterFormItemProps = ExtractPropTypes<\n  typeof dataFilterFormItemProps\n>;\n","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","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","import { withInstall } from \"@maketribe/utils\";\nimport DataFilterFormItem from \"./data-filter-form-item\";\n\nexport const MKDataFilterFormItem = withInstall(DataFilterFormItem);\nexport default MKDataFilterFormItem;\n\nexport * from \"./data-filter-form-item-options\";\n","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","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\";\nimport \"./data-filter.scss\"\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","import { Operator } from \"@maketribe/dm\";\n\nexport type OperatorOption = { value: Operator; label: string };\n\nexport const EQUAL_OPTION: OperatorOption = {\n  value: Operator.EQUAL,\n  label: \"mk.operator.equal\",\n};\n\nexport const CONTAIN_OPTION: OperatorOption = {\n  value: Operator.CONTAIN,\n  label: \"mk.operator.contain\",\n};\n\nexport const IN_OPTION: OperatorOption = {\n  value: Operator.IN,\n  label: \"mk.operator.in\",\n};\n\nexport const NOT_IN_OPTION: OperatorOption = {\n  value: Operator.NOT_IN,\n  label: \"mk.operator.notIn\",\n};\n\nexport const LESS_THAN_OPTION: OperatorOption = {\n  value: Operator.LESS_THAN,\n  label: \"mk.operator.lessThan\",\n};\n\nexport const LESS_THAN_EQUAL_OPTION: OperatorOption = {\n  value: Operator.LESS_THAN_EQUAL,\n  label: \"mk.operator.lessThanEqual\",\n};\n\nexport const GREATER_THAN_OPTION: OperatorOption = {\n  value: Operator.GREATER_THAN,\n  label: \"mk.operator.greaterThan\",\n};\n\nexport const GREATER_THAN_EQUAL_OPTION: OperatorOption = {\n  value: Operator.GREATER_THAN_EQUAL,\n  label: \"mk.operator.greaterThanEqual\",\n};\n\nexport const BETWEEN_OPTION: OperatorOption = {\n  value: Operator.BETWEEN,\n  label: \"mk.operator.between\",\n};\n","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","import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { DataTable } from \"@maketribe/dm\";\n\nexport const dataFilterDrawerProps = buildProps({\n  visible: {\n    type: Boolean,\n    default: false,\n  },\n  dataTable: {\n    type: DataTable,\n    required: true,\n  },\n} as const);\n\nexport type DataFilterDrawerProps = ExtractPropTypes<\n  typeof dataFilterDrawerProps\n>;\n\nexport const dataFilterDrawerEmits = {\n  \"update:visible\": (visible: boolean) => true,\n};\n\nexport type DataFilterDrawerEmits = typeof dataFilterDrawerEmits;\n","import {computed, defineComponent, Fragment, unref} from \"vue\";\nimport {ElButton, ElDrawer} from \"element-plus\";\nimport {MKDataFilterForm} from \"../data-filter-form\";\nimport {\n  dataFilterDrawerEmits,\n  dataFilterDrawerProps,\n} from \"./data-filter-drawer-options\";\n\nexport default defineComponent({\n  name: \"MKDataFilterDrawer\",\n  props: dataFilterDrawerProps,\n  emits: dataFilterDrawerEmits,\n  setup(props, {emit}) {\n    const visible = computed({\n      get: () => props.visible,\n      set: (v) => emit(\"update:visible\", v),\n    });\n\n    const handleCancelClick = () => {\n      visible.value = false;\n    };\n\n    const handleResetClick = () => {\n      visible.value = false;\n\n      const dataTable = props.dataTable;\n      const dataFilter = props.dataTable.dataFilter;\n\n      dataFilter.reset();\n\n      dataFilter.beforeSearchEvent.emit();\n\n      dataTable.load();\n    };\n\n    const handleConfirmClick = () => {\n      visible.value = false;\n\n      const dataTable = props.dataTable;\n      const dataFilter = props.dataTable.dataFilter;\n\n      dataFilter.beforeSearchEvent.emit();\n\n      dataTable.load();\n    };\n\n    return () => {\n      return (\n        <ElDrawer\n          title=\"筛选器\"\n          modelValue={unref(visible)}\n          onUpdate:modelValue={((v: boolean) => (visible.value = v)) as any}\n          v-slots={{\n            default: () => <MKDataFilterForm\n              class=\"overflow-hidden\"\n              dataTable={props.dataTable}\n              {...{labelPosition: \"top\"}}\n            />,\n            footer: () => (\n              <Fragment>\n                <ElButton onClick={handleCancelClick}>取消</ElButton>\n\n                <ElButton onClick={handleResetClick}>重置</ElButton>\n\n                <ElButton type=\"primary\" onClick={handleConfirmClick}>\n                  查询\n                </ElButton>\n              </Fragment>\n            ),\n          }}\n        />\n      );\n    };\n  },\n});\n","import { withInstall } from \"@maketribe/utils\";\nimport DataFilterDrawer from \"./data-filter-drawer\";\n\nexport const MKDataFilterDrawer = withInstall(DataFilterDrawer);\n\nexport default MKDataFilterDrawer;\n\nexport * from \"./data-filter-drawer-options\";\n","import { defineComponent, inject, computed, unref, watch, ref } from \"vue\";\nimport { ElButton, ElInput, ElTooltip } from \"element-plus\";\nimport { Search } from \"@element-plus/icons-vue\";\nimport { debounce } from \"lodash-es\";\nimport { isWhereFilter } from \"@maketribe/dm\";\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../../token\";\nimport { MKSvgIcon } from \"../../../../../basic\";\nimport { MKDataFilterDrawer } from \"../../../../data-filter-drawer\";\nimport { MKDataFilterForm } from \"../../../../data-filter-form\";\n\nexport default defineComponent({\n  name: \"MKTableFilter\",\n  setup() {\n    const search = ref(\"\");\n\n    const isShowDrawer = ref(false);\n\n    const dataTableContext = inject(DATA_TABLE_CONTEXT_KEY);\n\n    const dataTable = computed(() => dataTableContext!.dataTable);\n\n    const dataTableInitd = computed(() => unref(dataTable)?.initd ?? false);\n\n    const searchFilterColumns = computed(() =>\n      unref(dataTable)\n        .dataFilter.getColumns()\n        .filter((column) => column.search)\n    );\n\n    const searchPlaceholder = computed(\n      () =>\n        `通过${unref(searchFilterColumns)\n          .map((column) => column.label)\n          .join(\"、\")}搜索`\n    );\n\n    watch(\n      dataTable,\n      (dataTable, _, onCleanup) => {\n        onCleanup(() => {\n          const dataFilter = dataTable.dataFilter;\n          if (isWhereFilter(dataFilter)) {\n            dataFilter.getSearchGroup().clear();\n          }\n        });\n      },\n      { immediate: true }\n    );\n\n    const handleSearch = () => {\n      debounceSearch.cancel();\n\n      const dataFilter = unref(dataTable).dataFilter;\n      if (isWhereFilter(dataFilter)) {\n        const searchGroup = dataFilter.getSearchGroup();\n        searchGroup.clear();\n\n        const searchValue = unref(search);\n\n        for (const searchFilterColumn of unref(searchFilterColumns)) {\n          searchGroup.addOrCondition(\n            searchFilterColumn.name,\n            \"like\",\n            `%${searchValue}%`\n          );\n        }\n      }\n\n      unref(dataTable).load();\n    };\n\n    const debounceSearch = debounce(handleSearch, 1000);\n\n    const handleSearchKeydown = (event: KeyboardEvent) => {\n      if (event.key === \"Enter\") {\n        handleSearch();\n      }\n    };\n\n    const handleSearchFocus = (event: FocusEvent) => {\n      const target = event.target as HTMLInputElement;\n\n      target.addEventListener(\"input\", debounceSearch);\n    };\n\n    const handleSearchBlur = (event: any) => {\n      const target = event.target as HTMLInputElement;\n\n      target.removeEventListener(\"input\", debounceSearch);\n    };\n\n    const handleShowDrawer = () => {\n      isShowDrawer.value = true;\n    };\n\n    return () => {\n      if (!unref(dataTableInitd)) {\n        return null;\n      }\n\n      const _dataTable = unref(dataTable);\n\n      if (_dataTable.dataFilter.getColumns().length === 0) {\n        return null;\n      }\n\n      let searchInputVNode = null;\n\n      if (unref(searchFilterColumns).length) {\n        searchInputVNode = (\n          <ElInput\n            prefixIcon={Search}\n            class=\"mk-table-filter__search\"\n            modelValue={unref(search)}\n            onUpdate:modelValue={(v) => (search.value = v)}\n            onKeydown={handleSearchKeydown as any}\n            placeholder={unref(searchPlaceholder)}\n            onFocus={handleSearchFocus}\n            onBlur={handleSearchBlur}\n            onClear={handleSearch}\n            clearable\n          />\n        );\n      }\n\n      return (\n        <div class=\"mk-table-filter\">\n          {searchInputVNode}\n          <ElTooltip content=\"筛选\" effect=\"dark\" placement=\"top\">\n            <ElButton onClick={handleShowDrawer}>\n              <MKSvgIcon name=\"iconoir:filter\" />\n            </ElButton>\n          </ElTooltip>\n\n          <MKDataFilterDrawer\n            visible={unref(isShowDrawer)}\n            onUpdate:visible={(v) => (isShowDrawer.value = v)}\n            dataTable={_dataTable}\n          />\n\n          <div class=\"mk-table-filter__hidden\">\n            <MKDataFilterForm dataTable={_dataTable} />\n          </div>\n        </div>\n      );\n    };\n  },\n});\n","import \"./index.scss\"\nimport TableFilter from \"./table-filter\";\n\nexport const MKTableFilter = TableFilter;\nexport default MKTableFilter;\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","dataFilterFormProps","dataTable","columns","getColumns","filter","column","visible","maxWordCount","Math","max","map","length","provide","resolve","suspenseResolvePromise","Promise","_resolve","handleResolve","onMounted","_","onCleanup","disposable","afterInitdEvent","on","setReady","dispose","MKDataFilterFormItem","ElForm","Suspense","_Fragment","dataFilterDrawerProps","emits","dataFilterDrawerEmits","emit","handleCancelClick","handleResetClick","reset","beforeSearchEvent","load","handleConfirmClick","ElDrawer","MKDataFilterForm","labelPosition","footer","ElButton","_createTextVNode","search","ref","isShowDrawer","dataTableContext","DATA_TABLE_CONTEXT_KEY","dataTableInitd","initd","searchFilterColumns","searchPlaceholder","join","getSearchGroup","clear","handleSearch","debounceSearch","cancel","searchGroup","searchValue","searchFilterColumn","addOrCondition","debounce","handleSearchKeydown","event","key","handleSearchFocus","target","addEventListener","handleSearchBlur","removeEventListener","handleShowDrawer","_dataTable","searchInputVNode","ElInput","Search","ElTooltip","MKSvgIcon","MKDataFilterDrawer"],"mappings":"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"}

package/dist/esm/index-DVjlAsMm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index-DVjlAsMm.js","sources":["../../src/components/data-model/data-filter-form/components/condition-number/condition-number-options.ts","../../src/components/data-model/data-filter-form/components/condition-number/condition-number.tsx","../../src/components/data-model/data-filter-form/components/condition-number/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\n\nimport { dataFilterConditionProps } from \"../../composables\";\n\nexport const conditionNumberProps = buildProps({\n  ...dataFilterConditionProps,\n  isBetween: {\n    type: Boolean,\n    default: false,\n  },\n});\n\nexport type ConditionNumberProps = ExtractPropTypes<\n  typeof conditionNumberProps\n>;\n\nexport const conditionNumberEmits = {\n  \"update:model-value\": (v: string) => true,\n};\n\nexport type ConditionNumberEmits = typeof conditionNumberEmits;\n","import { ElInputNumber } from \"element-plus\";\nimport { computed, defineComponent, unref } from \"vue\";\nimport {\n  conditionNumberEmits,\n  conditionNumberProps,\n} from \"./condition-number-options\";\n\nexport default defineComponent({\n  name: \"MKConditionNumber\",\n  props: conditionNumberProps,\n  emits: conditionNumberEmits,\n  setup(props, { emit }) {\n    const modelValue = computed({\n      get: () => (props.modelValue ?? props.isBetween ? [null, null] : null),\n      set: (v: any) => emit(\"update:model-value\", v),\n    });\n\n    return () => {\n      const children = props.isBetween ? (\n        <span>\n          <ElInputNumber\n            modelValue={unref(modelValue)![0] as any}\n            onUpdate:modelValue={(v: any) =>\n              (modelValue.value = [v, unref(modelValue)![1]])\n            }\n            controls-position=\"right\"\n          />\n\n          <ElInputNumber\n            modelValue={unref(modelValue)![1] as any}\n            onUpdate:modelValue={(v: any) =>\n              (modelValue.value = [unref(modelValue)![0], v])\n            }\n            controls-position=\"right\"\n          />\n        </span>\n      ) : (\n        <ElInputNumber\n          modelValue={unref(modelValue) as any}\n          onUpdate:modelValue={(v: any) => (modelValue.value = v)}\n          controls-position=\"right\"\n        />\n      );\n\n      return (\n        <div\n          class={[\"mk-condition-number\", props.isBetween ? \"is-between\" : \"\"]}\n        >\n          {children}\n        </div>\n      );\n    };\n  },\n});\n","import { withInstall } from \"@maketribe/utils\";\nimport ConditionNumber from \"./condition-number\";\n\nexport const MKConditionNumber = withInstall(ConditionNumber);\nexport default MKConditionNumber;\n\nexport * from \"./condition-number-options\";\n"],"names":["defineComponent","name","props","conditionNumberProps","emits","conditionNumberEmits","setup","emit","modelValue","computed","get","isBetween","set","v","children","_createVNode","ElInputNumber","unref","value"],"mappings":";;;;AAKO,MAAM,uBAAuB,WAAW;AAAA,EAC7C,GAAG;AAAA,EACH,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAC;AAMM,MAAM,uBAAuB;AAAA,EAClC,sBAAsB,CAAC,MAAc;AACvC;ACZA,MAAeA,kDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,aAAaC,SAAS;AAAA,MAC1BC,KAAKA,MAAOR,MAAMM,cAAcN,MAAMS,YAAY,CAAC,MAAM,IAAI,IAAI;AAAA,MACjEC,KAAMC,OAAWN,KAAK,sBAAsBM,CAAC;AAAA,IAC/C,CAAC;AAED,WAAO,MAAM;AACX,YAAMC,WAAWZ,MAAMS,YAASI,YAAA,QAAA,MAAA,CAAAA,YAAAC,eAAA;AAAA,QAAA,cAGdC,MAAMT,UAAU,EAAG,CAAC;AAAA,QAAC,uBACXK,OACnBL,WAAWU,QAAQ,CAACL,GAAGI,MAAMT,UAAU,EAAG,CAAC,CAAC;AAAA,QAAE,qBAAA;AAAA,SAAAO,IAAAA,GAAAA,YAAAC,eAAA;AAAA,QAAA,cAMrCC,MAAMT,UAAU,EAAG,CAAC;AAAA,QAAC,uBACXK,OACnBL,WAAWU,QAAQ,CAACD,MAAMT,UAAU,EAAG,CAAC,GAAGK,CAAC;AAAA,QAAE,qBAAA;AAAA,MAAAE,GAAAA,IAAAA,CAAAA,CAAAA,IAAAA,YAAAC,eAAA;AAAA,QAAA,cAOvCC,MAAMT,UAAU;AAAA,QAAC,uBACPK,OAAYL,WAAWU,QAAQL;AAAAA,QAAE,qBAAA;AAAA,MAG1D,GAAA,IAAA;AAED,aAAAE,YAAA,OAAA;AAAA,QAAA,SAEW,CAAC,uBAAuBb,MAAMS,YAAY,eAAe,EAAE;AAAA,MAAC,GAAA,CAElEG,QAAQ,CAAA;AAAA;EAIjB;AACF,CAAC;AClDY,MAAA,oBAAoB,YAAY,eAAe;"}
+{"version":3,"file":"index-DVjlAsMm.js","sources":["../../src/components/data-model/data-filter-form/components/condition-number/condition-number-options.ts","../../src/components/data-model/data-filter-form/components/condition-number/condition-number.tsx","../../src/components/data-model/data-filter-form/components/condition-number/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\n\nimport { dataFilterConditionProps } from \"../../composables\";\n\nexport const conditionNumberProps = buildProps({\n  ...dataFilterConditionProps,\n  isBetween: {\n    type: Boolean,\n    default: false,\n  },\n});\n\nexport type ConditionNumberProps = ExtractPropTypes<\n  typeof conditionNumberProps\n>;\n\nexport const conditionNumberEmits = {\n  \"update:model-value\": (v: string) => true,\n};\n\nexport type ConditionNumberEmits = typeof conditionNumberEmits;\n","import { ElInputNumber } from \"element-plus\";\nimport { computed, defineComponent, unref } from \"vue\";\nimport {\n  conditionNumberEmits,\n  conditionNumberProps,\n} from \"./condition-number-options\";\n\nexport default defineComponent({\n  name: \"MKConditionNumber\",\n  props: conditionNumberProps,\n  emits: conditionNumberEmits,\n  setup(props, { emit }) {\n    const modelValue = computed({\n      get: () => (props.modelValue ?? props.isBetween ? [null, null] : null),\n      set: (v: any) => emit(\"update:model-value\", v),\n    });\n\n    return () => {\n      const children = props.isBetween ? (\n        <span>\n          <ElInputNumber\n            modelValue={unref(modelValue)![0] as any}\n            onUpdate:modelValue={(v: any) =>\n              (modelValue.value = [v, unref(modelValue)![1]])\n            }\n            controls-position=\"right\"\n          />\n\n          <ElInputNumber\n            modelValue={unref(modelValue)![1] as any}\n            onUpdate:modelValue={(v: any) =>\n              (modelValue.value = [unref(modelValue)![0], v])\n            }\n            controls-position=\"right\"\n          />\n        </span>\n      ) : (\n        <ElInputNumber\n          modelValue={unref(modelValue) as any}\n          onUpdate:modelValue={(v: any) => (modelValue.value = v)}\n          controls-position=\"right\"\n        />\n      );\n\n      return (\n        <div\n          class={[\"mk-condition-number\", props.isBetween ? \"is-between\" : \"\"]}\n        >\n          {children}\n        </div>\n      );\n    };\n  },\n});\n","import { withInstall } from \"@maketribe/utils\";\nimport \"./index.scss\"\nimport ConditionNumber from \"./condition-number\";\n\nexport const MKConditionNumber = withInstall(ConditionNumber);\nexport default MKConditionNumber;\n\nexport * from \"./condition-number-options\";\n"],"names":["defineComponent","name","props","conditionNumberProps","emits","conditionNumberEmits","setup","emit","modelValue","computed","get","isBetween","set","v","children","_createVNode","ElInputNumber","unref","value"],"mappings":";;;;AAKO,MAAM,uBAAuB,WAAW;AAAA,EAC7C,GAAG;AAAA,EACH,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAC;AAMM,MAAM,uBAAuB;AAAA,EAClC,sBAAsB,CAAC,MAAc;AACvC;ACZA,MAAeA,kDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,aAAaC,SAAS;AAAA,MAC1BC,KAAKA,MAAOR,MAAMM,cAAcN,MAAMS,YAAY,CAAC,MAAM,IAAI,IAAI;AAAA,MACjEC,KAAMC,OAAWN,KAAK,sBAAsBM,CAAC;AAAA,IAC/C,CAAC;AAED,WAAO,MAAM;AACX,YAAMC,WAAWZ,MAAMS,YAASI,YAAA,QAAA,MAAA,CAAAA,YAAAC,eAAA;AAAA,QAAA,cAGdC,MAAMT,UAAU,EAAG,CAAC;AAAA,QAAC,uBACXK,OACnBL,WAAWU,QAAQ,CAACL,GAAGI,MAAMT,UAAU,EAAG,CAAC,CAAC;AAAA,QAAE,qBAAA;AAAA,SAAAO,IAAAA,GAAAA,YAAAC,eAAA;AAAA,QAAA,cAMrCC,MAAMT,UAAU,EAAG,CAAC;AAAA,QAAC,uBACXK,OACnBL,WAAWU,QAAQ,CAACD,MAAMT,UAAU,EAAG,CAAC,GAAGK,CAAC;AAAA,QAAE,qBAAA;AAAA,MAAAE,GAAAA,IAAAA,CAAAA,CAAAA,IAAAA,YAAAC,eAAA;AAAA,QAAA,cAOvCC,MAAMT,UAAU;AAAA,QAAC,uBACPK,OAAYL,WAAWU,QAAQL;AAAAA,QAAE,qBAAA;AAAA,MAG1D,GAAA,IAAA;AAED,aAAAE,YAAA,OAAA;AAAA,QAAA,SAEW,CAAC,uBAAuBb,MAAMS,YAAY,eAAe,EAAE;AAAA,MAAC,GAAA,CAElEG,QAAQ,CAAA;AAAA;EAIjB;AACF,CAAC;ACjDY,MAAA,oBAAoB,YAAY,eAAe;"}

package/dist/esm/{index-C3KQg2QW.js → index-DWLZ9PAC.js}

@@ -1,13 +1,8 @@
 import { defineComponent, inject, computed, createVNode, unref, createTextVNode } from "vue";
 import { ElDropdown, ElDropdownMenu, ElDropdownItem } from "element-plus";
-import { D as DATA_TABLE_CONTEXT_KEY, v as MKSvgIcon } from "./index-uyg7P1pi.js";
-import "@maketribe/request";
-import "@maketribe/utils";
+import { D as DATA_TABLE_CONTEXT_KEY, b as MKSvgIcon } from "./index-Fqju8eWa.js";
 import { Dialoger, Messager } from "@maketribe/dm";
-import "vue-router";
-import "@maketribe/locale";
-import "lodash-es";
-import "@element-plus/icons-vue";
+import "vue-cropper";
 import "@lexical/overflow";
 import "@lexical/text";
 import "@lexical/utils";
@@ -15,9 +10,11 @@ import "lexical";
 import "@lexical/selection";
 import "@lexical/link";
 import "@lexical/rich-text";
+import "@element-plus/icons-vue";
 import "@lexical/history";
 import "@lexical/dragon";
 import "@lexical/plain-text";
+import "lodash-es";
 const BatchOpt = /* @__PURE__ */ defineComponent({
   name: "MKBatchOpt",
   setup(props) {
@@ -74,4 +71,4 @@ export {
   MKBatchOpt,
   MKBatchOpt as default
 };
-//# sourceMappingURL=index-C3KQg2QW.js.map
+//# sourceMappingURL=index-DWLZ9PAC.js.map

package/dist/esm/{index-C3KQg2QW.js.map → index-DWLZ9PAC.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-C3KQg2QW.js","sources":["../../src/components/data-model/data-table/components/header-components/batch-opt/batch-opt.tsx","../../src/components/data-model/data-table/components/header-components/batch-opt/index.ts"],"sourcesContent":["import { computed, defineComponent, inject, unref } from \"vue\";\nimport { ElDropdown, ElDropdownItem, ElDropdownMenu } from \"element-plus\";\nimport { MKSvgIcon } from \"../../../../../basic\";\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../../token\";\nimport { Dialoger, Messager } from \"@maketribe/dm\";\n\nexport default defineComponent({\n  name: \"MKBatchOpt\",\n  setup(props) {\n    const dataTable = inject(DATA_TABLE_CONTEXT_KEY)?.dataTable!;\n\n    var disallowBatchOpt = computed(\n      () => (dataTable?.getSelection().length ?? 0) === 0\n    );\n\n    const handleExport = (...args: any[]) => {\n      dataTable.exportData();\n    };\n\n    const handleBatchDelete = async () => {\n      const isConfirm = await Dialoger.confirm({\n        message: \"是否删除选中项\",\n        type: \"warning\",\n        title: \"批量删除\",\n      });\n\n      if (!isConfirm) {\n        return;\n      }\n\n      const response = await dataTable.batchDelete(dataTable.getSelection());\n\n      if (response.data.code !== 200) {\n        Messager.error({ message: response.data.msg });\n        return;\n      }\n\n      dataTable.load();\n    };\n\n    return () => {\n      return (\n        <ElDropdown\n          onClick={handleExport}\n          splitButton\n          v-slots={{\n            dropdown: () => {\n              return (\n                <ElDropdownMenu>\n                  <ElDropdownItem\n                    disabled={unref(disallowBatchOpt)}\n                    onClick={handleBatchDelete}\n                  >\n                    <MKSvgIcon name=\"icon-park-solid:delete-themes\" /> 批量删除\n                  </ElDropdownItem>\n                </ElDropdownMenu>\n              );\n            },\n          }}\n        >\n          <MKSvgIcon name=\"clarity:export-solid-badged\" />\n        </ElDropdown>\n      );\n    };\n  },\n});\n","import BatchOpt from \"./batch-opt\";\n\nexport const MKBatchOpt = BatchOpt;\nexport default MKBatchOpt;\n"],"names":["defineComponent","name","setup","props","dataTable","inject","DATA_TABLE_CONTEXT_KEY","disallowBatchOpt","computed","getSelection","length","handleExport","args","exportData","handleBatchDelete","isConfirm","Dialoger","confirm","message","type","title","response","batchDelete","data","code","Messager","error","msg","load","_createVNode","ElDropdown","default","MKSvgIcon","dropdown","ElDropdownMenu","ElDropdownItem","unref","_createTextVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;AAMA,MAAeA,2CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,MAAMC,OAAO;;AACX,UAAMC,aAAYC,YAAOC,sBAAsB,MAA7BD,mBAAgCD;AAElD,QAAIG,mBAAmBC,SACrB,QAAOJ,uCAAWK,eAAeC,WAAU,OAAO,CACpD;AAEA,UAAMC,eAAeA,IAAIC,SAAgB;AACvCR,gBAAUS,WAAU;AAAA;AAGtB,UAAMC,oBAAoB,YAAY;AACpC,YAAMC,YAAY,MAAMC,SAASC,QAAQ;AAAA,QACvCC,SAAS;AAAA,QACTC,MAAM;AAAA,QACNC,OAAO;AAAA,MACT,CAAC;AAED,UAAI,CAACL,WAAW;AACd;AAAA,MACF;AAEA,YAAMM,WAAW,MAAMjB,UAAUkB,YAAYlB,UAAUK,aAAY,CAAE;AAErE,UAAIY,SAASE,KAAKC,SAAS,KAAK;AAC9BC,iBAASC,MAAM;AAAA,UAAER,SAASG,SAASE,KAAKI;AAAAA,QAAI,CAAC;AAC7C;AAAA,MACF;AAEAvB,gBAAUwB,KAAI;AAAA;AAGhB,WAAO,MAAM;AACX,aAAAC,YAAAC,YAAA;AAAA,QAAA,WAEanB;AAAAA,QAAY,eAAA;AAAA,MAAA,GAAA;AAAA,QAAAoB,SAAAA,MAAAF,CAAAA,YAAAG,WAAA;AAAA,UAAA,QAAA;AAAA,QAAA,GAAA,IAAA,CAAA;AAAA,QAGnBC,UAAUA,MAAM;AACd,iBAAAJ,YAAAK,gBAAA,MAAA;AAAA,YAAAH,SAAAA,MAAAF,CAAAA,YAAAM,gBAAA;AAAA,cAAA,YAGgBC,MAAM7B,gBAAgB;AAAA,cAAC,WACxBO;AAAAA,YAAiB,GAAA;AAAA,cAAAiB,SAAAA,MAAAF,CAAAA,YAAAG,WAAA;AAAA,gBAAA,QAAA;AAAA,cAAA,GAAA,IAAA,GAAAK,gBAAA,OAAA,CAAA;AAAA,YAAA,CAAA,CAAA;AAAA,UAAA,CAAA;AAAA,QAMlC;AAAA,MAAC,CAAA;AAAA;EAOX;AACF,CAAC;AC/DM,MAAM,aAAa;"}
+{"version":3,"file":"index-DWLZ9PAC.js","sources":["../../src/components/data-model/data-table/components/header-components/batch-opt/batch-opt.tsx","../../src/components/data-model/data-table/components/header-components/batch-opt/index.ts"],"sourcesContent":["import { computed, defineComponent, inject, unref } from \"vue\";\nimport { ElDropdown, ElDropdownItem, ElDropdownMenu } from \"element-plus\";\nimport { MKSvgIcon } from \"../../../../../basic\";\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../../token\";\nimport { Dialoger, Messager } from \"@maketribe/dm\";\n\nexport default defineComponent({\n  name: \"MKBatchOpt\",\n  setup(props) {\n    const dataTable = inject(DATA_TABLE_CONTEXT_KEY)?.dataTable!;\n\n    var disallowBatchOpt = computed(\n      () => (dataTable?.getSelection().length ?? 0) === 0\n    );\n\n    const handleExport = (...args: any[]) => {\n      dataTable.exportData();\n    };\n\n    const handleBatchDelete = async () => {\n      const isConfirm = await Dialoger.confirm({\n        message: \"是否删除选中项\",\n        type: \"warning\",\n        title: \"批量删除\",\n      });\n\n      if (!isConfirm) {\n        return;\n      }\n\n      const response = await dataTable.batchDelete(dataTable.getSelection());\n\n      if (response.data.code !== 200) {\n        Messager.error({ message: response.data.msg });\n        return;\n      }\n\n      dataTable.load();\n    };\n\n    return () => {\n      return (\n        <ElDropdown\n          onClick={handleExport}\n          splitButton\n          v-slots={{\n            dropdown: () => {\n              return (\n                <ElDropdownMenu>\n                  <ElDropdownItem\n                    disabled={unref(disallowBatchOpt)}\n                    onClick={handleBatchDelete}\n                  >\n                    <MKSvgIcon name=\"icon-park-solid:delete-themes\" /> 批量删除\n                  </ElDropdownItem>\n                </ElDropdownMenu>\n              );\n            },\n          }}\n        >\n          <MKSvgIcon name=\"clarity:export-solid-badged\" />\n        </ElDropdown>\n      );\n    };\n  },\n});\n","import BatchOpt from \"./batch-opt\";\n\nexport const MKBatchOpt = BatchOpt;\nexport default MKBatchOpt;\n"],"names":["defineComponent","name","setup","props","dataTable","inject","DATA_TABLE_CONTEXT_KEY","disallowBatchOpt","computed","getSelection","length","handleExport","args","exportData","handleBatchDelete","isConfirm","Dialoger","confirm","message","type","title","response","batchDelete","data","code","Messager","error","msg","load","_createVNode","ElDropdown","default","MKSvgIcon","dropdown","ElDropdownMenu","ElDropdownItem","unref","_createTextVNode"],"mappings":";;;;;;;;;;;;;;;;;AAMA,MAAeA,2CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,MAAMC,OAAO;;AACX,UAAMC,aAAYC,YAAOC,sBAAsB,MAA7BD,mBAAgCD;AAElD,QAAIG,mBAAmBC,SACrB,QAAOJ,uCAAWK,eAAeC,WAAU,OAAO,CACpD;AAEA,UAAMC,eAAeA,IAAIC,SAAgB;AACvCR,gBAAUS,WAAU;AAAA;AAGtB,UAAMC,oBAAoB,YAAY;AACpC,YAAMC,YAAY,MAAMC,SAASC,QAAQ;AAAA,QACvCC,SAAS;AAAA,QACTC,MAAM;AAAA,QACNC,OAAO;AAAA,MACT,CAAC;AAED,UAAI,CAACL,WAAW;AACd;AAAA,MACF;AAEA,YAAMM,WAAW,MAAMjB,UAAUkB,YAAYlB,UAAUK,aAAY,CAAE;AAErE,UAAIY,SAASE,KAAKC,SAAS,KAAK;AAC9BC,iBAASC,MAAM;AAAA,UAAER,SAASG,SAASE,KAAKI;AAAAA,QAAI,CAAC;AAC7C;AAAA,MACF;AAEAvB,gBAAUwB,KAAI;AAAA;AAGhB,WAAO,MAAM;AACX,aAAAC,YAAAC,YAAA;AAAA,QAAA,WAEanB;AAAAA,QAAY,eAAA;AAAA,MAAA,GAAA;AAAA,QAAAoB,SAAAA,MAAAF,CAAAA,YAAAG,WAAA;AAAA,UAAA,QAAA;AAAA,QAAA,GAAA,IAAA,CAAA;AAAA,QAGnBC,UAAUA,MAAM;AACd,iBAAAJ,YAAAK,gBAAA,MAAA;AAAA,YAAAH,SAAAA,MAAAF,CAAAA,YAAAM,gBAAA;AAAA,cAAA,YAGgBC,MAAM7B,gBAAgB;AAAA,cAAC,WACxBO;AAAAA,YAAiB,GAAA;AAAA,cAAAiB,SAAAA,MAAAF,CAAAA,YAAAG,WAAA;AAAA,gBAAA,QAAA;AAAA,cAAA,GAAA,IAAA,GAAAK,gBAAA,OAAA,CAAA;AAAA,YAAA,CAAA,CAAA;AAAA,UAAA,CAAA;AAAA,QAMlC;AAAA,MAAC,CAAA;AAAA;EAOX;AACF,CAAC;AC/DM,MAAM,aAAa;"}

package/dist/esm/{index-rNQE6Wx_.js → index-DXgAjo5j.js}

@@ -1,12 +1,13 @@
-import { defineComponent, ref, reactive, watch, computed, unref, onBeforeUnmount, resolveComponent, openBlock, createElementBlock, Fragment, withDirectives, createBlock, withCtx, createVNode, createElementVNode, toDisplayString, createTextVNode, createCommentVNode, vShow } from "vue";
+import { defineComponent, ref, reactive, watch, computed, unref, onBeforeUnmount, openBlock, createElementBlock, Fragment, withDirectives, createBlock, withCtx, createVNode, createElementVNode, toDisplayString, vShow, createCommentVNode } from "vue";
 import { useRouter } from "vue-router";
-import { Dialoger } from "@maketribe/dm";
-import { DvOpt } from "@maketribe/request";
-import { ElMessage } from "element-plus";
+import "@maketribe/dm";
+import "element-plus";
 import "@maketribe/utils";
-import { B as MsRouteTable, z as DataModelDefines, C as useSingleView, E as MKDataTable, F as MKTableView, G as MKTableTree, v as MKSvgIcon, H as MenuType, I as MKDataForm } from "./index-uyg7P1pi.js";
+import { y as MsRouteTable, w as DataModelDefines, z as useSingleView, f as MKDataTable, A as MKTableView, B as MKTableTree, b as MKSvgIcon, C as MKDataForm } from "./index-Fqju8eWa.js";
+import "@maketribe/request";
 import "@maketribe/locale";
 import "lodash-es";
+import "vue-cropper";
 import "@lexical/overflow";
 import "@lexical/text";
 import "@lexical/utils";
@@ -35,40 +36,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       },
       { immediate: true }
     );
-    const handleUrlClick = async (item) => {
-      var _a, _b, _c;
-      routeTable.useCondition((defaultGroup) => {
-        defaultGroup.clear();
-        defaultGroup.addCondition("menuId", "=", item.id);
-      });
-      const result = await Dialoger.dataTableSelectDialog(routeTable);
-      if (!result.isConfirm) {
-        return;
-      }
-      try {
-        (_a = unref(dataTree)) == null ? void 0 : _a.getLoadingManager().startLoading();
-        const response = await DvOpt.createInstance({ name: "ms-menu" }).save({
-          id: item.id,
-          routeId: result.selections[0]
-        });
-        if (response.code !== 200) {
-          ElMessage.error(response.msg);
-          return;
-        }
-        (_b = unref(dataTree)) == null ? void 0 : _b.load();
-        ElMessage.success("更新成功");
-      } catch {
-        ElMessage.error("网络异常");
-      } finally {
-        (_c = unref(dataTree)) == null ? void 0 : _c.getLoadingManager().completeLoading();
-      }
-    };
     const { isShowDataForm } = useSingleView({ dataTable: dataTree, dataForm });
     onBeforeUnmount(() => {
       routeTable.dispose();
     });
     return (_ctx, _cache) => {
-      const _component_ElButton = resolveComponent("ElButton");
       return openBlock(), createElementBlock(Fragment, null, [
         dataTree.value ? withDirectives((openBlock(), createBlock(unref(MKDataTable), {
           key: 0,
@@ -85,19 +57,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       createVNode(unref(MKSvgIcon), {
                         name: row.data.iconName
                       }, null, 8, ["name"]),
-                      createElementVNode("span", _hoisted_2, toDisplayString(row.data.title), 1),
-                      row.data.type === unref(MenuType).Menu ? (openBlock(), createBlock(_component_ElButton, {
-                        key: 0,
-                        link: "",
-                        type: "primary",
-                        class: "ms-menu__url",
-                        onClick: ($event) => handleUrlClick(row.data)
-                      }, {
-                        default: withCtx(() => [
-                          createTextVNode(toDisplayString(row.data.targetUrl || "空"), 1)
-                        ]),
-                        _: 2
-                      }, 1032, ["onClick"])) : createCommentVNode("", true)
+                      createElementVNode("span", _hoisted_2, toDisplayString(row.data.title), 1)
                     ])
                   ]),
                   _: 1
@@ -124,4 +84,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 export {
   _sfc_main as default
 };
-//# sourceMappingURL=index-rNQE6Wx_.js.map
+//# sourceMappingURL=index-DXgAjo5j.js.map

package/dist/esm/index-DXgAjo5j.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-DXgAjo5j.js","sources":["../../src/pages/SysMenu/index.vue"],"sourcesContent":["<template>\n  <MKDataTable v-if=\"dataTree\" v-show=\"!isShowDataForm\" :data-table=\"dataTree\" mode=\"page\" enableQueryParams>\n    <MKTableView mode=\"page\">\n      <MKTableTree defaultExpandAll>\n        <template #col-data.title-content=\"{ row }\">\n          <div flex=\"inline items-center\">\n            <MKSvgIcon :name=\"row.data.iconName\"/>\n            <span class=\"mx-2\">{{ row.data.title }}</span>\n          </div>\n        </template>\n      </MKTableTree>\n    </MKTableView>\n  </MKDataTable>\n\n  <MKDataForm v-if=\"dataForm && isShowDataForm\"  mode=\"page\" labelPosition=\"top\" :data-form=\"dataForm\" KDataForm/>\n</template>\n<script setup lang=\"ts\">\nimport {\n  unref,\n  computed,\n  watch,\n  ref,\n  Ref,\n  reactive,\n  onBeforeUnmount,\n} from \"vue\";\nimport {useRouter} from \"vue-router\";\nimport {DataForm, DataTree} from \"@maketribe/dm\";\nimport {DataModelDefines} from \"../../core\";\nimport {\n  MKSvgIcon,\n  MKDataTable, MKTableView, MKTableTree, MKDataForm,\n} from \"../../components\";\nimport {useSingleView} from \"../../composables\";\nimport {MsRouteTable} from \"../../dataviews\";\n\nconst router = useRouter();\n\nconst dataTree: Ref<DataTree | null> = ref(null);\nconst dataForm: Ref<DataForm | null> = ref(null);\n\n// 路由表单\nconst routeTable = reactive(new MsRouteTable()) as MsRouteTable;\n\nwatch(\n  computed(() => unref(router.currentRoute).meta.name as string),\n  (name) => {\n    dataTree.value = DataModelDefines.instance.getDataTree(name);\n    dataForm.value = DataModelDefines.instance.getDataForm(name);\n  },\n  {immediate: true}\n);\n\nconst {isShowDataForm} = useSingleView({dataTable: dataTree, dataForm});\n\nonBeforeUnmount(() => { routeTable.dispose();});\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA,UAAM,SAAS;AAET,UAAA,WAAiC,IAAI,IAAI;AACzC,UAAA,WAAiC,IAAI,IAAI;AAG/C,UAAM,aAAa,SAAS,IAAI,aAAc,CAAA;AAE9C;AAAA,MACE,SAAS,MAAM,MAAM,OAAO,YAAY,EAAE,KAAK,IAAc;AAAA,MAC7D,CAAC,SAAS;AACR,iBAAS,QAAQ,iBAAiB,SAAS,YAAY,IAAI;AAC3D,iBAAS,QAAQ,iBAAiB,SAAS,YAAY,IAAI;AAAA,MAC7D;AAAA,MACA,EAAC,WAAW,KAAI;AAAA,IAAA;AAGZ,UAAA,EAAC,mBAAkB,cAAc,EAAC,WAAW,UAAU,UAAS;AAEtE,oBAAgB,MAAM;AAAE,iBAAW,QAAQ;AAAA,IAAA,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/{index-C8z_gFCT.js → index-Di8tpEnb.js}

@@ -8,6 +8,10 @@ const imageViewProps = buildProps({
   },
   src: {
     type: String
+  },
+  viewTools: {
+    type: Boolean,
+    default: false
   }
 });
 const ImageView = /* @__PURE__ */ defineComponent({
@@ -21,10 +25,10 @@ const ImageView = /* @__PURE__ */ defineComponent({
     const src = computed(() => props.src);
     const previewSrcList = computed(() => unref(showPreview) && unref(src) ? [unref(src)] : []);
     return () => createVNode(ElImage, {
-      "class": "mk-image-view",
+      "class": "w-full h-full",
       "src": unref(src),
       "fit": "cover",
-      "previewSrcList": unref(previewSrcList),
+      "previewSrcList": props.viewTools ? unref(previewSrcList) : void 0,
       "preview-teleported": true,
       "hide-on-click-modal": true
     }, slots);
@@ -36,4 +40,4 @@ export {
   MKImageView as default,
   imageViewProps
 };
-//# sourceMappingURL=index-C8z_gFCT.js.map
+//# sourceMappingURL=index-Di8tpEnb.js.map

package/dist/esm/index-Di8tpEnb.js.map

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

package/dist/esm/{index-DPe88f2A.js → index-DvdIaW3w.js}

@@ -1,6 +1,6 @@
 import { buildProps, withInstall } from "@maketribe/utils";
 import { defineComponent, computed, unref, watch, createVNode } from "vue";
-import { Z as abstractSelectEmits, $ as abstractSelectProps, a0 as MKAbstractSelect } from "./index-uyg7P1pi.js";
+import { i as abstractSelectEmits, j as abstractSelectProps, k as MKAbstractSelect } from "./index-Fqju8eWa.js";
 import { DataTree } from "@maketribe/dm";
 import { ElTreeSelect } from "element-plus";
 const { dataTable, ...restAbstractSelectProps } = abstractSelectProps;
@@ -123,4 +123,4 @@ export {
   dataTreeSelectProps,
   MKDataTreeSelect as default
 };
-//# sourceMappingURL=index-DPe88f2A.js.map
+//# sourceMappingURL=index-DvdIaW3w.js.map

package/dist/esm/index-DvdIaW3w.js.map

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

package/dist/esm/{index-TwMNBB17.js → index-Dz2ZK2eG.js}

@@ -1,6 +1,6 @@
 import { buildProps, withInstall } from "@maketribe/utils";
 import { defineComponent, computed, watch, unref, ref, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createTextVNode, toDisplayString } from "vue";
-import { V as useFormItem, E as MKDataTable, X as DataForm, Y as MKForm } from "./index-uyg7P1pi.js";
+import { e as useFormItem, f as MKDataTable, g as DataForm, h as MKForm, _ as _export_sfc } from "./index-Fqju8eWa.js";
 import { FormDetailColumn, Messager, DataFormType } from "@maketribe/dm";
 import { ElButton } from "element-plus";
 import { I18n } from "@maketribe/locale";
@@ -144,7 +144,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               autoLoad: false
             }, {
               default: withCtx(() => [
-                createVNode(unref(MKForm))
+                createVNode(unref(MKForm), { labelPosition: "top" })
               ]),
               _: 1
             }, 8, ["dataForm"])
@@ -155,11 +155,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MKFormDetail = withInstall(_sfc_main);
+const FormDetail = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7c09b537"]]);
+const MKFormDetail = withInstall(FormDetail);
 export {
   MKFormDetail,
   MKFormDetail as default,
   formDetailEmits,
   formDetailProps
 };
-//# sourceMappingURL=index-TwMNBB17.js.map
+//# sourceMappingURL=index-Dz2ZK2eG.js.map

package/dist/esm/{index-TwMNBB17.js.map → index-Dz2ZK2eG.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-TwMNBB17.js","sources":["../../src/components/data-model/data-form/components/form-detail/form-detail-options.ts","../../src/components/data-model/data-form/components/form-detail/form-detail.vue","../../src/components/data-model/data-form/components/form-detail/index.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","<script setup lang=\"ts\">\nimport {computed, ref, unref, watch} from \"vue\";\nimport {MKDataTable} from \"../../../data-table\";\nimport DataForm from \"../../data-form.vue\";\nimport {formDetailEmits, formDetailProps} from \"./form-detail-options\";\nimport {useFormItem} from \"../../composables\";\nimport {MKForm} from '../../views'\nimport {ElButton, ElEmpty} from \"element-plus\";\nimport { I18n } from \"@maketribe/locale\";\nimport {DataFormType, Messager} from \"@maketribe/dm\";\n\nconst props = defineProps(formDetailProps);\n\nconst emit = defineEmits(formDetailEmits)\n\nconst detailTable = computed(() => props.column.detailTable);\nconst detailForm = computed(() => props.column.detailForm!);\n\nconst {value} = useFormItem();\n\nwatch(\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\nconst isShowDataForm = ref(false);\n\nwatch(\n  detailTable,\n  (dataTable, _, onCleanup) => {\n\n    const addRecordDisposable = dataTable.addRecordEvent.on(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      _dataForm.addRecord(item);\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(item);\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\nwatch(\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\nconst isUpdateForm = computed(()=> unref(detailForm).getDataFormType() == DataFormType.UPDATE)\n\nconst handleFormSave = async () => {\n  await unref(detailForm)?.simpleSubmit();\n};\n\nconst handleFormCancel = () => {\n  unref(detailForm).cancel();\n};\n\n\n</script>\n\n<template>\n  <div class=\"mk-form-detail\">\n    <MKDataTable :dataTable=\"detailTable\" :autoLoad=\"false\" />\n    <ElDrawer v-model=\"isShowDataForm\" append-to-body  :title=\"column.label\">\n      <DataForm :dataForm=\"detailForm\" :autoLoad=\"false\">\n        <MKForm/>\n      </DataForm>\n\n      <template #footer>\n        <ElButton @click=\"handleFormCancel\">\n          {{I18n.instance.translate(\"mk.dataForm.cancelButton\")}}\n        </ElButton>\n        <ElButton type=\"primary\" @click=\"handleFormSave\">\n          {{ isUpdateForm ? I18n.instance.translate(\"mk.dataForm.saveButton\") : I18n.instance.translate(\"mk.dataForm.addButton\")}}\n        </ElButton>\n      </template>\n\n<!--      <template #empty>-->\n<!--        <ElEmpty :image-size=\"100\"/>-->\n<!--      </template>-->\n    </ElDrawer>\n  </div>\n</template>\n","import { withInstall } from \"@maketribe/utils\";\nimport FormDetail from \"./form-detail.vue\";\n\nexport const MKFormDetail = withInstall(FormDetail);\nexport default MKFormDetail;\n\nexport * from \"./form-detail-options\";\n"],"names":["value","FormDetail"],"mappings":"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"}
+{"version":3,"file":"index-Dz2ZK2eG.js","sources":["../../src/components/data-model/data-form/components/form-detail/form-detail-options.ts","../../src/components/data-model/data-form/components/form-detail/form-detail.vue","../../src/components/data-model/data-form/components/form-detail/index.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","<script setup lang=\"ts\">\nimport {computed, ref, unref, watch} from \"vue\";\nimport {MKDataTable} from \"../../../data-table\";\nimport DataForm from \"../../data-form.vue\";\nimport {formDetailEmits, formDetailProps} from \"./form-detail-options\";\nimport {useFormItem} from \"../../composables\";\nimport {MKForm} from '../../views'\nimport {ElButton, ElEmpty} from \"element-plus\";\nimport { I18n } from \"@maketribe/locale\";\nimport {DataFormType, Messager} from \"@maketribe/dm\";\n\nconst props = defineProps(formDetailProps);\n\nconst emit = defineEmits(formDetailEmits)\n\nconst detailTable = computed(() => props.column.detailTable);\nconst detailForm = computed(() => props.column.detailForm!);\n\nconst {value} = useFormItem();\n\nwatch(\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\nconst isShowDataForm = ref(false);\n\nwatch(\n  detailTable,\n  (dataTable, _, onCleanup) => {\n\n    const addRecordDisposable = dataTable.addRecordEvent.on(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      _dataForm.addRecord(item);\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(item);\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\nwatch(\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\nconst isUpdateForm = computed(()=> unref(detailForm).getDataFormType() == DataFormType.UPDATE)\n\nconst handleFormSave = async () => {\n  await unref(detailForm)?.simpleSubmit();\n};\n\nconst handleFormCancel = () => {\n  unref(detailForm).cancel();\n};\n\n\n</script>\n\n<template>\n  <div class=\"mk-form-detail\">\n    <MKDataTable :dataTable=\"detailTable\" :autoLoad=\"false\" />\n    <ElDrawer v-model=\"isShowDataForm\" append-to-body  :title=\"column.label\">\n      <DataForm :dataForm=\"detailForm\" :autoLoad=\"false\" >\n        <MKForm labelPosition=\"top\" />\n      </DataForm>\n      <template #footer>\n        <ElButton @click=\"handleFormCancel\">\n          {{I18n.instance.translate(\"mk.dataForm.cancelButton\")}}\n        </ElButton>\n        <ElButton type=\"primary\" @click=\"handleFormSave\">\n          {{ isUpdateForm ? I18n.instance.translate(\"mk.dataForm.saveButton\") : I18n.instance.translate(\"mk.dataForm.addButton\")}}\n        </ElButton>\n      </template>\n\n<!--      <template #empty>-->\n<!--        <ElEmpty :image-size=\"100\"/>-->\n<!--      </template>-->\n    </ElDrawer>\n  </div>\n</template>\n<style scoped lang=\"scss\">\n.mk-form-detail {\n  width: 100%;\n  min-height: 200px;\n\n  .mk-data-table {\n    height: 100%;\n  }\n\n  .mk-data-table-search {\n    display: none;\n  }\n\n  .el-table {\n    flex: 1;\n  }\n\n  @at-root {\n    &__drawer {\n      .el-card {\n        border: none;\n\n        &__body {\n          --el-card-padding: 0px;\n        }\n      }\n    }\n  }\n}\n\n</style>\n","import { withInstall } from \"@maketribe/utils\";\nimport FormDetail from \"./form-detail.vue\";\n\nexport const MKFormDetail = withInstall(FormDetail);\nexport default MKFormDetail;\n\nexport * from \"./form-detail-options\";\n"],"names":["value"],"mappings":"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"}