@maketribe/ms-app 4.0.0-beta.1 → 4.0.0-beta.2

package/dist/cjs/{index-CvLoEFhT.cjs → index-C5jDhm54.cjs}

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 const elementPlus = require("element-plus");
-const elIcons = require("@element-plus/icons-vue");
+const iconsVue = require("@element-plus/icons-vue");
 const lodashEs = require("lodash-es");
 const dm = require("@maketribe/dm");
-const index = require("./index-Cqx6has-.cjs");
+const index = require("./index-DmP5adrX.cjs");
 require("@maketribe/request");
 const utils = require("@maketribe/utils");
 require("@lexical/overflow");
@@ -24,7 +24,7 @@ require("./use-condition-BsNGbgF4.cjs");
 require("./index-Cj3GY0CU.cjs");
 require("./index-RjnvS-h4.cjs");
 require("./index-D_CB0k2e.cjs");
-require("./index-BoHtMP0u.cjs");
+require("./index-BtVXWF1b.cjs");
 const dataFilterFormItemProps = utils.buildProps({
   name: { type: String, required: true },
   label: { type: String }
@@ -369,7 +369,7 @@ const TableFilter = /* @__PURE__ */ vue.defineComponent({
           "placement": "top"
         }, {
           default: () => [vue.createVNode(elementPlus.ElInput, {
-            "prefixIcon": elIcons.Search,
+            "prefixIcon": iconsVue.Search,
             "class": "mk-table-filter__search",
             "modelValue": vue.unref(search),
             "onUpdate:modelValue": (v) => search.value = v,
@@ -411,4 +411,4 @@ const TableFilter = /* @__PURE__ */ vue.defineComponent({
 const MKTableFilter = TableFilter;
 exports.MKTableFilter = MKTableFilter;
 exports.default = MKTableFilter;
-//# sourceMappingURL=index-CvLoEFhT.cjs.map
+//# sourceMappingURL=index-C5jDhm54.cjs.map

package/dist/cjs/{index-CvLoEFhT.cjs.map → index-C5jDhm54.cjs.map}

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

package/dist/cjs/{index-DJR8wNp6.cjs → index-CA77ueMZ.cjs}

@@ -4,7 +4,7 @@ const vue = require("vue");
 const elementPlus = require("element-plus");
 const dm = require("@maketribe/dm");
 const request = require("@maketribe/request");
-const index$1 = require("./index-Cqx6has-.cjs");
+const index$1 = require("./index-DmP5adrX.cjs");
 require("@maketribe/utils");
 require("@lexical/overflow");
 require("@lexical/text");
@@ -13,7 +13,7 @@ require("lexical");
 require("@lexical/selection");
 require("@lexical/link");
 require("@lexical/rich-text");
-const elIcons = require("@element-plus/icons-vue");
+const iconsVue = require("@element-plus/icons-vue");
 require("@lexical/history");
 require("@lexical/dragon");
 require("@lexical/plain-text");
@@ -141,7 +141,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                           vue.createVNode(_component_ElDropdownMenu, null, {
                             default: vue.withCtx(() => [
                               vue.createVNode(_component_ElDropdownItem, {
-                                icon: vue.unref(elIcons.Edit),
+                                icon: vue.unref(iconsVue.Edit),
                                 onClick: ($event) => handleMemberRoleEdit(role)
                               }, {
                                 default: vue.withCtx(() => [
@@ -150,7 +150,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                                 _: 2
                               }, 1032, ["icon", "onClick"]),
                               vue.createVNode(_component_ElDropdownItem, {
-                                icon: vue.unref(elIcons.Delete),
+                                icon: vue.unref(iconsVue.Delete),
                                 onClick: ($event) => handleDelete(role)
                               }, {
                                 default: vue.withCtx(() => [
@@ -390,4 +390,4 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
 });
 const index = /* @__PURE__ */ index$1._export_sfc(_sfc_main, [["__scopeId", "data-v-214b56d9"]]);
 exports.default = index;
-//# sourceMappingURL=index-DJR8wNp6.cjs.map
+//# sourceMappingURL=index-CA77ueMZ.cjs.map

package/dist/cjs/{index-DJR8wNp6.cjs.map → index-CA77ueMZ.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-DJR8wNp6.cjs","sources":["../../src/modules/ms/pages/ms-role/components/aside.vue","../../src/modules/ms/pages/ms-role/index.vue"],"sourcesContent":["<template>\r\n  <div class=\"ms-role-aside\">\r\n    <div class=\"ms-role-aside__main\" v-loading=\"loading\">\r\n      <ElScrollbar height=\"100%\">\r\n        <div class=\"ms-role-aside__role-list\">\r\n          <div\r\n            v-for=\"role in roles\"\r\n            class=\"ms-role-aside__role-item flex flex-justify-between\"\r\n            :class=\"[role.id === currentRole?.id ? 'is-active' : '',]\"\r\n            :key=\"role.id\"\r\n            @click=\"handleRoleClick(role)\"\r\n          >\r\n            <div>\r\n              <MKSvgIcon class=\"ms-role-aside__role-icon\" name=\"solar:user-bold-duotone\"/>\r\n              <span class=\"ms-role-aside__role-desc\">{{ role.desc }}</span>\r\n            </div>\r\n            <div @click.prevent class=\"flex flex-items-center\">\r\n              <ElDropdown>\r\n                <span class=\"ms-role-aside__icon\">\r\n                  <MKSvgIcon name=\"ri:more-fill\"/>\r\n                </span>\r\n\r\n                <template #dropdown>\r\n                  <ElDropdownMenu>\r\n                    <ElDropdownItem :icon=\"Edit\" @click=\"handleMemberRoleEdit(role)\">\r\n                      编辑\r\n                    </ElDropdownItem>\r\n                    <ElDropdownItem :icon=\"Delete\" @click=\"handleDelete(role)\">\r\n                      删除\r\n                    </ElDropdownItem>\r\n                  </ElDropdownMenu>\r\n                </template>\r\n              </ElDropdown>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </ElScrollbar>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport {onMounted, ref, Ref, watch, computed, unref} from \"vue\";\r\nimport {DvOpt} from \"@maketribe/request\";\r\nimport {Dialoger} from \"@maketribe/dm\";\r\nimport {Edit, Delete} from \"@element-plus/icons-vue\";\r\nimport {ElButton, ElMessage, ElScrollbar, ElMessageBox} from \"element-plus\";\r\nimport {MKSvgIcon} from \"../../../../../components\";\r\nimport {MsRole, MsRoleForm} from \"../../../dataviews\";\r\n\r\nconst props = defineProps({\r\n  roleForm: {\r\n    type: MsRoleForm,\r\n    required: true,\r\n  },\r\n});\r\n\r\nconst emit = defineEmits([\"role-select\"]);\r\n\r\nconst dvOpt = DvOpt.createInstance({name: \"ms-role\"});\r\n\r\nconst roles: Ref<MsRole[]> = ref([]);\r\n\r\nconst currentRole: Ref<MsRole | null> = ref(null);\r\n\r\nconst loading = ref(false);\r\n\r\nonMounted(() => {\r\n  loadRoleList();\r\n});\r\n\r\nwatch(currentRole, () => {\r\n  emit(\"role-select\", currentRole.value);\r\n});\r\n\r\n//asdasda\r\nwatch(\r\n  computed(() => props.roleForm),\r\n  (roleForm, _, onCleanup) => {\r\n    const disposable = roleForm.submittedEvent.on(() => {\r\n      loadRoleList();\r\n    });\r\n\r\n    onCleanup(() => {\r\n      disposable.dispose();\r\n    });\r\n  },\r\n  {immediate: true}\r\n);\r\n\r\nconst loadRoleList = async () => {\r\n  try {\r\n    loading.value = true;\r\n\r\n    roles.value = await dvOpt.query().list<MsRole>();\r\n\r\n    // 加载完成之后默认选中第一个\r\n    if (roles.value.length) {\r\n      handleRoleClick(roles.value[0])\r\n    }\r\n\r\n  } finally {\r\n    loading.value = false;\r\n  }\r\n};\r\n\r\nconst handleMemberRoleEdit = (role: MsRole) => {\r\n  Dialoger.dataFormDialog({\r\n    dataForm: props.roleForm,\r\n    recId: role.id,\r\n  });\r\n};\r\n\r\nconst handleRoleClick = (role: MsRole) => {\r\n  currentRole.value = role;\r\n};\r\n\r\n\r\nconst handleDelete = async (role: MsRole) => {\r\n  const isConfirm = await ElMessageBox.confirm(\"是否确认删除\", {\r\n    type: \"warning\",\r\n  }).then(\r\n    () => true,\r\n    () => false\r\n  );\r\n\r\n  if (!isConfirm) {\r\n    return;\r\n  }\r\n\r\n  try {\r\n    const result = await dvOpt.delete(role.id);\r\n\r\n    if (result.code !== 200) {\r\n      ElMessage.error({message: result.msg});\r\n      return;\r\n    }\r\n\r\n    ElMessage.success({message: \"删除成功\"});\r\n\r\n    if (unref(currentRole)?.id === role.id) {\r\n      currentRole.value = null;\r\n    }\r\n\r\n    loadRoleList();\r\n  } catch (e) {\r\n    console.error(e);\r\n    ElMessage.error({message: \"网络异常\"});\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.ms-role-aside {\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n\r\n  &__main {\r\n    height: 0;\r\n    flex: 1;\r\n  }\r\n\r\n  &__role {\r\n    &-icon {\r\n      margin-right: 8px;\r\n      font-size: 16px;\r\n    }\r\n    &-item+&-item {\r\n      margin-top: 5px;\r\n    }\r\n    &-item {\r\n      display: flex;\r\n      align-items: center;\r\n      height: 36px;\r\n      padding: 5px 10px;\r\n      line-height: 36px;\r\n      border-radius: 5px;\r\n      cursor: pointer;\r\n\r\n      &.is-active,\r\n      &:hover {\r\n        background-color: #f4f4f4;\r\n      }\r\n\r\n      .ms-role-aside__icon {\r\n        display: none;\r\n        border-radius: 3px;\r\n        font-size: 14px;\r\n\r\n        &:hover {\r\n          background-color: #f4f4f4;\r\n        }\r\n      }\r\n\r\n      &:hover {\r\n        .ms-role-aside__icon {\r\n          padding: 5px;\r\n          display: inline-flex;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","<template>\r\n  <MKPageContainer class=\"ms-role\">\r\n    <el-page-header style=\"background-color: #fff;padding: 10px;\" :icon=\"null\">\r\n      <template #title>\r\n        <h3 style=\"color: var(--el-text-color-regular);\" flex=\"~ items-center\" m=\"l-[10px]\">\r\n          <MKSvgIcon name=\"oui:app-users-roles\" style=\"margin-right: 5px;\"/>\r\n          角色管理\r\n        </h3>\r\n      </template>\r\n      <template #extra>\r\n        <el-button type=\"primary\" text @click=\"handleAddRoleClick\" style=\"margin-right: 10px;\">\r\n          <MKSvgIcon name=\"carbon:add-filled\" style=\"margin-right: 5px;\"/>\r\n          添加角色\r\n        </el-button>\r\n      </template>\r\n    </el-page-header>\r\n    <div class=\"ms-role__body-warp\">\r\n      <div class=\"ms-role__aside\">\r\n        <RoleAside\r\n          @role-select=\"handleRoleSelect\"\r\n          :role-form=\"roleForm\"\r\n          ref=\"RoleAsideEl\"\r\n        />\r\n      </div>\r\n      <div class=\"ms-role__main\">\r\n        <div class=\"ms-role__content\" v-if=\"currentRole\">\r\n          <div class=\"flex flex-justify-between\">\r\n            <div class=\"ms-role__title\" flex=\"~ items-center\">\r\n              <MKSvgIcon class=\"ms-role-aside__role-icon\" name=\"oui:app-users-roles\" m=\"r-[10px]\"/>\r\n              {{ currentRole.desc }}\r\n            </div>\r\n            <div class=\"ms-role__tools\">\r\n              <ElButton type=\"primary\" text @click=\"handlePermissionEdit\">\r\n                <template #icon>\r\n                  <MKSvgIcon name=\"material-symbols-light:vpn-key-outline\"/>\r\n                </template>\r\n                权限设置\r\n              </ElButton>\r\n              <ElButton type=\"primary\" @click=\"handleSelectUserClick\">\r\n                <template #icon>\r\n                  <MKSvgIcon name=\"carbon:add-filled\"/>\r\n                </template>\r\n                添加成员\r\n              </ElButton>\r\n              <ElButton\r\n                :disabled=\"disabledBatchDelete\"\r\n                @click=\"handleBatchDelete\"\r\n              >\r\n                批量删除\r\n              </ElButton>\r\n            </div>\r\n          </div>\r\n          <MKDataTable :data-table=\"memberRoleTable\">\r\n            <MKTable/>\r\n            <MKDataTablePagination/>\r\n          </MKDataTable>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!--    <ElDialog v-model=\"isShowPermissionDialog\" appendToBody width=\"80%\">-->\r\n    <!--      <MKRolePermissionConfig :rolePermissionConfigTable=\"rolePermissionConfigTable\"/>-->\r\n    <!--    </ElDialog>-->\r\n  </MKPageContainer>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport {\r\n  reactive,\r\n  Ref,\r\n  ref,\r\n  watch,\r\n  unref,\r\n  computed,\r\n  onBeforeUnmount,\r\n} from \"vue\";\r\nimport {ElButton, ElMessage, ElMessageBox} from \"element-plus\";\r\nimport {Dialoger} from \"@maketribe/dm\";\r\nimport {DvOpt} from \"@maketribe/request\";\r\nimport {MKDataTable, MKPageContainer, MKSvgIcon, MKTable, MKDataTablePagination} from \"../../../../components\";\r\nimport {MsRole, MsMemberRoleTable, MsRoleForm} from \"../../dataviews\";\r\nimport RoleAside from \"./components/aside.vue\";\r\n\r\nconst router = useRouter();\r\n\r\nconst dvOpt = DvOpt.createInstance({name: \"ms-member-role\"});\r\n\r\nconst currentRole: Ref<MsRole | null> = ref(null);\r\n\r\nconst memberRoleTable = reactive(new MsMemberRoleTable()) as MsMemberRoleTable;\r\n\r\nconst roleForm = reactive(new MsRoleForm()) as MsRoleForm;\r\n\r\nconst disabledBatchDelete = computed(\r\n  () => memberRoleTable.getSelection().length === 0\r\n);\r\n\r\nwatch(currentRole, (currentRole) => {\r\n  memberRoleTable.setCurrentRole(currentRole);\r\n});\r\n\r\nonBeforeUnmount(() => {\r\n  memberRoleTable.dispose();\r\n  roleForm.dispose();\r\n});\r\n\r\nconst handleAddRoleClick = () => {\r\n  Dialoger.dataFormDialog({\r\n    dataForm: roleForm\r\n  });\r\n};\r\n\r\nconst handleRoleSelect = (role: MsRole) => {\r\n  currentRole.value = role;\r\n};\r\n\r\nconst handleSelectUserClick = async () => {\r\n  const selectResult = await Dialoger.dataTableSelectDialog(\r\n    memberRoleTable.memberTable\r\n  );\r\n\r\n  if (!selectResult.isConfirm) {\r\n    return;\r\n  }\r\n\r\n  const roleId = unref(currentRole)!.id;\r\n\r\n  const memberRoleList = selectResult.selections.map((item) => ({\r\n    roleId,\r\n    memberId: item,\r\n  }));\r\n\r\n  try {\r\n    const result = await dvOpt.batchSave(memberRoleList);\r\n\r\n    if (result.code !== 200) {\r\n      ElMessage.error({message: result.msg});\r\n      return;\r\n    }\r\n\r\n    ElMessage.success({message: \"添加成功\"});\r\n\r\n    memberRoleTable.load();\r\n  } catch (e) {\r\n    console.error(e);\r\n\r\n    ElMessage.error({message: \"网络异常\"});\r\n  }\r\n};\r\n\r\nconst handleBatchDelete = async () => {\r\n  const isConfirm = await ElMessageBox.confirm(\"是否确认删除\", {\r\n    type: \"warning\",\r\n  }).then(\r\n    () => true,\r\n    () => false\r\n  );\r\n\r\n  if (!isConfirm) {\r\n    return;\r\n  }\r\n\r\n  try {\r\n    const result = await dvOpt.batchDelete(memberRoleTable.getSelection());\r\n\r\n    if (result.code !== 200) {\r\n      ElMessage.error({message: result.msg});\r\n      return;\r\n    }\r\n\r\n    ElMessage.success({message: \"删除成功\"});\r\n    memberRoleTable.load();\r\n  } catch (e) {\r\n    console.error(e);\r\n    ElMessage.error({message: \"网络异常\"});\r\n  }\r\n};\r\n\r\nconst handlePermissionEdit = () => {\r\n  router.push({name: \"dv/ms-role/permission\", params: {id: unref(currentRole)?.id}})\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.ms-role {\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n  height: 100%;\r\n  overflow: hidden;\r\n  padding: 0px;\r\n\r\n  &__body-warp {\r\n    padding: 10px;\r\n    display: flex;\r\n    height: 100%;\r\n    overflow: hidden;\r\n  }\r\n\r\n  &__aside {\r\n    background-color: #fff;\r\n    padding: 10px;\r\n    max-width: 360px;\r\n    min-width: 220px;\r\n    margin-right: 10px;\r\n  }\r\n\r\n  &__main {\r\n    width: 0;\r\n    flex: 1;\r\n\r\n    .mk-data-table {\r\n      display: flex;\r\n      flex-direction: column;\r\n      height: 100%;\r\n\r\n      .el-table {\r\n        height: 0;\r\n        flex: 1;\r\n      }\r\n    }\r\n  }\r\n\r\n  &__content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    padding: 12px;\r\n    width: 100%;\r\n    height: 100%;\r\n    box-sizing: border-box;\r\n    background-color: #fff;\r\n  }\r\n\r\n  &__title {\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    margin: 10px 0;\r\n  }\r\n\r\n  &__tools {\r\n    margin: 10px 0;\r\n    display: flex;\r\n    justify-content: flex-end;\r\n  }\r\n}\r\n\r\n</style>\r\n"],"names":["DvOpt","ref","onMounted","watch","computed","Dialoger","ElMessageBox","ElMessage","unref","useRouter","reactive","MsMemberRoleTable","MsRoleForm","currentRole","onBeforeUnmount"],"mappings":"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"}
+{"version":3,"file":"index-CA77ueMZ.cjs","sources":["../../src/modules/ms/pages/ms-role/components/aside.vue","../../src/modules/ms/pages/ms-role/index.vue"],"sourcesContent":["<template>\r\n  <div class=\"ms-role-aside\">\r\n    <div class=\"ms-role-aside__main\" v-loading=\"loading\">\r\n      <ElScrollbar height=\"100%\">\r\n        <div class=\"ms-role-aside__role-list\">\r\n          <div\r\n            v-for=\"role in roles\"\r\n            class=\"ms-role-aside__role-item flex flex-justify-between\"\r\n            :class=\"[role.id === currentRole?.id ? 'is-active' : '',]\"\r\n            :key=\"role.id\"\r\n            @click=\"handleRoleClick(role)\"\r\n          >\r\n            <div>\r\n              <MKSvgIcon class=\"ms-role-aside__role-icon\" name=\"solar:user-bold-duotone\"/>\r\n              <span class=\"ms-role-aside__role-desc\">{{ role.desc }}</span>\r\n            </div>\r\n            <div @click.prevent class=\"flex flex-items-center\">\r\n              <ElDropdown>\r\n                <span class=\"ms-role-aside__icon\">\r\n                  <MKSvgIcon name=\"ri:more-fill\"/>\r\n                </span>\r\n\r\n                <template #dropdown>\r\n                  <ElDropdownMenu>\r\n                    <ElDropdownItem :icon=\"Edit\" @click=\"handleMemberRoleEdit(role)\">\r\n                      编辑\r\n                    </ElDropdownItem>\r\n                    <ElDropdownItem :icon=\"Delete\" @click=\"handleDelete(role)\">\r\n                      删除\r\n                    </ElDropdownItem>\r\n                  </ElDropdownMenu>\r\n                </template>\r\n              </ElDropdown>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </ElScrollbar>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport {onMounted, ref, Ref, watch, computed, unref} from \"vue\";\r\nimport {DvOpt} from \"@maketribe/request\";\r\nimport {Dialoger} from \"@maketribe/dm\";\r\nimport {Edit, Delete} from \"@element-plus/icons-vue\";\r\nimport {ElButton, ElMessage, ElScrollbar, ElMessageBox} from \"element-plus\";\r\nimport {MKSvgIcon} from \"../../../../../components\";\r\nimport {MsRole, MsRoleForm} from \"../../../dataviews\";\r\n\r\nconst props = defineProps({\r\n  roleForm: {\r\n    type: MsRoleForm,\r\n    required: true,\r\n  },\r\n});\r\n\r\nconst emit = defineEmits([\"role-select\"]);\r\n\r\nconst dvOpt = DvOpt.createInstance({name: \"ms-role\"});\r\n\r\nconst roles: Ref<MsRole[]> = ref([]);\r\n\r\nconst currentRole: Ref<MsRole | null> = ref(null);\r\n\r\nconst loading = ref(false);\r\n\r\nonMounted(() => {\r\n  loadRoleList();\r\n});\r\n\r\nwatch(currentRole, () => {\r\n  emit(\"role-select\", currentRole.value);\r\n});\r\n\r\n//asdasda\r\nwatch(\r\n  computed(() => props.roleForm),\r\n  (roleForm, _, onCleanup) => {\r\n    const disposable = roleForm.submittedEvent.on(() => {\r\n      loadRoleList();\r\n    });\r\n\r\n    onCleanup(() => {\r\n      disposable.dispose();\r\n    });\r\n  },\r\n  {immediate: true}\r\n);\r\n\r\nconst loadRoleList = async () => {\r\n  try {\r\n    loading.value = true;\r\n\r\n    roles.value = await dvOpt.query().list<MsRole>();\r\n\r\n    // 加载完成之后默认选中第一个\r\n    if (roles.value.length) {\r\n      handleRoleClick(roles.value[0])\r\n    }\r\n\r\n  } finally {\r\n    loading.value = false;\r\n  }\r\n};\r\n\r\nconst handleMemberRoleEdit = (role: MsRole) => {\r\n  Dialoger.dataFormDialog({\r\n    dataForm: props.roleForm,\r\n    recId: role.id,\r\n  });\r\n};\r\n\r\nconst handleRoleClick = (role: MsRole) => {\r\n  currentRole.value = role;\r\n};\r\n\r\n\r\nconst handleDelete = async (role: MsRole) => {\r\n  const isConfirm = await ElMessageBox.confirm(\"是否确认删除\", {\r\n    type: \"warning\",\r\n  }).then(\r\n    () => true,\r\n    () => false\r\n  );\r\n\r\n  if (!isConfirm) {\r\n    return;\r\n  }\r\n\r\n  try {\r\n    const result = await dvOpt.delete(role.id);\r\n\r\n    if (result.code !== 200) {\r\n      ElMessage.error({message: result.msg});\r\n      return;\r\n    }\r\n\r\n    ElMessage.success({message: \"删除成功\"});\r\n\r\n    if (unref(currentRole)?.id === role.id) {\r\n      currentRole.value = null;\r\n    }\r\n\r\n    loadRoleList();\r\n  } catch (e) {\r\n    console.error(e);\r\n    ElMessage.error({message: \"网络异常\"});\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.ms-role-aside {\r\n  height: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n\r\n  &__main {\r\n    height: 0;\r\n    flex: 1;\r\n  }\r\n\r\n  &__role {\r\n    &-icon {\r\n      margin-right: 8px;\r\n      font-size: 16px;\r\n    }\r\n    &-item+&-item {\r\n      margin-top: 5px;\r\n    }\r\n    &-item {\r\n      display: flex;\r\n      align-items: center;\r\n      height: 36px;\r\n      padding: 5px 10px;\r\n      line-height: 36px;\r\n      border-radius: 5px;\r\n      cursor: pointer;\r\n\r\n      &.is-active,\r\n      &:hover {\r\n        background-color: #f4f4f4;\r\n      }\r\n\r\n      .ms-role-aside__icon {\r\n        display: none;\r\n        border-radius: 3px;\r\n        font-size: 14px;\r\n\r\n        &:hover {\r\n          background-color: #f4f4f4;\r\n        }\r\n      }\r\n\r\n      &:hover {\r\n        .ms-role-aside__icon {\r\n          padding: 5px;\r\n          display: inline-flex;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","<template>\r\n  <MKPageContainer class=\"ms-role\">\r\n    <el-page-header style=\"background-color: #fff;padding: 10px;\" :icon=\"null\">\r\n      <template #title>\r\n        <h3 style=\"color: var(--el-text-color-regular);\" flex=\"~ items-center\" m=\"l-[10px]\">\r\n          <MKSvgIcon name=\"oui:app-users-roles\" style=\"margin-right: 5px;\"/>\r\n          角色管理\r\n        </h3>\r\n      </template>\r\n      <template #extra>\r\n        <el-button type=\"primary\" text @click=\"handleAddRoleClick\" style=\"margin-right: 10px;\">\r\n          <MKSvgIcon name=\"carbon:add-filled\" style=\"margin-right: 5px;\"/>\r\n          添加角色\r\n        </el-button>\r\n      </template>\r\n    </el-page-header>\r\n    <div class=\"ms-role__body-warp\">\r\n      <div class=\"ms-role__aside\">\r\n        <RoleAside\r\n          @role-select=\"handleRoleSelect\"\r\n          :role-form=\"roleForm\"\r\n          ref=\"RoleAsideEl\"\r\n        />\r\n      </div>\r\n      <div class=\"ms-role__main\">\r\n        <div class=\"ms-role__content\" v-if=\"currentRole\">\r\n          <div class=\"flex flex-justify-between\">\r\n            <div class=\"ms-role__title\" flex=\"~ items-center\">\r\n              <MKSvgIcon class=\"ms-role-aside__role-icon\" name=\"oui:app-users-roles\" m=\"r-[10px]\"/>\r\n              {{ currentRole.desc }}\r\n            </div>\r\n            <div class=\"ms-role__tools\">\r\n              <ElButton type=\"primary\" text @click=\"handlePermissionEdit\">\r\n                <template #icon>\r\n                  <MKSvgIcon name=\"material-symbols-light:vpn-key-outline\"/>\r\n                </template>\r\n                权限设置\r\n              </ElButton>\r\n              <ElButton type=\"primary\" @click=\"handleSelectUserClick\">\r\n                <template #icon>\r\n                  <MKSvgIcon name=\"carbon:add-filled\"/>\r\n                </template>\r\n                添加成员\r\n              </ElButton>\r\n              <ElButton\r\n                :disabled=\"disabledBatchDelete\"\r\n                @click=\"handleBatchDelete\"\r\n              >\r\n                批量删除\r\n              </ElButton>\r\n            </div>\r\n          </div>\r\n          <MKDataTable :data-table=\"memberRoleTable\">\r\n            <MKTable/>\r\n            <MKDataTablePagination/>\r\n          </MKDataTable>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!--    <ElDialog v-model=\"isShowPermissionDialog\" appendToBody width=\"80%\">-->\r\n    <!--      <MKRolePermissionConfig :rolePermissionConfigTable=\"rolePermissionConfigTable\"/>-->\r\n    <!--    </ElDialog>-->\r\n  </MKPageContainer>\r\n</template>\r\n<script setup lang=\"ts\">\r\nimport {\r\n  reactive,\r\n  Ref,\r\n  ref,\r\n  watch,\r\n  unref,\r\n  computed,\r\n  onBeforeUnmount,\r\n} from \"vue\";\r\nimport {ElButton, ElMessage, ElMessageBox} from \"element-plus\";\r\nimport {Dialoger} from \"@maketribe/dm\";\r\nimport {DvOpt} from \"@maketribe/request\";\r\nimport {MKDataTable, MKPageContainer, MKSvgIcon, MKTable, MKDataTablePagination} from \"../../../../components\";\r\nimport {MsRole, MsMemberRoleTable, MsRoleForm} from \"../../dataviews\";\r\nimport RoleAside from \"./components/aside.vue\";\r\n\r\nconst router = useRouter();\r\n\r\nconst dvOpt = DvOpt.createInstance({name: \"ms-member-role\"});\r\n\r\nconst currentRole: Ref<MsRole | null> = ref(null);\r\n\r\nconst memberRoleTable = reactive(new MsMemberRoleTable()) as MsMemberRoleTable;\r\n\r\nconst roleForm = reactive(new MsRoleForm()) as MsRoleForm;\r\n\r\nconst disabledBatchDelete = computed(\r\n  () => memberRoleTable.getSelection().length === 0\r\n);\r\n\r\nwatch(currentRole, (currentRole) => {\r\n  memberRoleTable.setCurrentRole(currentRole);\r\n});\r\n\r\nonBeforeUnmount(() => {\r\n  memberRoleTable.dispose();\r\n  roleForm.dispose();\r\n});\r\n\r\nconst handleAddRoleClick = () => {\r\n  Dialoger.dataFormDialog({\r\n    dataForm: roleForm\r\n  });\r\n};\r\n\r\nconst handleRoleSelect = (role: MsRole) => {\r\n  currentRole.value = role;\r\n};\r\n\r\nconst handleSelectUserClick = async () => {\r\n  const selectResult = await Dialoger.dataTableSelectDialog(\r\n    memberRoleTable.memberTable\r\n  );\r\n\r\n  if (!selectResult.isConfirm) {\r\n    return;\r\n  }\r\n\r\n  const roleId = unref(currentRole)!.id;\r\n\r\n  const memberRoleList = selectResult.selections.map((item) => ({\r\n    roleId,\r\n    memberId: item,\r\n  }));\r\n\r\n  try {\r\n    const result = await dvOpt.batchSave(memberRoleList);\r\n\r\n    if (result.code !== 200) {\r\n      ElMessage.error({message: result.msg});\r\n      return;\r\n    }\r\n\r\n    ElMessage.success({message: \"添加成功\"});\r\n\r\n    memberRoleTable.load();\r\n  } catch (e) {\r\n    console.error(e);\r\n\r\n    ElMessage.error({message: \"网络异常\"});\r\n  }\r\n};\r\n\r\nconst handleBatchDelete = async () => {\r\n  const isConfirm = await ElMessageBox.confirm(\"是否确认删除\", {\r\n    type: \"warning\",\r\n  }).then(\r\n    () => true,\r\n    () => false\r\n  );\r\n\r\n  if (!isConfirm) {\r\n    return;\r\n  }\r\n\r\n  try {\r\n    const result = await dvOpt.batchDelete(memberRoleTable.getSelection());\r\n\r\n    if (result.code !== 200) {\r\n      ElMessage.error({message: result.msg});\r\n      return;\r\n    }\r\n\r\n    ElMessage.success({message: \"删除成功\"});\r\n    memberRoleTable.load();\r\n  } catch (e) {\r\n    console.error(e);\r\n    ElMessage.error({message: \"网络异常\"});\r\n  }\r\n};\r\n\r\nconst handlePermissionEdit = () => {\r\n  router.push({name: \"dv/ms-role/permission\", params: {id: unref(currentRole)?.id}})\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.ms-role {\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n  height: 100%;\r\n  overflow: hidden;\r\n  padding: 0px;\r\n\r\n  &__body-warp {\r\n    padding: 10px;\r\n    display: flex;\r\n    height: 100%;\r\n    overflow: hidden;\r\n  }\r\n\r\n  &__aside {\r\n    background-color: #fff;\r\n    padding: 10px;\r\n    max-width: 360px;\r\n    min-width: 220px;\r\n    margin-right: 10px;\r\n  }\r\n\r\n  &__main {\r\n    width: 0;\r\n    flex: 1;\r\n\r\n    .mk-data-table {\r\n      display: flex;\r\n      flex-direction: column;\r\n      height: 100%;\r\n\r\n      .el-table {\r\n        height: 0;\r\n        flex: 1;\r\n      }\r\n    }\r\n  }\r\n\r\n  &__content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    padding: 12px;\r\n    width: 100%;\r\n    height: 100%;\r\n    box-sizing: border-box;\r\n    background-color: #fff;\r\n  }\r\n\r\n  &__title {\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    margin: 10px 0;\r\n  }\r\n\r\n  &__tools {\r\n    margin: 10px 0;\r\n    display: flex;\r\n    justify-content: flex-end;\r\n  }\r\n}\r\n\r\n</style>\r\n"],"names":["DvOpt","ref","onMounted","watch","computed","Dialoger","ElMessageBox","ElMessage","unref","useRouter","reactive","MsMemberRoleTable","MsRoleForm","currentRole","onBeforeUnmount"],"mappings":"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"}

package/dist/cjs/{index-bLFLjrAU.cjs → index-CABfy1N4.cjs}

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const utils = require("@maketribe/utils");
 const vue = require("vue");
-const index = require("./index-Cqx6has-.cjs");
+const index = require("./index-DmP5adrX.cjs");
 const dm = require("@maketribe/dm");
 const elementPlus = require("element-plus");
 const formDetailProps = utils.buildProps({
@@ -193,4 +193,4 @@ exports.MKFormDetail = MKFormDetail;
 exports.default = MKFormDetail;
 exports.formDetailEmits = formDetailEmits;
 exports.formDetailProps = formDetailProps;
-//# sourceMappingURL=index-bLFLjrAU.cjs.map
+//# sourceMappingURL=index-CABfy1N4.cjs.map

package/dist/cjs/{index-bLFLjrAU.cjs.map → index-CABfy1N4.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-bLFLjrAU.cjs","sources":["../../src/components/data-model/data-form/components/form-detail/form-detail-options.ts","../../src/components/data-model/data-form/composables/use-form-item.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\";\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","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","<script setup lang=\"ts\">\r\nimport {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.vue\";\r\nimport {formDetailEmits, formDetailProps} from \"./form-detail-options\";\r\nimport {useFormItem} from \"../../composables\";\r\nimport {MKForm} from '../../views'\r\nimport {ElButton, ElEmpty} from \"element-plus\";\r\nimport {Messager} from \"@maketribe/dm\";\r\nimport HSlideover from '../../../../../layouts/new/ui-kit/HSlideover.vue'\r\n\r\nconst props = defineProps(formDetailProps);\r\n\r\nconst emit = defineEmits(formDetailEmits)\r\n\r\nconst detailTable = computed(() => props.column.detailTable);\r\nconst detailForm = computed(() => props.column.detailForm!);\r\n\r\nconst {value} = useFormItem();\r\n\r\nwatch(\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\nconst isShowDataForm = ref(false);\r\n\r\nwatch(\r\n  detailTable,\r\n  (dataTable, _, onCleanup) => {\r\n    const addRecordDisposable = dataTable.addRecordEvent.on(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      _dataForm.addRecord(item);\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(item);\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\nwatch(\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\nconst handleFormSave = async () => {\r\n  await unref(detailForm)?.simpleSubmit();\r\n};\r\n\r\nconst handleFormCancel = () => {\r\n  unref(detailForm).cancel();\r\n};\r\n\r\n\r\n</script>\r\n\r\n<template>\r\n  <div class=\"mk-form-detail\">\r\n    <MKDataTable\r\n      :dataTable=\"detailTable\"\r\n      :autoLoad=\"false\"\r\n    />\r\n    <ElDrawer v-model=\"isShowDataForm\" append-to-body>\r\n      <DataForm :dataForm=\"detailForm\" :autoLoad=\"false\">\r\n        <MKForm/>\r\n      </DataForm>\r\n\r\n      <template #footer>\r\n        <ElButton @click=\"handleFormCancel\">取消</ElButton>\r\n        <ElButton type=\"primary\" @click=\"handleFormSave\">保存</ElButton>\r\n      </template>\r\n\r\n      <template #empty>\r\n        <ElEmpty :image-size=\"100\"/>\r\n      </template>\r\n    </ElDrawer>\r\n  </div>\r\n</template>\r\n","import { withInstall } from \"@maketribe/utils\";\r\nimport FormDetail from \"./form-detail.vue\";\r\n\r\nexport const MKFormDetail = withInstall(FormDetail);\r\nexport default MKFormDetail;\r\n\r\nexport * from \"./form-detail-options\";\r\n"],"names":["buildProps","FormDetailColumn","FormColumn","inject","DATA_FORM_ITEM_CONTEXT_KEY","computed","unref","watch","value","ref","Messager","withInstall","FormDetail"],"mappings":"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"}
+{"version":3,"file":"index-CABfy1N4.cjs","sources":["../../src/components/data-model/data-form/components/form-detail/form-detail-options.ts","../../src/components/data-model/data-form/composables/use-form-item.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\";\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","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","<script setup lang=\"ts\">\r\nimport {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.vue\";\r\nimport {formDetailEmits, formDetailProps} from \"./form-detail-options\";\r\nimport {useFormItem} from \"../../composables\";\r\nimport {MKForm} from '../../views'\r\nimport {ElButton, ElEmpty} from \"element-plus\";\r\nimport {Messager} from \"@maketribe/dm\";\r\nimport HSlideover from '../../../../../layouts/new/ui-kit/HSlideover.vue'\r\n\r\nconst props = defineProps(formDetailProps);\r\n\r\nconst emit = defineEmits(formDetailEmits)\r\n\r\nconst detailTable = computed(() => props.column.detailTable);\r\nconst detailForm = computed(() => props.column.detailForm!);\r\n\r\nconst {value} = useFormItem();\r\n\r\nwatch(\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\nconst isShowDataForm = ref(false);\r\n\r\nwatch(\r\n  detailTable,\r\n  (dataTable, _, onCleanup) => {\r\n    const addRecordDisposable = dataTable.addRecordEvent.on(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      _dataForm.addRecord(item);\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(item);\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\nwatch(\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\nconst handleFormSave = async () => {\r\n  await unref(detailForm)?.simpleSubmit();\r\n};\r\n\r\nconst handleFormCancel = () => {\r\n  unref(detailForm).cancel();\r\n};\r\n\r\n\r\n</script>\r\n\r\n<template>\r\n  <div class=\"mk-form-detail\">\r\n    <MKDataTable\r\n      :dataTable=\"detailTable\"\r\n      :autoLoad=\"false\"\r\n    />\r\n    <ElDrawer v-model=\"isShowDataForm\" append-to-body>\r\n      <DataForm :dataForm=\"detailForm\" :autoLoad=\"false\">\r\n        <MKForm/>\r\n      </DataForm>\r\n\r\n      <template #footer>\r\n        <ElButton @click=\"handleFormCancel\">取消</ElButton>\r\n        <ElButton type=\"primary\" @click=\"handleFormSave\">保存</ElButton>\r\n      </template>\r\n\r\n      <template #empty>\r\n        <ElEmpty :image-size=\"100\"/>\r\n      </template>\r\n    </ElDrawer>\r\n  </div>\r\n</template>\r\n","import { withInstall } from \"@maketribe/utils\";\r\nimport FormDetail from \"./form-detail.vue\";\r\n\r\nexport const MKFormDetail = withInstall(FormDetail);\r\nexport default MKFormDetail;\r\n\r\nexport * from \"./form-detail-options\";\r\n"],"names":["buildProps","FormDetailColumn","FormColumn","inject","DATA_FORM_ITEM_CONTEXT_KEY","computed","unref","watch","value","ref","Messager","withInstall","FormDetail"],"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;AClB2BD,MAAAA,WAAW;AAAA,EACpC,QAAQ,EAAE,MAAME,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;;;;;;;AC3BA,UAAM,QAAQ;AAId,UAAM,cAAcD,IAAAA,SAAS,MAAM,MAAM,OAAO,WAAW;AAC3D,UAAM,aAAaA,IAAAA,SAAS,MAAM,MAAM,OAAO,UAAW;AAEpD,UAAA,EAAC,UAAS;AAEhBE,QAAA;AAAA,MACEF,aAAS,MAAMC,UAAM,KAAK,CAAC;AAAA,MAC3B,CAACE,WAAU;AACH,cAAA,eAAeF,UAAM,WAAW;AAEtCE,iBAAQ,MAAM,QAAQA,MAAK,IAAIA,SAAQ,CAAA;AAE1B,qBAAA;AAAA,UACXA,OAAM,IAAI,CAAC,SAAc,aAAa,WAAW,IAAI,CAAC;AAAA,QAAA;AAAA,MAE1D;AAAA,IAAA;AAGI,UAAA,iBAAiBC,QAAI,KAAK;AAEhCF,QAAA;AAAA,MACE;AAAA,MACA,CAAC,WAAW,GAAG,cAAc;AAC3B,cAAM,sBAAsB,UAAU,eAAe,GAAG,OAAO,EAAC,WAAU;AAClE,gBAAA,YAAYD,UAAM,UAAU;AAElC,cAAI,CAAC,WAAW;AACd,oBAAQ,KAAK,UAAU,UAAU,IAAI,eAAe;AACpD;AAAA,UACF;AAEA,yBAAe,QAAQ;AAEvB,oBAAU,UAAU,IAAI;AAAA,QAAA,CACzB;AAEK,cAAA,uBAAuB,UAAU,gBAAgB;AAAA,UACrD,OAAO,EAAC,KAAA,MAAU;AACV,kBAAA,YAAYA,UAAM,UAAU;AAElC,gBAAI,CAAC,WAAW;AACd,sBAAQ,KAAK,UAAU,UAAU,IAAI,eAAe;AACpD;AAAA,YACF;AAEA,2BAAe,QAAQ;AAEnB,gBAAA;AACF,oBAAM,WAAW,MAAM,UAAU,WAAW,IAAI;AAE5C,kBAAA,SAAS,KAAK,SAAS,KAAK;AAC9BI,mBAAA,SAAS,MAAM,EAAC,SAAS,SAAS,KAAK,KAAI;AAC3C,+BAAe,QAAQ;AACvB;AAAA,cACF;AAAA,qBACO,GAAG;AACV,sBAAQ,MAAM,CAAC;AACf,6BAAe,QAAQ;AAAA,YACzB;AAAA,UACF;AAAA,QAAA;AAGF,kBAAU,MAAM;AACd,8BAAoB,QAAQ;AAC5B,+BAAqB,QAAQ;AAAA,QAAA,CAC9B;AAAA,MACH;AAAA,MACA,EAAC,WAAW,KAAI;AAAA,IAAA;AAGlBH,QAAA;AAAA,MACE;AAAA,MACA,CAAC,UAAU,GAAG,cAAc;AAC1B,cAAM,sBAAsB,SAAS,eAAe,GAAG,MAAM;;AAC3D,yBAAe,QAAQ;AAEjBD,0BAAA,WAAW,MAAXA,mBAAc;AAAA,QAAK,CAC1B;AAED,cAAM,mBAAmB,SAAS,YAAY,GAAG,MAAM;AACrD,yBAAe,QAAQ;AAAA,QAAA,CACxB;AAED,kBAAU,MAAM;AACd,8BAAoB,QAAQ;AAC5B,2BAAiB,QAAQ;AAAA,QAAA,CAC1B;AAAA,MACH;AAAA,MACA,EAAC,WAAW,KAAI;AAAA,IAAA;AAGlB,UAAM,iBAAiB,YAAY;;AAC3B,cAAAA,eAAM,UAAU,MAAhBA,mBAAmB;AAAA,IAAa;AAGxC,UAAM,mBAAmB,MAAM;AACvBA,gBAAA,UAAU,EAAE;IAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC7Gd,MAAA,eAAeK,kBAAYC,SAAU;;;;;"}

package/dist/cjs/{index-BfWagFfi.cjs → index-CKAGpQbN.cjs}

@@ -3,13 +3,13 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 const elementPlus = require("element-plus");
 const utils = require("@maketribe/utils");
-const index = require("./index-Cqx6has-.cjs");
+const index = require("./index-DmP5adrX.cjs");
 require("vue-router");
 require("@maketribe/dm");
 require("@maketribe/request");
 require("@maketribe/locale");
 require("lodash-es");
-const index$1 = require("./index-Bsx_khJ-.cjs");
+const index$1 = require("./index-MgphQFMz.cjs");
 const columnLinkProps = utils.buildProps({
   ...index.columnProps,
   type: {
@@ -62,4 +62,4 @@ exports.MKColumnLink = MKColumnLink;
 exports.columnLinkEmits = columnLinkEmits;
 exports.columnLinkProps = columnLinkProps;
 exports.default = ColumnLink;
-//# sourceMappingURL=index-BfWagFfi.cjs.map
+//# sourceMappingURL=index-CKAGpQbN.cjs.map

package/dist/cjs/{index-BfWagFfi.cjs.map → index-CKAGpQbN.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BfWagFfi.cjs","sources":["../../src/components/data-model/data-table/components/column-link/column-link-options.ts","../../src/components/data-model/data-table/components/column-link/column-link.tsx","../../src/components/data-model/data-table/components/column-link/index.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","import { ElButton } from \"element-plus\";\r\nimport { defineComponent } from \"vue\";\r\nimport { columnLinkEmits, columnLinkProps } from \"./column-link-options\";\r\nimport MKColumnText from \"../column-text\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKColumnLink\",\r\n  props: columnLinkProps,\r\n  emits: columnLinkEmits,\r\n  setup(props, { emit }) {\r\n    const handleClick = () => {\r\n      emit(\"click\", {\r\n        row: props.row,\r\n        index: props.index,\r\n        column: props.column,\r\n      });\r\n    };\r\n\r\n    return () => {\r\n      return (\r\n        <ElButton type={props.type} onClick={handleClick} link>\r\n          <MKColumnText {...props} />\r\n        </ElButton>\r\n      );\r\n    };\r\n  },\r\n});\r\n","import ColumnLink from \"./column-link\";\r\n\r\nexport const MKColumnLink = ColumnLink;\r\n\r\nexport default ColumnLink;\r\n\r\nexport * from \"./column-link-options\";\r\n"],"names":["buildProps","columnProps","defineComponent","name","props","columnLinkProps","emits","columnLinkEmits","setup","emit","handleClick","row","index","column","_createVNode","ElButton","type","default","MKColumnText"],"mappings":";;;;;;;;;;;;AAIO,MAAM,kBAAkBA,MAAAA,WAAW;AAAA,EACxC,GAAGC,MAAA;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;ACvBA,MAAeC,iDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,cAAcA,MAAM;AACxBD,WAAK,SAAS;AAAA,QACZE,KAAKP,MAAMO;AAAAA,QACXC,OAAOR,MAAMQ;AAAAA,QACbC,QAAQT,MAAMS;AAAAA,MAChB,CAAC;AAAA;AAGH,WAAO,MAAM;AACX,aAAAC,IAAAA,YAAAC,YAAAA,UAAA;AAAA,QAAA,QACkBX,MAAMY;AAAAA,QAAI,WAAWN;AAAAA,QAAW,QAAA;AAAA,MAAA,GAAA;AAAA,QAAAO,SAAAA,MAAA,CAAAH,IAAA,YAAAI,QAAA,SAC5Bd,OAAK,IAAA,CAAA;AAAA,MAAA,CAAA;AAAA;EAI/B;AACF,CAAC;ACxBM,MAAM,eAAe;;;;;"}
+{"version":3,"file":"index-CKAGpQbN.cjs","sources":["../../src/components/data-model/data-table/components/column-link/column-link-options.ts","../../src/components/data-model/data-table/components/column-link/column-link.tsx","../../src/components/data-model/data-table/components/column-link/index.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","import { ElButton } from \"element-plus\";\r\nimport { defineComponent } from \"vue\";\r\nimport { columnLinkEmits, columnLinkProps } from \"./column-link-options\";\r\nimport MKColumnText from \"../column-text\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKColumnLink\",\r\n  props: columnLinkProps,\r\n  emits: columnLinkEmits,\r\n  setup(props, { emit }) {\r\n    const handleClick = () => {\r\n      emit(\"click\", {\r\n        row: props.row,\r\n        index: props.index,\r\n        column: props.column,\r\n      });\r\n    };\r\n\r\n    return () => {\r\n      return (\r\n        <ElButton type={props.type} onClick={handleClick} link>\r\n          <MKColumnText {...props} />\r\n        </ElButton>\r\n      );\r\n    };\r\n  },\r\n});\r\n","import ColumnLink from \"./column-link\";\r\n\r\nexport const MKColumnLink = ColumnLink;\r\n\r\nexport default ColumnLink;\r\n\r\nexport * from \"./column-link-options\";\r\n"],"names":["buildProps","columnProps","defineComponent","name","props","columnLinkProps","emits","columnLinkEmits","setup","emit","handleClick","row","index","column","_createVNode","ElButton","type","default","MKColumnText"],"mappings":";;;;;;;;;;;;AAIO,MAAM,kBAAkBA,MAAAA,WAAW;AAAA,EACxC,GAAGC,MAAA;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;ACvBA,MAAeC,iDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,cAAcA,MAAM;AACxBD,WAAK,SAAS;AAAA,QACZE,KAAKP,MAAMO;AAAAA,QACXC,OAAOR,MAAMQ;AAAAA,QACbC,QAAQT,MAAMS;AAAAA,MAChB,CAAC;AAAA;AAGH,WAAO,MAAM;AACX,aAAAC,IAAAA,YAAAC,YAAAA,UAAA;AAAA,QAAA,QACkBX,MAAMY;AAAAA,QAAI,WAAWN;AAAAA,QAAW,QAAA;AAAA,MAAA,GAAA;AAAA,QAAAO,SAAAA,MAAA,CAAAH,IAAA,YAAAI,QAAA,SAC5Bd,OAAK,IAAA,CAAA;AAAA,MAAA,CAAA;AAAA;EAI/B;AACF,CAAC;ACxBM,MAAM,eAAe;;;;;"}

package/dist/cjs/{index-D1rwP_XD.cjs → index-CLMfKLc4.cjs}

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
-const index = require("./index-Cqx6has-.cjs");
+const index = require("./index-DmP5adrX.cjs");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   setup(__props) {
@@ -17,4 +17,4 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   }
 });
 exports.default = _sfc_main;
-//# sourceMappingURL=index-D1rwP_XD.cjs.map
+//# sourceMappingURL=index-CLMfKLc4.cjs.map

package/dist/cjs/index-CLMfKLc4.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CLMfKLc4.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/{index-BKHmJq9t.cjs → index-CTGlpcXK.cjs}

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const utils = require("@maketribe/utils");
 const vue = require("vue");
 const elementPlus = require("element-plus");
-const elIcons = require("@element-plus/icons-vue");
+const iconsVue = require("@element-plus/icons-vue");
 const index = require("./index-tJqqtY57.cjs");
 const videoViewProps = utils.buildProps({
   src: { type: String, required: true },
@@ -56,16 +56,16 @@ const VideoView = /* @__PURE__ */ vue.defineComponent({
         return vue.createVNode(vue.Fragment, null, [vue.createVNode(elementPlus.ElIcon, {
           "size": "20"
         }, {
-          default: () => [vue.createVNode(elIcons.Film, null, null)]
+          default: () => [vue.createVNode(iconsVue.Film, null, null)]
         }), vue.createVNode("div", {
           "class": "mk-video-view__tools"
         }, [vue.createVNode(elementPlus.ElButton, {
           "type": "primary",
-          "icon": elIcons.View,
+          "icon": iconsVue.View,
           "onClick": handleViewClick
         }, null), vue.createVNode(elementPlus.ElButton, {
           "type": "primary",
-          "icon": elIcons.Download,
+          "icon": iconsVue.Download,
           "onClick": handleDownloadClick
         }, null)])]);
       }
@@ -91,12 +91,12 @@ const VideoView = /* @__PURE__ */ vue.defineComponent({
           "class": "mk-video-view__dialog-header"
         }, [vue.createVNode(elementPlus.ElButton, {
           "type": "primary",
-          "icon": elIcons.Download,
+          "icon": iconsVue.Download,
           "onClick": handleDownloadClick
         }, {
           default: () => [vue.createTextVNode("下载")]
         }), vue.createVNode(elementPlus.ElButton, {
-          "icon": elIcons.Close,
+          "icon": iconsVue.Close,
           "onClick": scope.close
         }, null)]);
       }
@@ -107,4 +107,4 @@ const MKVideoView = utils.withInstall(VideoView);
 exports.MKVideoView = MKVideoView;
 exports.default = MKVideoView;
 exports.videoViewProps = videoViewProps;
-//# sourceMappingURL=index-BKHmJq9t.cjs.map
+//# sourceMappingURL=index-CTGlpcXK.cjs.map

package/dist/cjs/{index-BKHmJq9t.cjs.map → index-CTGlpcXK.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BKHmJq9t.cjs","sources":["../../src/modules/ms/components/material-list/components/video-view/video-view-options.ts","../../src/modules/ms/components/material-list/components/video-view/video-view.tsx","../../src/modules/ms/components/material-list/components/video-view/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nexport const videoViewProps = buildProps({\r\n  src: { type: String, required: true },\r\n  poster: { type: String, required: false },\r\n  dialogWidth: { type: String, default: \"800px\" },\r\n} as const);\r\n\r\nexport type VideoViewProps = ExtractPropTypes<typeof videoViewProps>;\r\n","import { Fragment, Ref, defineComponent, ref, unref, watch } from \"vue\";\r\nimport { ElButton, ElDialog, ElIcon } from \"element-plus\";\r\nimport { Film, View, Download, Close } from \"@element-plus/icons-vue\";\r\nimport MKImageView from \"../image-view\";\r\nimport { videoViewProps } from \"./video-view-options\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKVideoView\",\r\n  props: videoViewProps,\r\n  setup(props) {\r\n    const isShowVideoDialog = ref(false);\r\n\r\n    const videoEl: Ref<HTMLVideoElement | null> = ref(null);\r\n\r\n    const handleViewClick = () => {\r\n      isShowVideoDialog.value = true;\r\n    };\r\n\r\n    const handleDownloadClick = () => {\r\n      if (!props.src) {\r\n        return;\r\n      }\r\n\r\n      const a = document.createElement(\"a\");\r\n      a.setAttribute(\"download\", new Date().getTime().toString());\r\n      a.target = \"_blank\";\r\n      a.href = props.src;\r\n      Object.assign(a.style, { width: \"1px\", height: \"1px\" });\r\n\r\n      document.body.append(a);\r\n      a.click();\r\n\r\n      setTimeout(() => {\r\n        document.body.removeChild(a);\r\n      });\r\n    };\r\n\r\n    watch(isShowVideoDialog, (isShowVideoDialog) => {\r\n      if (!unref(videoEl)) {\r\n        return;\r\n      }\r\n\r\n      if (!isShowVideoDialog) {\r\n        unref(videoEl)!.pause();\r\n        unref(videoEl)!.currentTime = 0;\r\n      }\r\n    });\r\n\r\n    return () => (\r\n      <div class=\"mk-video-view\">\r\n        <MKImageView\r\n          src={props.src}\r\n          showPreview={false}\r\n          v-slots={{\r\n            error: () => {\r\n              return (\r\n                <Fragment>\r\n                  <ElIcon size=\"20\">\r\n                    <Film />\r\n                  </ElIcon>\r\n                  <div class=\"mk-video-view__tools\">\r\n                    <ElButton\r\n                      type=\"primary\"\r\n                      icon={View}\r\n                      onClick={handleViewClick}\r\n                    />\r\n                    <ElButton\r\n                      type=\"primary\"\r\n                      icon={Download}\r\n                      onClick={handleDownloadClick}\r\n                    />\r\n                  </div>\r\n                </Fragment>\r\n              );\r\n            },\r\n          }}\r\n        />\r\n        <ElDialog\r\n          appendToBody\r\n          showClose={false}\r\n          width={props.dialogWidth}\r\n          modelValue={unref(isShowVideoDialog)}\r\n          onUpdate:modelValue={(v) => {\r\n            isShowVideoDialog.value = v;\r\n          }}\r\n          v-slots={{\r\n            header: (scope: any) => {\r\n              return (\r\n                <div class=\"mk-video-view__dialog-header\">\r\n                  <ElButton\r\n                    type=\"primary\"\r\n                    icon={Download}\r\n                    onClick={handleDownloadClick}\r\n                  >\r\n                    下载\r\n                  </ElButton>\r\n                  <ElButton icon={Close} onClick={scope.close} />\r\n                </div>\r\n              );\r\n            },\r\n          }}\r\n        >\r\n          <video\r\n            class=\"mk-video-view__video\"\r\n            src={props.src}\r\n            draggable=\"false\"\r\n            preload=\"true\"\r\n            controls\r\n            ref={(el: any) => (videoEl.value = el)}\r\n          />\r\n        </ElDialog>\r\n      </div>\r\n    );\r\n  },\r\n});\r\n","import { withInstall } from \"@maketribe/utils\";\r\nimport VideoView from \"./video-view\";\r\n\r\nexport const MKVideoView = withInstall(VideoView);\r\nexport default MKVideoView;\r\n\r\nexport * from \"./video-view-options\";\r\n"],"names":["buildProps","defineComponent","name","props","videoViewProps","setup","isShowVideoDialog","ref","videoEl","handleViewClick","value","handleDownloadClick","src","a","document","createElement","setAttribute","Date","getTime","toString","target","href","Object","assign","style","width","height","body","append","click","setTimeout","removeChild","watch","unref","pause","currentTime","_createVNode","MKImageView","error","_Fragment","ElIcon","default","Film","ElButton","View","Download","ElDialog","dialogWidth","v","el","header","scope","_createTextVNode","Close","close","withInstall"],"mappings":"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"}
+{"version":3,"file":"index-CTGlpcXK.cjs","sources":["../../src/modules/ms/components/material-list/components/video-view/video-view-options.ts","../../src/modules/ms/components/material-list/components/video-view/video-view.tsx","../../src/modules/ms/components/material-list/components/video-view/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\r\nimport { buildProps } from \"@maketribe/utils\";\r\n\r\nexport const videoViewProps = buildProps({\r\n  src: { type: String, required: true },\r\n  poster: { type: String, required: false },\r\n  dialogWidth: { type: String, default: \"800px\" },\r\n} as const);\r\n\r\nexport type VideoViewProps = ExtractPropTypes<typeof videoViewProps>;\r\n","import { Fragment, Ref, defineComponent, ref, unref, watch } from \"vue\";\r\nimport { ElButton, ElDialog, ElIcon } from \"element-plus\";\r\nimport { Film, View, Download, Close } from \"@element-plus/icons-vue\";\r\nimport MKImageView from \"../image-view\";\r\nimport { videoViewProps } from \"./video-view-options\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKVideoView\",\r\n  props: videoViewProps,\r\n  setup(props) {\r\n    const isShowVideoDialog = ref(false);\r\n\r\n    const videoEl: Ref<HTMLVideoElement | null> = ref(null);\r\n\r\n    const handleViewClick = () => {\r\n      isShowVideoDialog.value = true;\r\n    };\r\n\r\n    const handleDownloadClick = () => {\r\n      if (!props.src) {\r\n        return;\r\n      }\r\n\r\n      const a = document.createElement(\"a\");\r\n      a.setAttribute(\"download\", new Date().getTime().toString());\r\n      a.target = \"_blank\";\r\n      a.href = props.src;\r\n      Object.assign(a.style, { width: \"1px\", height: \"1px\" });\r\n\r\n      document.body.append(a);\r\n      a.click();\r\n\r\n      setTimeout(() => {\r\n        document.body.removeChild(a);\r\n      });\r\n    };\r\n\r\n    watch(isShowVideoDialog, (isShowVideoDialog) => {\r\n      if (!unref(videoEl)) {\r\n        return;\r\n      }\r\n\r\n      if (!isShowVideoDialog) {\r\n        unref(videoEl)!.pause();\r\n        unref(videoEl)!.currentTime = 0;\r\n      }\r\n    });\r\n\r\n    return () => (\r\n      <div class=\"mk-video-view\">\r\n        <MKImageView\r\n          src={props.src}\r\n          showPreview={false}\r\n          v-slots={{\r\n            error: () => {\r\n              return (\r\n                <Fragment>\r\n                  <ElIcon size=\"20\">\r\n                    <Film />\r\n                  </ElIcon>\r\n                  <div class=\"mk-video-view__tools\">\r\n                    <ElButton\r\n                      type=\"primary\"\r\n                      icon={View}\r\n                      onClick={handleViewClick}\r\n                    />\r\n                    <ElButton\r\n                      type=\"primary\"\r\n                      icon={Download}\r\n                      onClick={handleDownloadClick}\r\n                    />\r\n                  </div>\r\n                </Fragment>\r\n              );\r\n            },\r\n          }}\r\n        />\r\n        <ElDialog\r\n          appendToBody\r\n          showClose={false}\r\n          width={props.dialogWidth}\r\n          modelValue={unref(isShowVideoDialog)}\r\n          onUpdate:modelValue={(v) => {\r\n            isShowVideoDialog.value = v;\r\n          }}\r\n          v-slots={{\r\n            header: (scope: any) => {\r\n              return (\r\n                <div class=\"mk-video-view__dialog-header\">\r\n                  <ElButton\r\n                    type=\"primary\"\r\n                    icon={Download}\r\n                    onClick={handleDownloadClick}\r\n                  >\r\n                    下载\r\n                  </ElButton>\r\n                  <ElButton icon={Close} onClick={scope.close} />\r\n                </div>\r\n              );\r\n            },\r\n          }}\r\n        >\r\n          <video\r\n            class=\"mk-video-view__video\"\r\n            src={props.src}\r\n            draggable=\"false\"\r\n            preload=\"true\"\r\n            controls\r\n            ref={(el: any) => (videoEl.value = el)}\r\n          />\r\n        </ElDialog>\r\n      </div>\r\n    );\r\n  },\r\n});\r\n","import { withInstall } from \"@maketribe/utils\";\r\nimport VideoView from \"./video-view\";\r\n\r\nexport const MKVideoView = withInstall(VideoView);\r\nexport default MKVideoView;\r\n\r\nexport * from \"./video-view-options\";\r\n"],"names":["buildProps","defineComponent","name","props","videoViewProps","setup","isShowVideoDialog","ref","videoEl","handleViewClick","value","handleDownloadClick","src","a","document","createElement","setAttribute","Date","getTime","toString","target","href","Object","assign","style","width","height","body","append","click","setTimeout","removeChild","watch","unref","pause","currentTime","_createVNode","MKImageView","error","_Fragment","ElIcon","default","Film","ElButton","View","Download","ElDialog","dialogWidth","v","el","header","scope","_createTextVNode","Close","close","withInstall"],"mappings":"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"}

package/dist/cjs/{index-02NQSY_C.cjs → index-D30kdshE.cjs}

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
-const index = require("./index-Cqx6has-.cjs");
+const index = require("./index-DmP5adrX.cjs");
 const utils = require("@maketribe/utils");
 require("vue-router");
 require("@maketribe/dm");
@@ -32,4 +32,4 @@ const ColumnImage = /* @__PURE__ */ vue.defineComponent({
 const MKColumnImage = ColumnImage;
 exports.MKColumnImage = MKColumnImage;
 exports.default = MKColumnImage;
-//# sourceMappingURL=index-02NQSY_C.cjs.map
+//# sourceMappingURL=index-D30kdshE.cjs.map

package/dist/cjs/{index-02NQSY_C.cjs.map → index-D30kdshE.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-02NQSY_C.cjs","sources":["../../src/components/data-model/data-table/components/column-image/column-image-options.ts","../../src/components/data-model/data-table/components/column-image/column-image.tsx","../../src/components/data-model/data-table/components/column-image/index.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","import { defineComponent, unref } from \"vue\";\r\nimport { useColumn } from \"../../composables\";\r\nimport { columnImageProps } from \"./column-image-options\";\r\nimport { ElImage } from \"element-plus\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKColumnImage\",\r\n  props: columnImageProps,\r\n  setup(props) {\r\n    const { value } = useColumn(props);\r\n\r\n    return () => {\r\n      if (!unref(value)) {\r\n        return null;\r\n      }\r\n\r\n      return <ElImage src={unref(value)} />;\r\n    };\r\n  },\r\n});\r\n","import ColumnImage from \"./column-image\";\r\n\r\nexport const MKColumnImage = ColumnImage;\r\nexport default MKColumnImage;\r\n"],"names":["buildProps","columnProps","defineComponent","name","props","columnImageProps","setup","value","useColumn","unref","_createVNode","ElImage"],"mappings":";;;;;;;;;;;AAIO,MAAM,mBAAmBA,MAAAA,WAAW;AAAA,EACzC,GAAGC,MAAA;AACL,CAAU;ACDV,MAAeC,kDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAM;AAAA,MAAEG;AAAAA,IAAM,IAAIC,MAAAA,UAAUJ,KAAK;AAEjC,WAAO,MAAM;AACX,UAAI,CAACK,IAAAA,MAAMF,KAAK,GAAG;AACjB,eAAO;AAAA,MACT;AAEA,aAAAG,IAAAA,YAAAC,YAAAA,SAAA;AAAA,QAAA,OAAqBF,IAAK,MAACF,KAAK;AAAA,MAAC,GAAA,IAAA;AAAA;EAErC;AACF,CAAC;ACjBM,MAAM,gBAAgB;;;"}
+{"version":3,"file":"index-D30kdshE.cjs","sources":["../../src/components/data-model/data-table/components/column-image/column-image-options.ts","../../src/components/data-model/data-table/components/column-image/column-image.tsx","../../src/components/data-model/data-table/components/column-image/index.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","import { defineComponent, unref } from \"vue\";\r\nimport { useColumn } from \"../../composables\";\r\nimport { columnImageProps } from \"./column-image-options\";\r\nimport { ElImage } from \"element-plus\";\r\n\r\nexport default defineComponent({\r\n  name: \"MKColumnImage\",\r\n  props: columnImageProps,\r\n  setup(props) {\r\n    const { value } = useColumn(props);\r\n\r\n    return () => {\r\n      if (!unref(value)) {\r\n        return null;\r\n      }\r\n\r\n      return <ElImage src={unref(value)} />;\r\n    };\r\n  },\r\n});\r\n","import ColumnImage from \"./column-image\";\r\n\r\nexport const MKColumnImage = ColumnImage;\r\nexport default MKColumnImage;\r\n"],"names":["buildProps","columnProps","defineComponent","name","props","columnImageProps","setup","value","useColumn","unref","_createVNode","ElImage"],"mappings":";;;;;;;;;;;AAIO,MAAM,mBAAmBA,MAAAA,WAAW;AAAA,EACzC,GAAGC,MAAA;AACL,CAAU;ACDV,MAAeC,kDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAM;AAAA,MAAEG;AAAAA,IAAM,IAAIC,MAAAA,UAAUJ,KAAK;AAEjC,WAAO,MAAM;AACX,UAAI,CAACK,IAAAA,MAAMF,KAAK,GAAG;AACjB,eAAO;AAAA,MACT;AAEA,aAAAG,IAAAA,YAAAC,YAAAA,SAAA;AAAA,QAAA,OAAqBF,IAAK,MAACF,KAAK;AAAA,MAAC,GAAA,IAAA;AAAA;EAErC;AACF,CAAC;ACjBM,MAAM,gBAAgB;;;"}