npm - @maketribe/ms-app - Versions diffs - 4.0.0-beta.5 → 4.0.0-beta.7 - Mend

@maketribe/ms-app 4.0.0-beta.5 → 4.0.0-beta.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (355) hide show

package/dist/cjs/{index-CMgTGS7U.cjs → index-DIMXQ258.cjs} RENAMED Viewed

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
-const index = require("./index-DcHHWtzy.cjs");
+const index = require("./index-D1Kq_PNX.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-CMgTGS7U.cjs.map
+//# sourceMappingURL=index-DIMXQ258.cjs.map

package/dist/cjs/index-DIMXQ258.cjs.map ADDED Viewed

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

package/dist/cjs/{index-B-RT2Cbb.cjs → index-DMM8Z5ly.cjs} RENAMED Viewed

@@ -5,7 +5,7 @@ const elementPlus = require("element-plus");
 const iconsVue = require("@element-plus/icons-vue");
 const lodashEs = require("lodash-es");
 const dm = require("@maketribe/dm");
-const index = require("./index-DcHHWtzy.cjs");
+const index = require("./index-D1Kq_PNX.cjs");
 require("@maketribe/request");
 const utils = require("@maketribe/utils");
 require("vue-router");
@@ -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-CunK4KUo.cjs");
+require("./index-CJwJ3ZlA.cjs");
 const dataFilterFormItemProps = utils.buildProps({
   name: { type: String, required: true },
   label: { type: String }
@@ -363,24 +363,18 @@ const TableFilter = /* @__PURE__ */ vue.defineComponent({
       }
       let searchInputVNode = null;
       if (vue.unref(searchFilterColumns).length) {
-        searchInputVNode = vue.createVNode(elementPlus.ElTooltip, {
-          "content": vue.unref(searchPlaceholder),
-          "effect": "dark",
-          "placement": "top"
-        }, {
-          default: () => [vue.createVNode(elementPlus.ElInput, {
-            "prefixIcon": iconsVue.Search,
-            "class": "mk-table-filter__search",
-            "modelValue": vue.unref(search),
-            "onUpdate:modelValue": (v) => search.value = v,
-            "onKeydown": handleSearchKeydown,
-            "placeholder": vue.unref(searchPlaceholder),
-            "onFocus": handleSearchFocus,
-            "onBlur": handleSearchBlur,
-            "onClear": handleSearch,
-            "clearable": true
-          }, null)]
-        });
+        searchInputVNode = vue.createVNode(elementPlus.ElInput, {
+          "prefixIcon": iconsVue.Search,
+          "class": "mk-table-filter__search",
+          "modelValue": vue.unref(search),
+          "onUpdate:modelValue": (v) => search.value = v,
+          "onKeydown": handleSearchKeydown,
+          "placeholder": vue.unref(searchPlaceholder),
+          "onFocus": handleSearchFocus,
+          "onBlur": handleSearchBlur,
+          "onClear": handleSearch,
+          "clearable": true
+        }, null);
       }
       return vue.createVNode("div", {
         "class": "mk-table-filter"
@@ -411,4 +405,4 @@ const TableFilter = /* @__PURE__ */ vue.defineComponent({
 const MKTableFilter = TableFilter;
 exports.MKTableFilter = MKTableFilter;
 exports.default = MKTableFilter;
-//# sourceMappingURL=index-B-RT2Cbb.cjs.map
+//# sourceMappingURL=index-DMM8Z5ly.cjs.map

package/dist/cjs/{index-B-RT2Cbb.cjs.map → index-DMM8Z5ly.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index-B-RT2Cbb.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\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const dataFilterFormItemProps = buildProps({\n name: { type: String, required: true },\n label: { type: String },\n} as const);\n\nexport type DataFilterFormItemProps = ExtractPropTypes<\n typeof dataFilterFormItemProps\n>;\n","import { InjectionKey } from \"vue\";\nimport { Operator, FilterColumn, DataFilter } from \"@maketribe/dm\";\nimport { OperatorOption } from \"./operator-options\";\n\nexport interface DataFilterContext {\n dataFilter: DataFilter;\n labelWidth: number;\n}\n\nexport interface DataFilterItemContext {\n dataFilter: DataFilter;\n // dataFilterItem: DataFilterItem;\n}\n\n// export interface DataFilterItem {\n// dataFilter: DataFilter;\n// column: FilterColumn;\n// currentOperator: Operator \| null;\n// operatorOptions: OperatorOption[];\n// setOperator(operator: Operator): void;\n// setOperatorOptions(options: OperatorOption[]): void;\n// setValue(value: any): void;\n// getValue(): any;\n// }\n\nexport const DATA_FILTER_CONTEXT: InjectionKey<DataFilterContext> = Symbol(\n \"DATA_FILTER_CONTEXT\"\n);\nexport const DATA_FILTER_ITEM_CONTEXT: InjectionKey<DataFilterItemContext> =\n Symbol(\"DATA_FILTER_ITEM_CONTEXT\");\n\nexport const DATA_FILTER_QUERY_NAME: string = \"dataTableParams\";\n","import {\n computed,\n defineComponent,\n inject,\n onBeforeUnmount,\n reactive,\n toRaw,\n unref,\n watch,\n} from \"vue\";\nimport { ElFormItem } from \"element-plus\";\nimport { FilterColumn, isWhereFilter } from \"@maketribe/dm\";\nimport { useFilterColumnComponent } from \"../../../../composables\";\nimport { DataFilterComponent } from \"../../../../core\";\nimport { dataFilterFormItemProps } from \"./data-filter-form-item-options\";\nimport { DATA_FILTER_CONTEXT } from \"../token\";\n\nexport default defineComponent({\n name: \"MKDataFilterFormItem\",\n props: dataFilterFormItemProps,\n setup(props, { slots }) {\n const dataFilterContext = inject(DATA_FILTER_CONTEXT)!;\n\n const dataFilter = computed(() => dataFilterContext.dataFilter);\n\n let _filterColumn: FilterColumn \| null = null;\n\n const createFilterColumn = () => {\n _filterColumn = reactive(\n new FilterColumn({\n name: props.name!,\n label: props.label!,\n })\n );\n\n unref(dataFilter).addColumn(_filterColumn);\n\n return _filterColumn;\n };\n\n const filterColumn = computed(() => {\n const existingColumn = unref(dataFilter).getColumn(props.name) ?? null;\n\n if (existingColumn) {\n return existingColumn;\n }\n\n if (!_filterColumn) {\n _filterColumn = createFilterColumn();\n }\n\n return _filterColumn;\n });\n\n const value = computed({\n get: () => unref(dataFilter).getParam(unref(filterColumn).name),\n set: (v) => unref(dataFilter).setParam(unref(filterColumn).name, v),\n });\n\n const { component, componentProps, componentInfo } =\n useFilterColumnComponent(filterColumn, dataFilter);\n\n watch(\n componentInfo,\n (componentInfo) => {\n const _dataFilter = unref(dataFilter);\n\n if (isWhereFilter(_dataFilter)) {\n _dataFilter.setParamOperator(\n unref(filterColumn).name,\n (componentInfo as DataFilterComponent).defaultOperator\n );\n }\n },\n { immediate: true }\n );\n\n onBeforeUnmount(() => {\n const _dataFilter = unref(dataFilter);\n\n if (isWhereFilter(_dataFilter)) {\n _dataFilter.deleteParamOperator(unref(filterColumn).name);\n }\n\n _dataFilter.deleteParam(unref(filterColumn).name);\n });\n\n return () => {\n const _filterColumn = unref(filterColumn);\n\n if (!_filterColumn) {\n return null;\n }\n\n let children: any = slots.default?.();\n\n if (!children && unref(component)) {\n const FilterColumnComponent = toRaw(unref(component));\n\n children = (\n <FilterColumnComponent\n {...unref(componentProps)}\n modelValue={unref(value)}\n onUpdate:modelValue={(v: any) => (value.value = v)}\n column={unref(filterColumn)}\n />\n );\n }\n\n const labelWidth = computed(() => dataFilterContext.labelWidth);\n\n return (\n <ElFormItem\n prop={_filterColumn.name}\n label={_filterColumn.label}\n labelWidth={unref(labelWidth)}\n >\n {children}\n </ElFormItem>\n );\n };\n },\n});\n","import { withInstall } from \"@maketribe/utils\";\nimport DataFilterFormItem from \"./data-filter-form-item\";\n\nexport const MKDataFilterFormItem = withInstall(DataFilterFormItem);\nexport default MKDataFilterFormItem;\n\nexport * from \"./data-filter-form-item-options\";\n","import { ExtractPropTypes } from \"vue\";\nimport { DataTable } from \"@maketribe/dm\";\nimport { buildProps } from \"@maketribe/utils\";\nimport dataFilterForm from \"./data-filter-form\";\n\nexport const dataFilterFormProps = buildProps({\n // dataFilter: { type: DataFilter, required: true },\n dataTable: { type: DataTable, required: true },\n} as const);\n\nexport type DataFilterFormProps = ExtractPropTypes<typeof dataFilterFormProps>;\n\nexport const dataFilterFormEmits = {};\n\nexport type DataFilterFormEmits = typeof dataFilterForm;\n","import {\n Suspense,\n computed,\n defineComponent,\n provide,\n reactive,\n unref,\n watch,\n onMounted,\n Fragment,\n} from \"vue\";\nimport { dataFilterFormProps } from \"./data-filter-form-options\";\nimport { MKDataFilterFormItem } from \"./data-filter-form-item\";\nimport { DATA_FILTER_CONTEXT } from \"./token\";\nimport { ElForm } from \"element-plus\";\n\nexport default defineComponent({\n name: \"MKDataFilterForm\",\n props: dataFilterFormProps,\n setup(props, { slots }) {\n const dataTable = computed(() => props.dataTable);\n const dataFilter = computed(() => unref(dataTable).dataFilter);\n\n const columns = computed(() =>\n unref(dataFilter)\n .getColumns()\n .filter((column) => column.visible)\n );\n\n const labelWidth = computed(() => {\n const maxWordCount = Math.max(\n ...unref(columns).map((column) => column.label.length)\n );\n\n return maxWordCount * 14 + 20;\n });\n\n provide(DATA_FILTER_CONTEXT, reactive({ dataFilter, labelWidth }));\n\n let resolve: Function \| null = null;\n const suspenseResolvePromise = new Promise((_resolve) => {\n resolve = _resolve;\n });\n\n const handleResolve = () => {\n resolve?.();\n };\n\n onMounted(() => {\n watch(\n dataTable,\n async (dataTable, _, onCleanup) => {\n await suspenseResolvePromise;\n\n const disposable = dataTable.afterInitdEvent.on(() => {\n dataTable.dataFilter.setReady();\n });\n\n onCleanup(() => {\n disposable.dispose();\n });\n },\n { immediate: true }\n );\n });\n\n return () => {\n if (!unref(columns).length) {\n return null;\n }\n\n let children: any = slots.default?.();\n\n if (!children) {\n children = unref(columns).map((column) => {\n if (!column.name) {\n return null;\n }\n\n return (\n slots[`col-${column.name}`]?.() \|\| (\n <MKDataFilterFormItem\n name={column.name}\n v-slots={{ default: slots[`col-${column.name}-content`] }}\n />\n )\n );\n });\n }\n\n if (!children) {\n return null;\n }\n\n return (\n <ElForm class=\"mk-data-filter-form\">\n <Suspense onResolve={handleResolve}>\n <Fragment>{children}</Fragment>\n </Suspense>\n </ElForm>\n );\n };\n },\n});\n\n// export default defineComponent({\n// name: \"MKDataFilterForm\",\n// props: dataFilterFormProps,\n// setup(props, { slots }) {\n// const dataTable = computed(() => props.dataTable);\n// const dataFilter = computed(() => unref(dataTable).dataFilter);\n\n// const columns = computed(() =>\n// unref(dataFilter)\n// .getColumns()\n// .filter((column) => column.visible)\n// );\n\n// const labelWidth = computed(() => {\n// const maxWordCount = Math.max(\n// ...unref(columns).map((column) => column.label.length)\n// );\n\n// return maxWordCount * 14 + 10;\n// });\n\n// provide(DATA_FILTER_CONTEXT, reactive({ dataFilter, labelWidth }));\n\n// let resolve: Function \| null = null;\n// const suspenseResolvePromise = new Promise((_resolve) => {\n// resolve = _resolve;\n// });\n\n// const handleResolve = () => {\n// resolve?.();\n// };\n\n// onMounted(() => {\n// watch(\n// dataTable,\n// async (dataTable, _, onCleanup) => {\n// await suspenseResolvePromise;\n\n// const disposable = dataTable.afterInitdEvent.on(() => {\n// dataTable.dataFilter.setReady();\n// });\n\n// onCleanup(() => {\n// disposable.dispose();\n// });\n// },\n// { immediate: true }\n// );\n// });\n\n// return () => {\n// if (!unref(columns).length) {\n// return null;\n// }\n\n// let children: any = slots.default?.();\n\n// if (!children) {\n// children = unref(columns).map((column) => {\n// if (!column.name) {\n// return null;\n// }\n\n// return (\n// slots[`col-${column.name}`]?.() \|\| (\n// <MKDataFilterFormItem\n// name={column.name}\n// v-slots={{ default: slots[`col-${column.name}-content`] }}\n// />\n// )\n// );\n// });\n// }\n\n// if (!children) {\n// return null;\n// }\n\n// return (\n// <div class=\"mk-data-filter-form\">\n// <Suspense onResolve={handleResolve}>\n// <Fragment>{children}</Fragment>\n// </Suspense>\n// </div>\n// );\n// };\n// },\n// });\n","import { Operator } from \"@maketribe/dm\";\n\nexport type OperatorOption = { value: Operator; label: string };\n\nexport const EQUAL_OPTION: OperatorOption = {\n value: Operator.EQUAL,\n label: \"mk.operator.equal\",\n};\n\nexport const CONTAIN_OPTION: OperatorOption = {\n value: Operator.CONTAIN,\n label: \"mk.operator.contain\",\n};\n\nexport const IN_OPTION: OperatorOption = {\n value: Operator.IN,\n label: \"mk.operator.in\",\n};\n\nexport const NOT_IN_OPTION: OperatorOption = {\n value: Operator.NOT_IN,\n label: \"mk.operator.notIn\",\n};\n\nexport const LESS_THAN_OPTION: OperatorOption = {\n value: Operator.LESS_THAN,\n label: \"mk.operator.lessThan\",\n};\n\nexport const LESS_THAN_EQUAL_OPTION: OperatorOption = {\n value: Operator.LESS_THAN_EQUAL,\n label: \"mk.operator.lessThanEqual\",\n};\n\nexport const GREATER_THAN_OPTION: OperatorOption = {\n value: Operator.GREATER_THAN,\n label: \"mk.operator.greaterThan\",\n};\n\nexport const GREATER_THAN_EQUAL_OPTION: OperatorOption = {\n value: Operator.GREATER_THAN_EQUAL,\n label: \"mk.operator.greaterThanEqual\",\n};\n\nexport const BETWEEN_OPTION: OperatorOption = {\n value: Operator.BETWEEN,\n label: \"mk.operator.between\",\n};\n","import { withInstall } from \"@maketribe/utils\";\nimport { MKDataFilterFormItem } from \"./data-filter-form-item\";\nimport DataFilterForm from \"./data-filter-form\";\n\nexport const MKDataFilterForm = withInstall(DataFilterForm, {\n MKDataFilterFormItem,\n});\nexport default MKDataFilterForm;\n\nexport * from \"./data-filter-form-item\";\nexport * from \"./data-filter-form-options\";\nexport * from \"./composables\";\nexport * from \"./operator-options\";\n\nexport * from \"./components\";\n","import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { DataTable } from \"@maketribe/dm\";\n\nexport const dataFilterDrawerProps = buildProps({\n visible: {\n type: Boolean,\n default: false,\n },\n dataTable: {\n type: DataTable,\n required: true,\n },\n} as const);\n\nexport type DataFilterDrawerProps = ExtractPropTypes<\n typeof dataFilterDrawerProps\n>;\n\nexport const dataFilterDrawerEmits = {\n \"update:visible\": (visible: boolean) => true,\n};\n\nexport type DataFilterDrawerEmits = typeof dataFilterDrawerEmits;\n","import {computed, defineComponent, Fragment, unref} from \"vue\";\nimport {ElButton, ElDrawer} from \"element-plus\";\nimport {MKDataFilterForm} from \"../data-filter-form\";\nimport {\n dataFilterDrawerEmits,\n dataFilterDrawerProps,\n} from \"./data-filter-drawer-options\";\n\nexport default defineComponent({\n name: \"MKDataFilterDrawer\",\n props: dataFilterDrawerProps,\n emits: dataFilterDrawerEmits,\n setup(props, {emit}) {\n const visible = computed({\n get: () => props.visible,\n set: (v) => emit(\"update:visible\", v),\n });\n\n const handleCancelClick = () => {\n visible.value = false;\n };\n\n const handleResetClick = () => {\n visible.value = false;\n\n const dataTable = props.dataTable;\n const dataFilter = props.dataTable.dataFilter;\n\n dataFilter.reset();\n\n dataFilter.beforeSearchEvent.emit();\n\n dataTable.load();\n };\n\n const handleConfirmClick = () => {\n visible.value = false;\n\n const dataTable = props.dataTable;\n const dataFilter = props.dataTable.dataFilter;\n\n dataFilter.beforeSearchEvent.emit();\n\n dataTable.load();\n };\n\n return () => {\n return (\n <ElDrawer\n title=\"筛选器\"\n modelValue={unref(visible)}\n onUpdate:modelValue={((v: boolean) => (visible.value = v)) as any}\n v-slots={{\n default: () => <MKDataFilterForm\n class=\"overflow-hidden\"\n dataTable={props.dataTable}\n {...{labelPosition: \"top\"}}\n />,\n footer: () => (\n <Fragment>\n <ElButton onClick={handleCancelClick}>取消</ElButton>\n\n <ElButton onClick={handleResetClick}>重置</ElButton>\n\n <ElButton type=\"primary\" onClick={handleConfirmClick}>\n 查询\n </ElButton>\n </Fragment>\n ),\n }}\n />\n );\n };\n },\n});\n","import { withInstall } from \"@maketribe/utils\";\nimport DataFilterDrawer from \"./data-filter-drawer\";\n\nexport const MKDataFilterDrawer = withInstall(DataFilterDrawer);\n\nexport default MKDataFilterDrawer;\n\nexport * from \"./data-filter-drawer-options\";\n","import { defineComponent, inject, computed, unref, watch, ref } from \"vue\";\nimport { ElButton, ElInput, ElTooltip } from \"element-plus\";\nimport { Search } from \"@element-plus/icons-vue\";\nimport { debounce } from \"lodash-es\";\nimport { isWhereFilter } from \"@maketribe/dm\";\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../../token\";\nimport { MKSvgIcon } from \"../../../../../basic\";\nimport { MKDataFilterDrawer } from \"../../../../data-filter-drawer\";\nimport { MKDataFilterForm } from \"../../../../data-filter-form\";\n\nexport default defineComponent({\n name: \"MKTableFilter\",\n setup() {\n const search = ref(\"\");\n\n const isShowDrawer = ref(false);\n\n const dataTableContext = inject(DATA_TABLE_CONTEXT_KEY);\n\n const dataTable = computed(() => dataTableContext!.dataTable);\n\n const dataTableInitd = computed(() => unref(dataTable)?.initd ?? false);\n\n const searchFilterColumns = computed(() =>\n unref(dataTable)\n .dataFilter.getColumns()\n .filter((column) => column.search)\n );\n\n const searchPlaceholder = computed(\n () =>\n `通过${unref(searchFilterColumns)\n .map((column) => column.label)\n .join(\"、\")}搜索`\n );\n\n watch(\n dataTable,\n (dataTable, _, onCleanup) => {\n onCleanup(() => {\n const dataFilter = dataTable.dataFilter;\n if (isWhereFilter(dataFilter)) {\n dataFilter.getSearchGroup().clear();\n }\n });\n },\n { immediate: true }\n );\n\n const handleSearch = () => {\n debounceSearch.cancel();\n\n const dataFilter = unref(dataTable).dataFilter;\n if (isWhereFilter(dataFilter)) {\n const searchGroup = dataFilter.getSearchGroup();\n searchGroup.clear();\n\n const searchValue = unref(search);\n\n for (const searchFilterColumn of unref(searchFilterColumns)) {\n searchGroup.addOrCondition(\n searchFilterColumn.name,\n \"like\",\n `%${searchValue}%`\n );\n }\n }\n\n unref(dataTable).load();\n };\n\n const debounceSearch = debounce(handleSearch, 1000);\n\n const handleSearchKeydown = (event: KeyboardEvent) => {\n if (event.key === \"Enter\") {\n handleSearch();\n }\n };\n\n const handleSearchFocus = (event: FocusEvent) => {\n const target = event.target as HTMLInputElement;\n\n target.addEventListener(\"input\", debounceSearch);\n };\n\n const handleSearchBlur = (event: any) => {\n const target = event.target as HTMLInputElement;\n\n target.removeEventListener(\"input\", debounceSearch);\n };\n\n const handleShowDrawer = () => {\n isShowDrawer.value = true;\n };\n\n return () => {\n if (!unref(dataTableInitd)) {\n return null;\n }\n\n const _dataTable = unref(dataTable);\n\n if (_dataTable.dataFilter.getColumns().length === 0) {\n return null;\n }\n\n let searchInputVNode = null;\n\n if (unref(searchFilterColumns).length) {\n searchInputVNode = (\n <ElTooltip content={unref(searchPlaceholder)} effect=\"dark\" placement=\"top\">\n <ElInput\n prefixIcon={Search}\n class=\"mk-table-filter__search\"\n modelValue={unref(search)}\n onUpdate:modelValue={(v) => (search.value = v)}\n onKeydown={handleSearchKeydown as any}\n placeholder={unref(searchPlaceholder)}\n onFocus={handleSearchFocus}\n onBlur={handleSearchBlur}\n onClear={handleSearch}\n clearable\n />\n </ElTooltip>\n );\n }\n\n return (\n <div class=\"mk-table-filter\">\n {searchInputVNode}\n <ElTooltip content=\"筛选\" effect=\"dark\" placement=\"top\">\n <ElButton onClick={handleShowDrawer}>\n <MKSvgIcon name=\"iconoir:filter\" />\n </ElButton>\n </ElTooltip>\n\n <MKDataFilterDrawer\n visible={unref(isShowDrawer)}\n onUpdate:visible={(v) => (isShowDrawer.value = v)}\n dataTable={_dataTable}\n />\n\n <div class=\"mk-table-filter__hidden\">\n <MKDataFilterForm dataTable={_dataTable} />\n </div>\n </div>\n );\n };\n },\n});\n","import TableFilter from \"./table-filter\";\n\nexport const MKTableFilter = TableFilter;\nexport default MKTableFilter;\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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"}
1	+ {"version":3,"file":"index-DMM8Z5ly.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\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const dataFilterFormItemProps = buildProps({\n name: { type: String, required: true },\n label: { type: String },\n} as const);\n\nexport type DataFilterFormItemProps = ExtractPropTypes<\n typeof dataFilterFormItemProps\n>;\n","import { InjectionKey } from \"vue\";\nimport { Operator, FilterColumn, DataFilter } from \"@maketribe/dm\";\nimport { OperatorOption } from \"./operator-options\";\n\nexport interface DataFilterContext {\n dataFilter: DataFilter;\n labelWidth: number;\n}\n\nexport interface DataFilterItemContext {\n dataFilter: DataFilter;\n // dataFilterItem: DataFilterItem;\n}\n\n// export interface DataFilterItem {\n// dataFilter: DataFilter;\n// column: FilterColumn;\n// currentOperator: Operator \| null;\n// operatorOptions: OperatorOption[];\n// setOperator(operator: Operator): void;\n// setOperatorOptions(options: OperatorOption[]): void;\n// setValue(value: any): void;\n// getValue(): any;\n// }\n\nexport const DATA_FILTER_CONTEXT: InjectionKey<DataFilterContext> = Symbol(\n \"DATA_FILTER_CONTEXT\"\n);\nexport const DATA_FILTER_ITEM_CONTEXT: InjectionKey<DataFilterItemContext> =\n Symbol(\"DATA_FILTER_ITEM_CONTEXT\");\n\nexport const DATA_FILTER_QUERY_NAME: string = \"dataTableParams\";\n","import {\n computed,\n defineComponent,\n inject,\n onBeforeUnmount,\n reactive,\n toRaw,\n unref,\n watch,\n} from \"vue\";\nimport { ElFormItem } from \"element-plus\";\nimport { FilterColumn, isWhereFilter } from \"@maketribe/dm\";\nimport { useFilterColumnComponent } from \"../../../../composables\";\nimport { DataFilterComponent } from \"../../../../core\";\nimport { dataFilterFormItemProps } from \"./data-filter-form-item-options\";\nimport { DATA_FILTER_CONTEXT } from \"../token\";\n\nexport default defineComponent({\n name: \"MKDataFilterFormItem\",\n props: dataFilterFormItemProps,\n setup(props, { slots }) {\n const dataFilterContext = inject(DATA_FILTER_CONTEXT)!;\n\n const dataFilter = computed(() => dataFilterContext.dataFilter);\n\n let _filterColumn: FilterColumn \| null = null;\n\n const createFilterColumn = () => {\n _filterColumn = reactive(\n new FilterColumn({\n name: props.name!,\n label: props.label!,\n })\n );\n\n unref(dataFilter).addColumn(_filterColumn);\n\n return _filterColumn;\n };\n\n const filterColumn = computed(() => {\n const existingColumn = unref(dataFilter).getColumn(props.name) ?? null;\n\n if (existingColumn) {\n return existingColumn;\n }\n\n if (!_filterColumn) {\n _filterColumn = createFilterColumn();\n }\n\n return _filterColumn;\n });\n\n const value = computed({\n get: () => unref(dataFilter).getParam(unref(filterColumn).name),\n set: (v) => unref(dataFilter).setParam(unref(filterColumn).name, v),\n });\n\n const { component, componentProps, componentInfo } =\n useFilterColumnComponent(filterColumn, dataFilter);\n\n watch(\n componentInfo,\n (componentInfo) => {\n const _dataFilter = unref(dataFilter);\n\n if (isWhereFilter(_dataFilter)) {\n _dataFilter.setParamOperator(\n unref(filterColumn).name,\n (componentInfo as DataFilterComponent).defaultOperator\n );\n }\n },\n { immediate: true }\n );\n\n onBeforeUnmount(() => {\n const _dataFilter = unref(dataFilter);\n\n if (isWhereFilter(_dataFilter)) {\n _dataFilter.deleteParamOperator(unref(filterColumn).name);\n }\n\n _dataFilter.deleteParam(unref(filterColumn).name);\n });\n\n return () => {\n const _filterColumn = unref(filterColumn);\n\n if (!_filterColumn) {\n return null;\n }\n\n let children: any = slots.default?.();\n\n if (!children && unref(component)) {\n const FilterColumnComponent = toRaw(unref(component));\n\n children = (\n <FilterColumnComponent\n {...unref(componentProps)}\n modelValue={unref(value)}\n onUpdate:modelValue={(v: any) => (value.value = v)}\n column={unref(filterColumn)}\n />\n );\n }\n\n const labelWidth = computed(() => dataFilterContext.labelWidth);\n\n return (\n <ElFormItem\n prop={_filterColumn.name}\n label={_filterColumn.label}\n labelWidth={unref(labelWidth)}\n >\n {children}\n </ElFormItem>\n );\n };\n },\n});\n","import { withInstall } from \"@maketribe/utils\";\nimport DataFilterFormItem from \"./data-filter-form-item\";\n\nexport const MKDataFilterFormItem = withInstall(DataFilterFormItem);\nexport default MKDataFilterFormItem;\n\nexport * from \"./data-filter-form-item-options\";\n","import { ExtractPropTypes } from \"vue\";\nimport { DataTable } from \"@maketribe/dm\";\nimport { buildProps } from \"@maketribe/utils\";\nimport dataFilterForm from \"./data-filter-form\";\n\nexport const dataFilterFormProps = buildProps({\n // dataFilter: { type: DataFilter, required: true },\n dataTable: { type: DataTable, required: true },\n} as const);\n\nexport type DataFilterFormProps = ExtractPropTypes<typeof dataFilterFormProps>;\n\nexport const dataFilterFormEmits = {};\n\nexport type DataFilterFormEmits = typeof dataFilterForm;\n","import {\n Suspense,\n computed,\n defineComponent,\n provide,\n reactive,\n unref,\n watch,\n onMounted,\n Fragment,\n} from \"vue\";\nimport { dataFilterFormProps } from \"./data-filter-form-options\";\nimport { MKDataFilterFormItem } from \"./data-filter-form-item\";\nimport { DATA_FILTER_CONTEXT } from \"./token\";\nimport { ElForm } from \"element-plus\";\n\nexport default defineComponent({\n name: \"MKDataFilterForm\",\n props: dataFilterFormProps,\n setup(props, { slots }) {\n const dataTable = computed(() => props.dataTable);\n const dataFilter = computed(() => unref(dataTable).dataFilter);\n\n const columns = computed(() =>\n unref(dataFilter)\n .getColumns()\n .filter((column) => column.visible)\n );\n\n const labelWidth = computed(() => {\n const maxWordCount = Math.max(\n ...unref(columns).map((column) => column.label.length)\n );\n\n return maxWordCount * 14 + 20;\n });\n\n provide(DATA_FILTER_CONTEXT, reactive({ dataFilter, labelWidth }));\n\n let resolve: Function \| null = null;\n const suspenseResolvePromise = new Promise((_resolve) => {\n resolve = _resolve;\n });\n\n const handleResolve = () => {\n resolve?.();\n };\n\n onMounted(() => {\n watch(\n dataTable,\n async (dataTable, _, onCleanup) => {\n await suspenseResolvePromise;\n\n const disposable = dataTable.afterInitdEvent.on(() => {\n dataTable.dataFilter.setReady();\n });\n\n onCleanup(() => {\n disposable.dispose();\n });\n },\n { immediate: true }\n );\n });\n\n return () => {\n if (!unref(columns).length) {\n return null;\n }\n\n let children: any = slots.default?.();\n\n if (!children) {\n children = unref(columns).map((column) => {\n if (!column.name) {\n return null;\n }\n\n return (\n slots[`col-${column.name}`]?.() \|\| (\n <MKDataFilterFormItem\n name={column.name}\n v-slots={{ default: slots[`col-${column.name}-content`] }}\n />\n )\n );\n });\n }\n\n if (!children) {\n return null;\n }\n\n return (\n <ElForm class=\"mk-data-filter-form\">\n <Suspense onResolve={handleResolve}>\n <Fragment>{children}</Fragment>\n </Suspense>\n </ElForm>\n );\n };\n },\n});\n\n// export default defineComponent({\n// name: \"MKDataFilterForm\",\n// props: dataFilterFormProps,\n// setup(props, { slots }) {\n// const dataTable = computed(() => props.dataTable);\n// const dataFilter = computed(() => unref(dataTable).dataFilter);\n\n// const columns = computed(() =>\n// unref(dataFilter)\n// .getColumns()\n// .filter((column) => column.visible)\n// );\n\n// const labelWidth = computed(() => {\n// const maxWordCount = Math.max(\n// ...unref(columns).map((column) => column.label.length)\n// );\n\n// return maxWordCount * 14 + 10;\n// });\n\n// provide(DATA_FILTER_CONTEXT, reactive({ dataFilter, labelWidth }));\n\n// let resolve: Function \| null = null;\n// const suspenseResolvePromise = new Promise((_resolve) => {\n// resolve = _resolve;\n// });\n\n// const handleResolve = () => {\n// resolve?.();\n// };\n\n// onMounted(() => {\n// watch(\n// dataTable,\n// async (dataTable, _, onCleanup) => {\n// await suspenseResolvePromise;\n\n// const disposable = dataTable.afterInitdEvent.on(() => {\n// dataTable.dataFilter.setReady();\n// });\n\n// onCleanup(() => {\n// disposable.dispose();\n// });\n// },\n// { immediate: true }\n// );\n// });\n\n// return () => {\n// if (!unref(columns).length) {\n// return null;\n// }\n\n// let children: any = slots.default?.();\n\n// if (!children) {\n// children = unref(columns).map((column) => {\n// if (!column.name) {\n// return null;\n// }\n\n// return (\n// slots[`col-${column.name}`]?.() \|\| (\n// <MKDataFilterFormItem\n// name={column.name}\n// v-slots={{ default: slots[`col-${column.name}-content`] }}\n// />\n// )\n// );\n// });\n// }\n\n// if (!children) {\n// return null;\n// }\n\n// return (\n// <div class=\"mk-data-filter-form\">\n// <Suspense onResolve={handleResolve}>\n// <Fragment>{children}</Fragment>\n// </Suspense>\n// </div>\n// );\n// };\n// },\n// });\n","import { Operator } from \"@maketribe/dm\";\n\nexport type OperatorOption = { value: Operator; label: string };\n\nexport const EQUAL_OPTION: OperatorOption = {\n value: Operator.EQUAL,\n label: \"mk.operator.equal\",\n};\n\nexport const CONTAIN_OPTION: OperatorOption = {\n value: Operator.CONTAIN,\n label: \"mk.operator.contain\",\n};\n\nexport const IN_OPTION: OperatorOption = {\n value: Operator.IN,\n label: \"mk.operator.in\",\n};\n\nexport const NOT_IN_OPTION: OperatorOption = {\n value: Operator.NOT_IN,\n label: \"mk.operator.notIn\",\n};\n\nexport const LESS_THAN_OPTION: OperatorOption = {\n value: Operator.LESS_THAN,\n label: \"mk.operator.lessThan\",\n};\n\nexport const LESS_THAN_EQUAL_OPTION: OperatorOption = {\n value: Operator.LESS_THAN_EQUAL,\n label: \"mk.operator.lessThanEqual\",\n};\n\nexport const GREATER_THAN_OPTION: OperatorOption = {\n value: Operator.GREATER_THAN,\n label: \"mk.operator.greaterThan\",\n};\n\nexport const GREATER_THAN_EQUAL_OPTION: OperatorOption = {\n value: Operator.GREATER_THAN_EQUAL,\n label: \"mk.operator.greaterThanEqual\",\n};\n\nexport const BETWEEN_OPTION: OperatorOption = {\n value: Operator.BETWEEN,\n label: \"mk.operator.between\",\n};\n","import { withInstall } from \"@maketribe/utils\";\nimport { MKDataFilterFormItem } from \"./data-filter-form-item\";\nimport DataFilterForm from \"./data-filter-form\";\n\nexport const MKDataFilterForm = withInstall(DataFilterForm, {\n MKDataFilterFormItem,\n});\nexport default MKDataFilterForm;\n\nexport * from \"./data-filter-form-item\";\nexport * from \"./data-filter-form-options\";\nexport * from \"./composables\";\nexport * from \"./operator-options\";\n\nexport * from \"./components\";\n","import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { DataTable } from \"@maketribe/dm\";\n\nexport const dataFilterDrawerProps = buildProps({\n visible: {\n type: Boolean,\n default: false,\n },\n dataTable: {\n type: DataTable,\n required: true,\n },\n} as const);\n\nexport type DataFilterDrawerProps = ExtractPropTypes<\n typeof dataFilterDrawerProps\n>;\n\nexport const dataFilterDrawerEmits = {\n \"update:visible\": (visible: boolean) => true,\n};\n\nexport type DataFilterDrawerEmits = typeof dataFilterDrawerEmits;\n","import {computed, defineComponent, Fragment, unref} from \"vue\";\nimport {ElButton, ElDrawer} from \"element-plus\";\nimport {MKDataFilterForm} from \"../data-filter-form\";\nimport {\n dataFilterDrawerEmits,\n dataFilterDrawerProps,\n} from \"./data-filter-drawer-options\";\n\nexport default defineComponent({\n name: \"MKDataFilterDrawer\",\n props: dataFilterDrawerProps,\n emits: dataFilterDrawerEmits,\n setup(props, {emit}) {\n const visible = computed({\n get: () => props.visible,\n set: (v) => emit(\"update:visible\", v),\n });\n\n const handleCancelClick = () => {\n visible.value = false;\n };\n\n const handleResetClick = () => {\n visible.value = false;\n\n const dataTable = props.dataTable;\n const dataFilter = props.dataTable.dataFilter;\n\n dataFilter.reset();\n\n dataFilter.beforeSearchEvent.emit();\n\n dataTable.load();\n };\n\n const handleConfirmClick = () => {\n visible.value = false;\n\n const dataTable = props.dataTable;\n const dataFilter = props.dataTable.dataFilter;\n\n dataFilter.beforeSearchEvent.emit();\n\n dataTable.load();\n };\n\n return () => {\n return (\n <ElDrawer\n title=\"筛选器\"\n modelValue={unref(visible)}\n onUpdate:modelValue={((v: boolean) => (visible.value = v)) as any}\n v-slots={{\n default: () => <MKDataFilterForm\n class=\"overflow-hidden\"\n dataTable={props.dataTable}\n {...{labelPosition: \"top\"}}\n />,\n footer: () => (\n <Fragment>\n <ElButton onClick={handleCancelClick}>取消</ElButton>\n\n <ElButton onClick={handleResetClick}>重置</ElButton>\n\n <ElButton type=\"primary\" onClick={handleConfirmClick}>\n 查询\n </ElButton>\n </Fragment>\n ),\n }}\n />\n );\n };\n },\n});\n","import { withInstall } from \"@maketribe/utils\";\nimport DataFilterDrawer from \"./data-filter-drawer\";\n\nexport const MKDataFilterDrawer = withInstall(DataFilterDrawer);\n\nexport default MKDataFilterDrawer;\n\nexport * from \"./data-filter-drawer-options\";\n","import { defineComponent, inject, computed, unref, watch, ref } from \"vue\";\nimport { ElButton, ElInput, ElTooltip } from \"element-plus\";\nimport { Search } from \"@element-plus/icons-vue\";\nimport { debounce } from \"lodash-es\";\nimport { isWhereFilter } from \"@maketribe/dm\";\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../../token\";\nimport { MKSvgIcon } from \"../../../../../basic\";\nimport { MKDataFilterDrawer } from \"../../../../data-filter-drawer\";\nimport { MKDataFilterForm } from \"../../../../data-filter-form\";\n\nexport default defineComponent({\n name: \"MKTableFilter\",\n setup() {\n const search = ref(\"\");\n\n const isShowDrawer = ref(false);\n\n const dataTableContext = inject(DATA_TABLE_CONTEXT_KEY);\n\n const dataTable = computed(() => dataTableContext!.dataTable);\n\n const dataTableInitd = computed(() => unref(dataTable)?.initd ?? false);\n\n const searchFilterColumns = computed(() =>\n unref(dataTable)\n .dataFilter.getColumns()\n .filter((column) => column.search)\n );\n\n const searchPlaceholder = computed(\n () =>\n `通过${unref(searchFilterColumns)\n .map((column) => column.label)\n .join(\"、\")}搜索`\n );\n\n watch(\n dataTable,\n (dataTable, _, onCleanup) => {\n onCleanup(() => {\n const dataFilter = dataTable.dataFilter;\n if (isWhereFilter(dataFilter)) {\n dataFilter.getSearchGroup().clear();\n }\n });\n },\n { immediate: true }\n );\n\n const handleSearch = () => {\n debounceSearch.cancel();\n\n const dataFilter = unref(dataTable).dataFilter;\n if (isWhereFilter(dataFilter)) {\n const searchGroup = dataFilter.getSearchGroup();\n searchGroup.clear();\n\n const searchValue = unref(search);\n\n for (const searchFilterColumn of unref(searchFilterColumns)) {\n searchGroup.addOrCondition(\n searchFilterColumn.name,\n \"like\",\n `%${searchValue}%`\n );\n }\n }\n\n unref(dataTable).load();\n };\n\n const debounceSearch = debounce(handleSearch, 1000);\n\n const handleSearchKeydown = (event: KeyboardEvent) => {\n if (event.key === \"Enter\") {\n handleSearch();\n }\n };\n\n const handleSearchFocus = (event: FocusEvent) => {\n const target = event.target as HTMLInputElement;\n\n target.addEventListener(\"input\", debounceSearch);\n };\n\n const handleSearchBlur = (event: any) => {\n const target = event.target as HTMLInputElement;\n\n target.removeEventListener(\"input\", debounceSearch);\n };\n\n const handleShowDrawer = () => {\n isShowDrawer.value = true;\n };\n\n return () => {\n if (!unref(dataTableInitd)) {\n return null;\n }\n\n const _dataTable = unref(dataTable);\n\n if (_dataTable.dataFilter.getColumns().length === 0) {\n return null;\n }\n\n let searchInputVNode = null;\n\n if (unref(searchFilterColumns).length) {\n searchInputVNode = (\n <ElInput\n prefixIcon={Search}\n class=\"mk-table-filter__search\"\n modelValue={unref(search)}\n onUpdate:modelValue={(v) => (search.value = v)}\n onKeydown={handleSearchKeydown as any}\n placeholder={unref(searchPlaceholder)}\n onFocus={handleSearchFocus}\n onBlur={handleSearchBlur}\n onClear={handleSearch}\n clearable\n />\n );\n }\n\n return (\n <div class=\"mk-table-filter\">\n {searchInputVNode}\n <ElTooltip content=\"筛选\" effect=\"dark\" placement=\"top\">\n <ElButton onClick={handleShowDrawer}>\n <MKSvgIcon name=\"iconoir:filter\" />\n </ElButton>\n </ElTooltip>\n\n <MKDataFilterDrawer\n visible={unref(isShowDrawer)}\n onUpdate:visible={(v) => (isShowDrawer.value = v)}\n dataTable={_dataTable}\n />\n\n <div class=\"mk-table-filter__hidden\">\n <MKDataFilterForm dataTable={_dataTable} />\n </div>\n </div>\n );\n };\n },\n});\n","import TableFilter from \"./table-filter\";\n\nexport const MKTableFilter = TableFilter;\nexport default MKTableFilter;\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","ElInput","Search","ElTooltip","MKSvgIcon","MKDataFilterDrawer"],"mappings":"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"}

package/dist/cjs/{index-JVVz1oBd.cjs → index-DPMmvjyM.cjs} RENAMED Viewed

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

package/dist/cjs/{index-JVVz1oBd.cjs.map → index-DPMmvjyM.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index-~~JVVz1oBd~~.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\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../composables\";\n\nexport const columnImageProps = buildProps({\n ...columnProps,\n} as const);\n\nexport type ColumnImageProps = ExtractPropTypes<typeof columnImageProps>;\n","import { defineComponent, unref } from \"vue\";\nimport { useColumn } from \"../../composables\";\nimport { columnImageProps } from \"./column-image-options\";\nimport { ElImage } from \"element-plus\";\n\nexport default defineComponent({\n name: \"MKColumnImage\",\n props: columnImageProps,\n setup(props) {\n const { value } = useColumn(props);\n\n return () => {\n if (!unref(value)) {\n return null;\n }\n\n return <ElImage src={unref(value)} />;\n };\n },\n});\n","import ColumnImage from \"./column-image\";\n\nexport const MKColumnImage = ColumnImage;\nexport default MKColumnImage;\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;;;"}
1	+ {"version":3,"file":"index-DPMmvjyM.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\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../composables\";\n\nexport const columnImageProps = buildProps({\n ...columnProps,\n} as const);\n\nexport type ColumnImageProps = ExtractPropTypes<typeof columnImageProps>;\n","import { defineComponent, unref } from \"vue\";\nimport { useColumn } from \"../../composables\";\nimport { columnImageProps } from \"./column-image-options\";\nimport { ElImage } from \"element-plus\";\n\nexport default defineComponent({\n name: \"MKColumnImage\",\n props: columnImageProps,\n setup(props) {\n const { value } = useColumn(props);\n\n return () => {\n if (!unref(value)) {\n return null;\n }\n\n return <ElImage src={unref(value)} />;\n };\n },\n});\n","import ColumnImage from \"./column-image\";\n\nexport const MKColumnImage = ColumnImage;\nexport default MKColumnImage;\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;;;"}

package/dist/cjs/{index-BXCy_E7S.cjs → index-DcMYPf0V.cjs} RENAMED Viewed

@@ -2,9 +2,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const utils = require("@maketribe/utils");
 const vue = require("vue");
-const index = require("./index-DcHHWtzy.cjs");
+const index = require("./index-D1Kq_PNX.cjs");
 const dm = require("@maketribe/dm");
 const elementPlus = require("element-plus");
+const locale = require("@maketribe/locale");
 const formDetailProps = utils.buildProps({
   modelValue: {
     type: null
@@ -22,37 +23,6 @@ const formDetailProps = utils.buildProps({
 const formDetailEmits = {
   "update:model-value": (v) => true
 };
-utils.buildProps({
-  column: { type: dm.FormColumn, required: true }
-});
-function useFormItem() {
-  const dataFormItemContext = vue.inject(index.DATA_FORM_ITEM_CONTEXT_KEY);
-  const column = vue.computed(() => {
-    var _a;
-    return ((_a = vue.unref(dataFormItemContext)) == null ? void 0 : _a.column) ?? null;
-  });
-  const value = vue.computed({
-    get: () => {
-      const _column = vue.unref(column);
-      if (!_column) {
-        return;
-      }
-      return _column.getValue();
-    },
-    set: (v) => {
-      const _column = vue.unref(column);
-      if (!_column) {
-        return;
-      }
-      _column.setValue(v);
-    }
-  });
-  const disabled = vue.computed(() => {
-    var _a;
-    return ((_a = vue.unref(column)) == null ? void 0 : _a.disabled) ?? false;
-  });
-  return { column, value, disabled };
-}
 const _hoisted_1 = { class: "mk-form-detail" };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "form-detail",
@@ -62,7 +32,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     const detailTable = vue.computed(() => props.column.detailTable);
     const detailForm = vue.computed(() => props.column.detailForm);
-    const { value } = useFormItem();
+    const { value } = index.useFormItem();
     vue.watch(
       vue.computed(() => vue.unref(value)),
       (value2) => {
@@ -132,6 +102,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       },
       { immediate: true }
     );
+    const isUpdateForm = vue.computed(() => vue.unref(detailForm).getDataFormType() == dm.DataFormType.UPDATE);
     const handleFormSave = async () => {
       var _a;
       await ((_a = vue.unref(detailForm)) == null ? void 0 : _a.simpleSubmit());
@@ -149,12 +120,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         vue.createVNode(_component_ElDrawer, {
           modelValue: isShowDataForm.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isShowDataForm.value = $event),
-          "append-to-body": ""
+          "append-to-body": "",
+          title: _ctx.column.label
         }, {
           footer: vue.withCtx(() => [
             vue.createVNode(vue.unref(elementPlus.ElButton), { onClick: handleFormCancel }, {
               default: vue.withCtx(() => [
-                vue.createTextVNode("取消")
+                vue.createTextVNode(vue.toDisplayString(vue.unref(locale.I18n).instance.translate("mk.dataForm.cancelButton")), 1)
               ]),
               _: 1
             }),
@@ -163,14 +135,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               onClick: handleFormSave
             }, {
               default: vue.withCtx(() => [
-                vue.createTextVNode("保存")
+                vue.createTextVNode(vue.toDisplayString(isUpdateForm.value ? vue.unref(locale.I18n).instance.translate("mk.dataForm.saveButton") : vue.unref(locale.I18n).instance.translate("mk.dataForm.addButton")), 1)
               ]),
               _: 1
             })
           ]),
-          empty: vue.withCtx(() => [
-            vue.createVNode(vue.unref(elementPlus.ElEmpty), { "image-size": 100 })
-          ]),
           default: vue.withCtx(() => [
             vue.createVNode(index.DataForm, {
               dataForm: detailForm.value,
@@ -183,7 +152,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             }, 8, ["dataForm"])
           ]),
           _: 1
-        }, 8, ["modelValue"])
+        }, 8, ["modelValue", "title"])
       ]);
     };
   }
@@ -193,4 +162,4 @@ exports.MKFormDetail = MKFormDetail;
 exports.default = MKFormDetail;
 exports.formDetailEmits = formDetailEmits;
 exports.formDetailProps = formDetailProps;
-//# sourceMappingURL=index-BXCy_E7S.cjs.map
+//# sourceMappingURL=index-DcMYPf0V.cjs.map

package/dist/cjs/index-DcMYPf0V.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index-DcMYPf0V.cjs","sources":["../../src/components/data-model/data-form/components/form-detail/form-detail-options.ts","../../src/components/data-model/data-form/components/form-detail/form-detail.vue","../../src/components/data-model/data-form/components/form-detail/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { FormDetailColumn } from \"@maketribe/dm\";\n\nexport const formDetailProps = buildProps({\n modelValue: {\n type: null,\n },\n disabled: {\n type: Boolean,\n default: false,\n },\n column: { type: FormDetailColumn, required: true },\n formWidth: {\n type: String,\n default: \"400px\",\n },\n} as const);\n\nexport type FormDetailProps = ExtractPropTypes<typeof formDetailProps>;\n\nexport const formDetailEmits = {\n \"update:model-value\": (v: any) => true,\n};\n\nexport type FormDetailEmits = ExtractPropTypes<typeof formDetailEmits>;\n","<script setup lang=\"ts\">\nimport {computed, ref, unref, watch} from \"vue\";\nimport {MKDataTable} from \"../../../data-table\";\nimport DataForm from \"../../data-form.vue\";\nimport {formDetailEmits, formDetailProps} from \"./form-detail-options\";\nimport {useFormItem} from \"../../composables\";\nimport {MKForm} from '../../views'\nimport {ElButton, ElEmpty} from \"element-plus\";\nimport { I18n } from \"@maketribe/locale\";\nimport {DataFormType, Messager} from \"@maketribe/dm\";\n\nconst props = defineProps(formDetailProps);\n\nconst emit = defineEmits(formDetailEmits)\n\nconst detailTable = computed(() => props.column.detailTable);\nconst detailForm = computed(() => props.column.detailForm!);\n\nconst {value} = useFormItem();\n\nwatch(\n computed(() => unref(value)),\n (value) => {\n const _detailTable = unref(detailTable);\n\n value = Array.isArray(value) ? value : [];\n\n _detailTable.setList(\n value.map((item: any) => _detailTable.formatItem(item))\n );\n }\n);\n\nconst isShowDataForm = ref(false);\n\nwatch(\n detailTable,\n (dataTable, _, onCleanup) => {\n\n const addRecordDisposable = dataTable.addRecordEvent.on(async ({item}) => {\n const _dataForm = unref(detailForm);\n\n if (!_dataForm) {\n console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\n return;\n }\n\n isShowDataForm.value = true;\n\n _dataForm.addRecord(item);\n });\n\n const editRecordDisposable = dataTable.editRecordEvent.on(\n async ({item}) => {\n const _dataForm = unref(detailForm);\n\n if (!_dataForm) {\n console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\n return;\n }\n\n isShowDataForm.value = true;\n\n try {\n const response = await _dataForm.editRecord(item);\n\n if (response.data.code !== 200) {\n Messager.error({message: response.data.msg});\n isShowDataForm.value = false;\n return;\n }\n } catch (e) {\n console.error(e);\n isShowDataForm.value = false;\n }\n }\n );\n\n onCleanup(() => {\n addRecordDisposable.dispose();\n editRecordDisposable.dispose();\n });\n },\n {immediate: true}\n);\n\nwatch(\n detailForm,\n (dataForm, _, onCleanup) => {\n const submittedDisposable = dataForm.submittedEvent.on(() => {\n isShowDataForm.value = false;\n\n unref(detailTable)?.load();\n });\n\n const cancelDisposable = dataForm.cancelEvent.on(() => {\n isShowDataForm.value = false;\n });\n\n onCleanup(() => {\n submittedDisposable.dispose();\n cancelDisposable.dispose();\n });\n },\n {immediate: true}\n);\n\nconst isUpdateForm = computed(()=> unref(detailForm).getDataFormType() == DataFormType.UPDATE)\n\nconst handleFormSave = async () => {\n await unref(detailForm)?.simpleSubmit();\n};\n\nconst handleFormCancel = () => {\n unref(detailForm).cancel();\n};\n\n\n</script>\n\n<template>\n <div class=\"mk-form-detail\">\n <MKDataTable :dataTable=\"detailTable\" :autoLoad=\"false\" />\n <ElDrawer v-model=\"isShowDataForm\" append-to-body :title=\"column.label\">\n <DataForm :dataForm=\"detailForm\" :autoLoad=\"false\">\n <MKForm/>\n </DataForm>\n\n <template #footer>\n <ElButton @click=\"handleFormCancel\">\n {{I18n.instance.translate(\"mk.dataForm.cancelButton\")}}\n </ElButton>\n <ElButton type=\"primary\" @click=\"handleFormSave\">\n {{ isUpdateForm ? I18n.instance.translate(\"mk.dataForm.saveButton\") : I18n.instance.translate(\"mk.dataForm.addButton\")}}\n </ElButton>\n </template>\n\n\n\n\n </ElDrawer>\n </div>\n</template>\n","import { withInstall } from \"@maketribe/utils\";\nimport FormDetail from \"./form-detail.vue\";\n\nexport const MKFormDetail = withInstall(FormDetail);\nexport default MKFormDetail;\n\nexport * from \"./form-detail-options\";\n"],"names":["buildProps","FormDetailColumn","computed","useFormItem","watch","unref","value","ref","Messager","DataFormType","withInstall","FormDetail"],"mappings":"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"}

package/dist/cjs/{index-RxeITfKe.cjs → index-Dz0g2ks6.cjs} RENAMED Viewed

@@ -6,7 +6,7 @@ const dm = require("@maketribe/dm");
 const request = require("@maketribe/request");
 const elementPlus = require("element-plus");
 require("@maketribe/utils");
-const index = require("./index-DcHHWtzy.cjs");
+const index = require("./index-D1Kq_PNX.cjs");
 require("@maketribe/locale");
 require("lodash-es");
 require("@lexical/overflow");
@@ -21,7 +21,7 @@ require("@lexical/history");
 require("@lexical/dragon");
 require("@lexical/plain-text");
 const _hoisted_1 = { flex: "inline items-center" };
-const _hoisted_2 = { class: "ms-menu__title" };
+const _hoisted_2 = { class: "mx-2" };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   setup(__props) {
@@ -65,55 +65,63 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         (_c = vue.unref(dataTree)) == null ? void 0 : _c.getLoadingManager().completeLoading();
       }
     };
-    index.useSingleViewWithDialog({ dataTable: dataTree, dataForm });
+    const { isShowDataForm } = index.useSingleView({ dataTable: dataTree, dataForm });
     vue.onBeforeUnmount(() => {
       routeTable.dispose();
     });
     return (_ctx, _cache) => {
       const _component_ElButton = vue.resolveComponent("ElButton");
-      return dataTree.value ? (vue.openBlock(), vue.createBlock(vue.unref(index.MKPageContainer), { key: 0 }, {
-        default: vue.withCtx(() => [
-          vue.createVNode(vue.unref(index.MKDataTable), {
-            "data-table": dataTree.value,
-            enableQueryParams: ""
-          }, {
-            default: vue.withCtx(() => [
-              vue.createVNode(vue.unref(index.MKTableView), null, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(index.MKTableTree), { defaultExpandAll: "" }, {
-                    "col-data.title-content": vue.withCtx(({ row }) => [
-                      vue.createElementVNode("div", _hoisted_1, [
-                        vue.createVNode(vue.unref(index.MKSvgIcon), {
-                          name: row.data.iconName
-                        }, null, 8, ["name"]),
-                        vue.createElementVNode("span", _hoisted_2, vue.toDisplayString(row.data.title), 1),
-                        row.data.type === vue.unref(index.MenuType).Menu ? (vue.openBlock(), vue.createBlock(_component_ElButton, {
-                          key: 0,
-                          link: "",
-                          type: "primary",
-                          class: "ms-menu__url",
-                          onClick: ($event) => handleUrlClick(row.data)
-                        }, {
-                          default: vue.withCtx(() => [
-                            vue.createTextVNode(vue.toDisplayString(row.data.targetUrl || "空"), 1)
-                          ]),
-                          _: 2
-                        }, 1032, ["onClick"])) : vue.createCommentVNode("", true)
-                      ])
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }, 8, ["data-table"])
-        ]),
-        _: 1
-      })) : vue.createCommentVNode("", true);
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        dataTree.value ? vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(index.MKDataTable), {
+          key: 0,
+          "data-table": dataTree.value,
+          mode: "page",
+          enableQueryParams: ""
+        }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(vue.unref(index.MKTableView), { mode: "page" }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(vue.unref(index.MKTableTree), { defaultExpandAll: "" }, {
+                  "col-data.title-content": vue.withCtx(({ row }) => [
+                    vue.createElementVNode("div", _hoisted_1, [
+                      vue.createVNode(vue.unref(index.MKSvgIcon), {
+                        name: row.data.iconName
+                      }, null, 8, ["name"]),
+                      vue.createElementVNode("span", _hoisted_2, vue.toDisplayString(row.data.title), 1),
+                      row.data.type === vue.unref(index.MenuType).Menu ? (vue.openBlock(), vue.createBlock(_component_ElButton, {
+                        key: 0,
+                        link: "",
+                        type: "primary",
+                        class: "ms-menu__url",
+                        onClick: ($event) => handleUrlClick(row.data)
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.createTextVNode(vue.toDisplayString(row.data.targetUrl || "空"), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["onClick"])) : vue.createCommentVNode("", true)
+                    ])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["data-table"])), [
+          [vue.vShow, !vue.unref(isShowDataForm)]
+        ]) : vue.createCommentVNode("", true),
+        dataForm.value && vue.unref(isShowDataForm) ? (vue.openBlock(), vue.createBlock(vue.unref(index.MKDataForm), {
+          key: 1,
+          mode: "page",
+          labelPosition: "top",
+          "data-form": dataForm.value,
+          KDataForm: ""
+        }, null, 8, ["data-form"])) : vue.createCommentVNode("", true)
+      ], 64);
     };
   }
 });
 exports.default = _sfc_main;
-//# sourceMappingURL=index-RxeITfKe.cjs.map
+//# sourceMappingURL=index-Dz0g2ks6.cjs.map

package/dist/cjs/index-Dz0g2ks6.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index-Dz0g2ks6.cjs","sources":["../../src/pages/ms-menu/index.vue"],"sourcesContent":["<template>\n <MKDataTable v-if=\"dataTree\" v-show=\"!isShowDataForm\" :data-table=\"dataTree\" mode=\"page\" enableQueryParams>\n <MKTableView mode=\"page\">\n <MKTableTree defaultExpandAll>\n <template #col-data.title-content=\"{ row }\">\n <div flex=\"inline items-center\">\n <MKSvgIcon :name=\"row.data.iconName\"/>\n <span class=\"mx-2\">{{ row.data.title }}</span>\n <ElButton\n v-if=\"row.data.type === MenuType.Menu\"\n link\n type=\"primary\"\n class=\"ms-menu__url\"\n @click=\"handleUrlClick(row.data)\"\n >\n {{ row.data.targetUrl || \"空\" }}\n </ElButton>\n </div>\n </template>\n </MKTableTree>\n </MKTableView>\n </MKDataTable>\n\n <MKDataForm v-if=\"dataForm && isShowDataForm\" mode=\"page\" labelPosition=\"top\" :data-form=\"dataForm\" KDataForm/>\n</template>\n<script setup lang=\"ts\">\nimport {\n unref,\n computed,\n watch,\n ref,\n Ref,\n reactive,\n onBeforeUnmount,\n} from \"vue\";\nimport {useRouter} from \"vue-router\";\nimport {DataForm, DataTree, Dialoger} from \"@maketribe/dm\";\nimport {DvOpt} from \"@maketribe/request\";\nimport {ElMessage} from \"element-plus\";\nimport {DataModelDefines} from \"../../core\";\nimport {\n MKSvgIcon,\n MKDataTable, MKTableView, MKTableTree, MKDataForm,\n} from \"../../components\";\nimport {useSingleView} from \"../../composables\";\nimport {MenuType} from \"../../constants\";\nimport {MsRouteTable, MsMenuItemNode} from \"../../dataviews\";\n\nconst router = useRouter();\n\nconst dataTree: Ref<DataTree | null> = ref(null);\nconst dataForm: Ref<DataForm | null> = ref(null);\n\n// 路由表单\nconst routeTable = reactive(new MsRouteTable()) as MsRouteTable;\n\nwatch(\n computed(() => unref(router.currentRoute).meta.name as string),\n (name) => {\n dataTree.value = DataModelDefines.instance.getDataTree(name);\n\n dataForm.value = DataModelDefines.instance.getDataForm(name);\n },\n {immediate: true}\n);\n\nconst handleUrlClick = async (item: MsMenuItemNode) => {\n routeTable.useCondition((defaultGroup) => {\n defaultGroup.clear();\n defaultGroup.addCondition(\"menuId\", \"=\", item.id);\n });\n\n const result = await Dialoger.dataTableSelectDialog(routeTable);\n\n if (!result.isConfirm) {\n return;\n }\n\n try {\n unref(dataTree)?.getLoadingManager().startLoading();\n\n const response = await DvOpt.createInstance({name: \"ms-menu\"}).save({\n id: item.id,\n routeId: result.selections[0],\n });\n\n if (response.code !== 200) {\n ElMessage.error(response.msg);\n return;\n }\n\n unref(dataTree)?.load();\n\n ElMessage.success(\"更新成功\");\n } catch {\n ElMessage.error(\"网络异常\");\n } finally {\n unref(dataTree)?.getLoadingManager().completeLoading();\n }\n};\n\nconst {isShowDataForm} = useSingleView({dataTable: dataTree, dataForm});\n\nonBeforeUnmount(() => {\n routeTable.dispose();\n});\n</script>\n"],"names":["useRouter","ref","reactive","MsRouteTable","watch","computed","unref","DataModelDefines","Dialoger","DvOpt","ElMessage","useSingleView","onBeforeUnmount"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDA,UAAM,SAASA,UAAAA;AAET,UAAA,WAAiCC,QAAI,IAAI;AACzC,UAAA,WAAiCA,QAAI,IAAI;AAG/C,UAAM,aAAaC,IAAAA,SAAS,IAAIC,MAAAA,aAAc,CAAA;AAE9CC,QAAA;AAAA,MACEC,aAAS,MAAMC,IAAAA,MAAM,OAAO,YAAY,EAAE,KAAK,IAAc;AAAA,MAC7D,CAAC,SAAS;AACR,iBAAS,QAAQC,MAAA,iBAAiB,SAAS,YAAY,IAAI;AAE3D,iBAAS,QAAQA,MAAA,iBAAiB,SAAS,YAAY,IAAI;AAAA,MAC7D;AAAA,MACA,EAAC,WAAW,KAAI;AAAA,IAAA;AAGZ,UAAA,iBAAiB,OAAO,SAAyB;;AAC1C,iBAAA,aAAa,CAAC,iBAAiB;AACxC,qBAAa,MAAM;AACnB,qBAAa,aAAa,UAAU,KAAK,KAAK,EAAE;AAAA,MAAA,CACjD;AAED,YAAM,SAAS,MAAMC,GAAAA,SAAS,sBAAsB,UAAU;AAE1D,UAAA,CAAC,OAAO,WAAW;AACrB;AAAA,MACF;AAEI,UAAA;AACFF,kBAAAA,MAAM,QAAQ,MAAdA,mBAAiB,oBAAoB;AAE/B,cAAA,WAAW,MAAMG,QAAAA,MAAM,eAAe,EAAC,MAAM,UAAA,CAAU,EAAE,KAAK;AAAA,UAClE,IAAI,KAAK;AAAA,UACT,SAAS,OAAO,WAAW,CAAC;AAAA,QAAA,CAC7B;AAEG,YAAA,SAAS,SAAS,KAAK;AACfC,sBAAAA,UAAA,MAAM,SAAS,GAAG;AAC5B;AAAA,QACF;AAEMJ,wBAAA,QAAQ,MAARA,mBAAW;AAEjBI,8BAAU,QAAQ,MAAM;AAAA,MAAA,QAClB;AACNA,8BAAU,MAAM,MAAM;AAAA,MAAA,UACtB;AACAJ,kBAAAA,MAAM,QAAQ,MAAdA,mBAAiB,oBAAoB;AAAA,MACvC;AAAA,IAAA;AAGI,UAAA,EAAC,mBAAkBK,MAAA,cAAc,EAAC,WAAW,UAAU,UAAS;AAEtEC,QAAAA,gBAAgB,MAAM;AACpB,iBAAW,QAAQ;AAAA,IAAA,CACpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/index-QP7R7FE5.cjs ADDED Viewed

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils = require("@maketribe/utils");
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const iconsVue = require("@element-plus/icons-vue");
+const fileViewProps = utils.buildProps({
+  src: { type: String, required: true }
+});
+const FileView = /* @__PURE__ */ vue.defineComponent({
+  name: "MKFileView",
+  props: fileViewProps,
+  setup(props) {
+    const handleDownloadClick = () => {
+      const a = document.createElement("a");
+      a.setAttribute("download", (/* @__PURE__ */ new Date()).getTime().toString());
+      a.target = "_blank";
+      a.href = props.src;
+      Object.assign(a.style, {
+        width: "1px",
+        height: "1px"
+      });
+      document.body.append(a);
+      a.click();
+      setTimeout(() => {
+        document.body.removeChild(a);
+      });
+    };
+    return () => vue.createVNode("div", {
+      "class": "mk-file-view"
+    }, [vue.createVNode(elementPlus.ElIcon, {
+      "size": "20"
+    }, {
+      default: () => [vue.createVNode(iconsVue.Document, null, null)]
+    }), vue.createVNode("div", {
+      "class": "mk-file-view__tools"
+    }, [vue.createVNode(elementPlus.ElButton, {
+      "type": "primary",
+      "icon": iconsVue.Download,
+      "onClick": handleDownloadClick
+    }, null)])]);
+  }
+});
+const MKFileView = utils.withInstall(FileView);
+exports.MKFileView = MKFileView;
+exports.default = MKFileView;
+exports.fileViewProps = fileViewProps;
+//# sourceMappingURL=index-QP7R7FE5.cjs.map

package/dist/cjs/index-QP7R7FE5.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index-QP7R7FE5.cjs","sources":["../../src/components/business/material-list/components/file-view/file-view-options.ts","../../src/components/business/material-list/components/file-view/file-view.tsx","../../src/components/business/material-list/components/file-view/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const fileViewProps = buildProps({\n src: { type: String, required: true },\n} as const);\n\nexport type FileViewProps = ExtractPropTypes<typeof fileViewProps>;\n","import { defineComponent } from \"vue\";\nimport { ElButton, ElIcon } from \"element-plus\";\nimport { Document, Download } from \"@element-plus/icons-vue\";\nimport { fileViewProps } from \"./file-view-options\";\n\nexport default defineComponent({\n name: \"MKFileView\",\n props: fileViewProps,\n setup(props) {\n const handleDownloadClick = () => {\n const a = document.createElement(\"a\");\n a.setAttribute(\"download\", new Date().getTime().toString());\n a.target = \"_blank\";\n a.href = props.src;\n Object.assign(a.style, { width: \"1px\", height: \"1px\" });\n\n document.body.append(a);\n a.click();\n\n setTimeout(() => {\n document.body.removeChild(a);\n });\n };\n\n return () => (\n <div class=\"mk-file-view\">\n <ElIcon size=\"20\">\n <Document />\n </ElIcon>\n <div class=\"mk-file-view__tools\">\n <ElButton\n type=\"primary\"\n icon={Download}\n onClick={handleDownloadClick}\n />\n </div>\n </div>\n );\n },\n});\n","import { withInstall } from \"@maketribe/utils\";\nimport FileView from \"./file-view\";\n\nexport const MKFileView = withInstall(FileView);\nexport default MKFileView;\n\nexport * from \"./file-view-options\";\n"],"names":["buildProps","defineComponent","name","props","fileViewProps","setup","handleDownloadClick","a","document","createElement","setAttribute","Date","getTime","toString","target","href","src","Object","assign","style","width","height","body","append","click","setTimeout","removeChild","_createVNode","ElIcon","default","Document","ElButton","Download","withInstall"],"mappings":";;;;;;AAGO,MAAM,gBAAgBA,MAAAA,WAAW;AAAA,EACtC,KAAK,EAAE,MAAM,QAAQ,UAAU,KAAK;AACtC,CAAU;ACAV,MAAeC,+CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAMG,sBAAsBA,MAAM;AAChC,YAAMC,IAAIC,SAASC,cAAc,GAAG;AACpCF,QAAEG,aAAa,aAAY,oBAAIC,KAAM,GAACC,QAAS,EAACC,SAAQ,CAAE;AAC1DN,QAAEO,SAAS;AACXP,QAAEQ,OAAOZ,MAAMa;AACfC,aAAOC,OAAOX,EAAEY,OAAO;AAAA,QAAEC,OAAO;AAAA,QAAOC,QAAQ;AAAA,MAAM,CAAC;AAEtDb,eAASc,KAAKC,OAAOhB,CAAC;AACtBA,QAAEiB,MAAK;AAEPC,iBAAW,MAAM;AACfjB,iBAASc,KAAKI,YAAYnB,CAAC;AAAA,MAC7B,CAAC;AAAA;AAGH,WAAO,MAAAoB,IAAA,YAAA,OAAA;AAAA,MAAA,SAAA;AAAA,OAAAA,CAAAA,IAAA,YAAAC,oBAAA;AAAA,MAAA,QAAA;AAAA,IAAA,GAAA;AAAA,MAAAC,SAAAA,MAAAF,CAAAA,IAAA,YAAAG,SAAA,UAAA,MAAA,IAAA,CAAA;AAAA,IAAA,CAAA,GAAAH,IAAA,YAAA,OAAA;AAAA,MAAA,SAAA;AAAA,OAAAA,CAAAA,IAAA,YAAAI,sBAAA;AAAA,MAAA,QAAA;AAAA,MAAA,QAQOC,SAAQ;AAAA,MAAA,WACL1B;AAAAA,OAIhB,IAAA,CAAA,CAAA,CAAA,CAAA;AAAA,EACH;AACF,CAAC;ACpCY,MAAA,aAAa2B,kBAAY,QAAQ;;;;"}