@maketribe/ms-app 3.0.26 → 3.0.28

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

@@ -18,6 +18,14 @@ var TableView = /* @__PURE__ */ vue.defineComponent({
   }) {
     const dataTable = vue.computed(() => props.dataTable);
     const pageSizes = vue.computed(() => vue.unref(dataTable).pageSizes);
+    vue.watch(dataTable, (dataTable2) => {
+      const dataFilter = dataTable2.dataFilter;
+      if (dataFilter.getColumns().length === 0) {
+        dataFilter.setReady();
+      }
+    }, {
+      immediate: true
+    });
     return () => {
       const pagination = slots.pagination?.({
         dataTable: vue.unref(dataTable)
@@ -48,7 +56,7 @@ var TableView = /* @__PURE__ */ vue.defineComponent({
               "class": "header-box-main"
             }, null), vue.createVNode("div", {
               "class": "header-box-tools"
-            }, [vue.createVNode(index$4.MKDataFilterPopover, {
+            }, [_dataTable.dataFilter.getColumns().length ? vue.createVNode(index$4.MKDataFilterPopover, {
               "dataTable": _dataTable
             }, {
               default: () => [vue.createVNode(elementPlus.ElButton, null, {
@@ -56,7 +64,7 @@ var TableView = /* @__PURE__ */ vue.defineComponent({
                   "iconClass": "Filter"
                 }, null)]
               })]
-            }), buttons])]);
+            }) : null, buttons])]);
           } else {
             tools = vue.createVNode("div", {
               "class": "mk-table-view__selection-tip"

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

@@ -1 +1 @@
-{"version":3,"file":"table-view.js","sources":["../../../../../../../src/components/data-model/data-table/views/table-view/table-view.tsx"],"sourcesContent":["import { Fragment, VNode, computed, defineComponent, unref } from \"vue\";\nimport { ElButton, ElCard } from \"element-plus\";\n\nimport { MKButton } from \"../../../../button\";\nimport { MKTableClassifySearch } from \"./classify-search\";\nimport { MKDataTablePagination } from \"../../../data-table-pagination\";\nimport { MKDataFilterPopover } from \"../../../data-filter-popover\";\nimport { MKSvgIcon } from \"../../../../svg-icon\";\nimport { MKTable } from \"../table\";\nimport { tableViewProps } from \"./table-view-options\";\n\nexport default defineComponent({\n  name: \"MKTableView\",\n  props: tableViewProps,\n  setup(props, { slots }) {\n    const dataTable = computed(() => props.dataTable);\n\n    const pageSizes = computed(() => unref(dataTable).pageSizes);\n\n    return () => {\n      const pagination =\n        slots.pagination?.({ dataTable: unref(dataTable) }) ||\n        (unref(pageSizes).length ? (\n          <MKDataTablePagination dataTable={unref(dataTable)} />\n        ) : null);\n\n      return (\n        <ElCard\n          class=\"mk-table-view\"\n          v-slots={{\n            header: () => {\n              const _dataTable = unref(dataTable);\n\n              const buttons = _dataTable.buttonTools\n                .filter((button) => button.predicate())\n                .map((button) => (\n                  <MKButton button={button} onClick={() => button.handler()} />\n                ));\n\n              let classifySearch: any = slots[\"classify-search\"]?.() ?? null;\n              if (\n                !classifySearch &&\n                _dataTable.classifySearch.getClassifySearchItems().length\n              ) {\n                classifySearch = <MKTableClassifySearch />;\n              }\n\n              let tools: VNode;\n\n              if (!_dataTable.getSelection().length) {\n                tools = (\n                  <Fragment>\n                    <div class=\"header-box-main\"></div>\n                    <div class=\"header-box-tools\">\n                      <MKDataFilterPopover dataTable={_dataTable}>\n                        <ElButton>\n                          <MKSvgIcon iconClass=\"Filter\" />\n                        </ElButton>\n                      </MKDataFilterPopover>\n                      {buttons}\n                    </div>\n                  </Fragment>\n                );\n              } else {\n                tools = (\n                  <div class=\"mk-table-view__selection-tip\">\n                    <div class=\"mk-table-view__selection-tip-left\">\n                      <span>\n                        已选中\n                        <span class=\"selection-count\">\n                          {_dataTable.getSelection().length}\n                        </span>\n                        项\n                      </span>\n                    </div>\n                    <div class=\"mk-table-view__selection-tip-right\">\n                      {_dataTable.batchActionButtonTools.map((button) => (\n                        <MKButton\n                          link\n                          button={button}\n                          onClick={() => button.handler()}\n                        />\n                      ))}\n                      <ElButton\n                        link\n                        onClick={() => _dataTable.clearSelection()}\n                      >\n                        取消选择\n                      </ElButton>\n                    </div>\n                  </div>\n                );\n              }\n\n              return (\n                <Fragment>\n                  {classifySearch}\n                  <div class=\"mk-table-view__header header-box\">{tools}</div>\n                </Fragment>\n              );\n            },\n          }}\n        >\n          {slots.default?.({ dataTable: unref(dataTable) }) || (\n            <MKTable dataTable={unref(dataTable)} />\n          )}\n          {pagination}\n        </ElCard>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","tableViewProps","setup","slots","dataTable","computed","pageSizes","unref","pagination","length","_createVNode","MKDataTablePagination","ElCard","default","MKTable","header","_dataTable","buttons","buttonTools","filter","button","predicate","map","MKButton","onClick","handler","classifySearch","getClassifySearchItems","MKTableClassifySearch","tools","getSelection","_Fragment","MKDataFilterPopover","ElButton","MKSvgIcon","_createTextVNode","batchActionButtonTools","clearSelection"],"mappings":"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"}
+{"version":3,"file":"table-view.js","sources":["../../../../../../../src/components/data-model/data-table/views/table-view/table-view.tsx"],"sourcesContent":["import { Fragment, VNode, computed, defineComponent, unref, watch } from \"vue\";\nimport { ElButton, ElCard } from \"element-plus\";\n\nimport { MKButton } from \"../../../../button\";\nimport { MKTableClassifySearch } from \"./classify-search\";\nimport { MKDataTablePagination } from \"../../../data-table-pagination\";\nimport { MKDataFilterPopover } from \"../../../data-filter-popover\";\nimport { MKSvgIcon } from \"../../../../svg-icon\";\nimport { MKTable } from \"../table\";\nimport { tableViewProps } from \"./table-view-options\";\n\nexport default defineComponent({\n  name: \"MKTableView\",\n  props: tableViewProps,\n  setup(props, { slots }) {\n    const dataTable = computed(() => props.dataTable);\n\n    const pageSizes = computed(() => unref(dataTable).pageSizes);\n\n    watch(\n      dataTable,\n      (dataTable) => {\n        const dataFilter = dataTable.dataFilter;\n\n        if (dataFilter.getColumns().length === 0) {\n          dataFilter.setReady();\n        }\n      },\n      { immediate: true }\n    );\n\n    return () => {\n      const pagination =\n        slots.pagination?.({ dataTable: unref(dataTable) }) ||\n        (unref(pageSizes).length ? (\n          <MKDataTablePagination dataTable={unref(dataTable)} />\n        ) : null);\n\n      return (\n        <ElCard\n          class=\"mk-table-view\"\n          v-slots={{\n            header: () => {\n              const _dataTable = unref(dataTable);\n\n              const buttons = _dataTable.buttonTools\n                .filter((button) => button.predicate())\n                .map((button) => (\n                  <MKButton button={button} onClick={() => button.handler()} />\n                ));\n\n              let classifySearch: any = slots[\"classify-search\"]?.() ?? null;\n              if (\n                !classifySearch &&\n                _dataTable.classifySearch.getClassifySearchItems().length\n              ) {\n                classifySearch = <MKTableClassifySearch />;\n              }\n\n              let tools: VNode;\n\n              if (!_dataTable.getSelection().length) {\n                tools = (\n                  <Fragment>\n                    <div class=\"header-box-main\"></div>\n                    <div class=\"header-box-tools\">\n                      {_dataTable.dataFilter.getColumns().length ? (\n                        <MKDataFilterPopover dataTable={_dataTable}>\n                          <ElButton>\n                            <MKSvgIcon iconClass=\"Filter\" />\n                          </ElButton>\n                        </MKDataFilterPopover>\n                      ) : null}\n                      {buttons}\n                    </div>\n                  </Fragment>\n                );\n              } else {\n                tools = (\n                  <div class=\"mk-table-view__selection-tip\">\n                    <div class=\"mk-table-view__selection-tip-left\">\n                      <span>\n                        已选中\n                        <span class=\"selection-count\">\n                          {_dataTable.getSelection().length}\n                        </span>\n                        项\n                      </span>\n                    </div>\n                    <div class=\"mk-table-view__selection-tip-right\">\n                      {_dataTable.batchActionButtonTools.map((button) => (\n                        <MKButton\n                          link\n                          button={button}\n                          onClick={() => button.handler()}\n                        />\n                      ))}\n                      <ElButton\n                        link\n                        onClick={() => _dataTable.clearSelection()}\n                      >\n                        取消选择\n                      </ElButton>\n                    </div>\n                  </div>\n                );\n              }\n\n              return (\n                <Fragment>\n                  {classifySearch}\n                  <div class=\"mk-table-view__header header-box\">{tools}</div>\n                </Fragment>\n              );\n            },\n          }}\n        >\n          {slots.default?.({ dataTable: unref(dataTable) }) || (\n            <MKTable dataTable={unref(dataTable)} />\n          )}\n          {pagination}\n        </ElCard>\n      );\n    };\n  },\n});\n"],"names":["defineComponent","name","props","tableViewProps","setup","slots","dataTable","computed","pageSizes","unref","watch","dataFilter","getColumns","length","setReady","immediate","pagination","_createVNode","MKDataTablePagination","ElCard","default","MKTable","header","_dataTable","buttons","buttonTools","filter","button","predicate","map","MKButton","onClick","handler","classifySearch","getClassifySearchItems","MKTableClassifySearch","tools","getSelection","_Fragment","MKDataFilterPopover","ElButton","MKSvgIcon","_createTextVNode","batchActionButtonTools","clearSelection"],"mappings":"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"}

package/dist/cjs/dataview/config/ConfigForm.js

@@ -63,6 +63,11 @@ class ConfigForm extends dm.DataForm {
           }
         ],
         componentInfo: this.resolveType(defaultType)
+      }),
+      new dm.FormColumn({
+        name: "memo",
+        label: "\u5907\u6CE8",
+        defaultValue: ""
       })
     ]);
     this.dataChangeEvent.on(({ data }) => {

package/dist/cjs/dataview/config/ConfigForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigForm.js","sources":["../../../../src/dataview/config/ConfigForm.ts"],"sourcesContent":["import {\n  DataForm,\n  DataFormOptions,\n  FormColumn,\n  IComponents,\n} from \"@maketribe/dm\";\nimport { defineDataForm } from \"../../define-data-form\";\nimport { ConfigComponents, ITypeResolver } from \"../../core\";\n\nexport type Config<T = any> = {\n  id: string;\n  key: string;\n  type: string;\n  value: T;\n};\n\nexport type ConfigFormOptions = DataFormOptions & {\n  typeResolver?: ITypeResolver<Config>;\n  configComponent?: IComponents;\n};\n\nexport class ConfigForm\n  extends DataForm<Config>\n  implements ITypeResolver<Config>\n{\n  configComponent: IComponents;\n\n  constructor(options: ConfigFormOptions = {}) {\n    super({ name: \"ms-cfg\", ...options });\n\n    this.configComponent = options.configComponent ?? new ConfigComponents();\n  }\n\n  protected async initialize() {\n    await super.initialize();\n\n    const defaultType = \"string\";\n    this.setColumns([\n      new FormColumn({ name: \"id\", label: \"编号\" }),\n      new FormColumn({ name: \"key\", label: \"配置键\", required: true }),\n      new FormColumn({\n        name: \"type\",\n        label: \"类型\",\n        componentInfo: \"MKFormDataSelect\",\n        defaultValue: defaultType,\n        required: true,\n        componentProps: {\n          options: [\n            { value: \"string\", label: \"字符串\" },\n            { value: \"int\", label: \"整数\" },\n            { value: \"json\", label: \"JSON\" },\n          ],\n          onChange: () => {\n            this.handleTypeChange(this.data);\n\n            if (this.data) {\n              this.data.value = null;\n            }\n          },\n        },\n      }),\n      new FormColumn({\n        name: \"value\",\n        label: \"配置值\",\n        required: true,\n        defaultValue: null,\n        rules: [\n          {\n            validator: (rule, value, callback) => {\n              if (this.data?.type === \"json\") {\n                try {\n                  JSON.parse(value);\n                } catch (e) {\n                  callback(new Error(\"JSON格式错误\"));\n                }\n              }\n\n              callback();\n            },\n          },\n        ],\n        componentInfo: this.resolveType(defaultType),\n      }),\n    ]);\n\n    this.dataChangeEvent.on(({ data }) => {\n      this.handleTypeChange(data);\n    });\n  }\n\n  handleTypeChange(data: Config | null) {\n    if (!data) {\n      return;\n    }\n\n    const valueFormColumn = this.getColumn(\"value\")!;\n    valueFormColumn.componentInfo =\n      this.configComponent.resolveComponent(this.resolveItemType(data!)) ||\n      this.configComponent.resolveComponent(\"MKFormInput\")!;\n  }\n\n  formatItem(item: Config): Config {\n    let value = item.value;\n\n    if (item.type !== \"json\") {\n      try {\n        value = JSON.parse(item.value);\n      } catch (e) {}\n    }\n\n    return { ...item, value };\n  }\n\n  formatSubmitData(data: any) {\n    return {\n      ...data,\n      value: data.type === \"json\" ? data.value : JSON.stringify(data.value),\n    };\n  }\n\n  resolveType(type: string) {\n    switch (type) {\n      case \"int\":\n        return \"MKConfigInputNumber\";\n      case \"json\":\n        return \"MKConfigJsonEditor\";\n      default:\n        return \"MKConfigInput\";\n    }\n  }\n\n  resolveItemType(config: Config) {\n    return this.resolveType(config.type);\n  }\n}\n\ndefineDataForm(ConfigForm);\n"],"names":["DataForm","ConfigComponents","FormColumn","defineDataForm"],"mappings":"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"}
+{"version":3,"file":"ConfigForm.js","sources":["../../../../src/dataview/config/ConfigForm.ts"],"sourcesContent":["import {\n  DataForm,\n  DataFormOptions,\n  FormColumn,\n  IComponents,\n} from \"@maketribe/dm\";\nimport { defineDataForm } from \"../../define-data-form\";\nimport { ConfigComponents, ITypeResolver } from \"../../core\";\n\nexport type Config<T = any> = {\n  id: string;\n  key: string;\n  type: string;\n  value: T;\n};\n\nexport type ConfigFormOptions = DataFormOptions & {\n  typeResolver?: ITypeResolver<Config>;\n  configComponent?: IComponents;\n};\n\nexport class ConfigForm\n  extends DataForm<Config>\n  implements ITypeResolver<Config>\n{\n  configComponent: IComponents;\n\n  constructor(options: ConfigFormOptions = {}) {\n    super({ name: \"ms-cfg\", ...options });\n\n    this.configComponent = options.configComponent ?? new ConfigComponents();\n  }\n\n  protected async initialize() {\n    await super.initialize();\n\n    const defaultType = \"string\";\n    this.setColumns([\n      new FormColumn({ name: \"id\", label: \"编号\" }),\n      new FormColumn({ name: \"key\", label: \"配置键\", required: true }),\n      new FormColumn({\n        name: \"type\",\n        label: \"类型\",\n        componentInfo: \"MKFormDataSelect\",\n        defaultValue: defaultType,\n        required: true,\n        componentProps: {\n          options: [\n            { value: \"string\", label: \"字符串\" },\n            { value: \"int\", label: \"整数\" },\n            { value: \"json\", label: \"JSON\" },\n          ],\n          onChange: () => {\n            this.handleTypeChange(this.data);\n\n            if (this.data) {\n              this.data.value = null;\n            }\n          },\n        },\n      }),\n      new FormColumn({\n        name: \"value\",\n        label: \"配置值\",\n        required: true,\n        defaultValue: null,\n        rules: [\n          {\n            validator: (rule, value, callback) => {\n              if (this.data?.type === \"json\") {\n                try {\n                  JSON.parse(value);\n                } catch (e) {\n                  callback(new Error(\"JSON格式错误\"));\n                }\n              }\n\n              callback();\n            },\n          },\n        ],\n        componentInfo: this.resolveType(defaultType),\n      }),\n      new FormColumn({\n        name: \"memo\",\n        label: \"备注\",\n        defaultValue: \"\",\n      }),\n    ]);\n\n    this.dataChangeEvent.on(({ data }) => {\n      this.handleTypeChange(data);\n    });\n  }\n\n  handleTypeChange(data: Config | null) {\n    if (!data) {\n      return;\n    }\n\n    const valueFormColumn = this.getColumn(\"value\")!;\n    valueFormColumn.componentInfo =\n      this.configComponent.resolveComponent(this.resolveItemType(data!)) ||\n      this.configComponent.resolveComponent(\"MKFormInput\")!;\n  }\n\n  formatItem(item: Config): Config {\n    let value = item.value;\n\n    if (item.type !== \"json\") {\n      try {\n        value = JSON.parse(item.value);\n      } catch (e) {}\n    }\n\n    return { ...item, value };\n  }\n\n  formatSubmitData(data: any) {\n    return {\n      ...data,\n      value: data.type === \"json\" ? data.value : JSON.stringify(data.value),\n    };\n  }\n\n  resolveType(type: string) {\n    switch (type) {\n      case \"int\":\n        return \"MKConfigInputNumber\";\n      case \"json\":\n        return \"MKConfigJsonEditor\";\n      default:\n        return \"MKConfigInput\";\n    }\n  }\n\n  resolveItemType(config: Config) {\n    return this.resolveType(config.type);\n  }\n}\n\ndefineDataForm(ConfigForm);\n"],"names":["DataForm","ConfigComponents","FormColumn","defineDataForm"],"mappings":"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"}

package/dist/cjs/dataview/config/ConfigTable.js

@@ -19,8 +19,8 @@ class ConfigTable extends dm.DataTable {
   async initialize() {
     await super.initialize();
     this.setColumns([
-      new dm.TableColumn({ name: "id", label: "\u7F16\u53F7", visible: false }),
       new dm.TableColumn({ name: "key", label: "\u914D\u7F6E\u952E" }),
+      new dm.TableColumn({ name: "memo", label: "\u5907\u6CE8" }),
       new dm.TableActionColumn()
     ]);
   }

package/dist/cjs/dataview/config/ConfigTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigTable.js","sources":["../../../../src/dataview/config/ConfigTable.ts"],"sourcesContent":["import { Where } from \"@maketribe/request\";\nimport {\n  DataTable,\n  DataTableOptions,\n  TableColumn,\n  TableActionColumn,\n} from \"@maketribe/dm\";\nimport { Config } from \"./ConfigForm\";\nimport { R, ResponseConfig } from \"@maketribe/request\";\nimport { defineDataTable } from \"../../define-data-table\";\n\nexport class ConfigTable extends DataTable<Config> {\n  private static _instance: ConfigTable | null = null;\n\n  static get instance(): ConfigTable {\n    if (!ConfigTable._instance) {\n      ConfigTable._instance = new ConfigTable();\n      ConfigTable._instance.dataFilter.setReady();\n    }\n\n    return ConfigTable._instance;\n  }\n\n  constructor(options: DataTableOptions = {}) {\n    super({ name: \"ms-cfg\", ...options });\n  }\n\n  protected async initialize() {\n    await super.initialize();\n\n    this.setColumns([\n      new TableColumn({ name: \"id\", label: \"编号\", visible: false }),\n      new TableColumn({ name: \"key\", label: \"配置键\" }),\n      new TableActionColumn(),\n    ]);\n  }\n\n  formatItem(item: Config): Config {\n    let value = item.value;\n\n    try {\n      value = JSON.parse(value);\n    } catch (e) {}\n\n    return { ...item, value };\n  }\n\n  static async loadConfig<T = any>(\n    key: string\n  ): Promise<ResponseConfig<R<Config<T>>>> {\n    const where = new Where();\n\n    where.addCondition(\"key\", \"=\", key);\n\n    const dataViewRequest = ConfigTable.instance.dataViewRequest;\n    const response = await dataViewRequest.allList({\n      data: { condition: where },\n    });\n\n    return {\n      ...response,\n      data: {\n        ...response.data,\n        data: response.data.data?.[0] ?? null,\n      },\n    };\n  }\n}\n\n(window as any).ConfigTable = ConfigTable;\n\ndefineDataTable(ConfigTable);\n"],"names":["DataTable","TableColumn","TableActionColumn","Where","defineDataTable"],"mappings":";;;;;;AAWO,MAAM,oBAAoBA,YAAkB,CAAA;AAAA,EACjD,OAAe,SAAgC,GAAA,IAAA,CAAA;AAAA,EAE/C,WAAW,QAAwB,GAAA;AACjC,IAAI,IAAA,CAAC,YAAY,SAAW,EAAA;AAC1B,MAAY,WAAA,CAAA,SAAA,GAAY,IAAI,WAAY,EAAA,CAAA;AACxC,MAAY,WAAA,CAAA,SAAA,CAAU,WAAW,QAAS,EAAA,CAAA;AAAA,KAC5C;AAEA,IAAA,OAAO,WAAY,CAAA,SAAA,CAAA;AAAA,GACrB;AAAA,EAEA,WAAA,CAAY,OAA4B,GAAA,EAAI,EAAA;AAC1C,IAAA,KAAA,CAAM,EAAE,IAAA,EAAM,QAAU,EAAA,GAAG,SAAS,CAAA,CAAA;AAAA,GACtC;AAAA,EAEA,MAAgB,UAAa,GAAA;AAC3B,IAAA,MAAM,MAAM,UAAW,EAAA,CAAA;AAEvB,IAAA,IAAA,CAAK,UAAW,CAAA;AAAA,MACd,IAAIC,eAAY,EAAE,IAAA,EAAM,MAAM,KAAO,EAAA,cAAA,EAAM,OAAS,EAAA,KAAA,EAAO,CAAA;AAAA,MAC3D,IAAIA,cAAY,CAAA,EAAE,MAAM,KAAO,EAAA,KAAA,EAAO,sBAAO,CAAA;AAAA,MAC7C,IAAIC,oBAAkB,EAAA;AAAA,KACvB,CAAA,CAAA;AAAA,GACH;AAAA,EAEA,WAAW,IAAsB,EAAA;AAC/B,IAAA,IAAI,QAAQ,IAAK,CAAA,KAAA,CAAA;AAEjB,IAAI,IAAA;AACF,MAAQ,KAAA,GAAA,IAAA,CAAK,MAAM,KAAK,CAAA,CAAA;AAAA,aACjB,CAAG,EAAA;AAAA,KAAC;AAEb,IAAO,OAAA,EAAE,GAAG,IAAA,EAAM,KAAM,EAAA,CAAA;AAAA,GAC1B;AAAA,EAEA,aAAa,WACX,GACuC,EAAA;AACvC,IAAM,MAAA,KAAA,GAAQ,IAAIC,aAAM,EAAA,CAAA;AAExB,IAAM,KAAA,CAAA,YAAA,CAAa,KAAO,EAAA,GAAA,EAAK,GAAG,CAAA,CAAA;AAElC,IAAM,MAAA,eAAA,GAAkB,YAAY,QAAS,CAAA,eAAA,CAAA;AAC7C,IAAM,MAAA,QAAA,GAAW,MAAM,eAAA,CAAgB,OAAQ,CAAA;AAAA,MAC7C,IAAA,EAAM,EAAE,SAAA,EAAW,KAAM,EAAA;AAAA,KAC1B,CAAA,CAAA;AAED,IAAO,OAAA;AAAA,MACL,GAAG,QAAA;AAAA,MACH,IAAM,EAAA;AAAA,QACJ,GAAG,QAAS,CAAA,IAAA;AAAA,QACZ,IAAM,EAAA,QAAA,CAAS,IAAK,CAAA,IAAA,GAAO,CAAC,CAAK,IAAA,IAAA;AAAA,OACnC;AAAA,KACF,CAAA;AAAA,GACF;AACF,CAAA;AAEC,MAAA,CAAe,WAAc,GAAA,WAAA,CAAA;AAE9BC,+BAAA,CAAgB,WAAW,CAAA;;;;"}
+{"version":3,"file":"ConfigTable.js","sources":["../../../../src/dataview/config/ConfigTable.ts"],"sourcesContent":["import { Where } from \"@maketribe/request\";\nimport {\n  DataTable,\n  DataTableOptions,\n  TableColumn,\n  TableActionColumn,\n} from \"@maketribe/dm\";\nimport { Config } from \"./ConfigForm\";\nimport { R, ResponseConfig } from \"@maketribe/request\";\nimport { defineDataTable } from \"../../define-data-table\";\n\nexport class ConfigTable extends DataTable<Config> {\n  private static _instance: ConfigTable | null = null;\n\n  static get instance(): ConfigTable {\n    if (!ConfigTable._instance) {\n      ConfigTable._instance = new ConfigTable();\n      ConfigTable._instance.dataFilter.setReady();\n    }\n\n    return ConfigTable._instance;\n  }\n\n  constructor(options: DataTableOptions = {}) {\n    super({ name: \"ms-cfg\", ...options });\n  }\n\n  protected async initialize() {\n    await super.initialize();\n\n    this.setColumns([\n      new TableColumn({ name: \"key\", label: \"配置键\" }),\n      new TableColumn({ name: \"memo\", label: \"备注\" }),\n      new TableActionColumn(),\n    ]);\n  }\n\n  formatItem(item: Config): Config {\n    let value = item.value;\n\n    try {\n      value = JSON.parse(value);\n    } catch (e) {}\n\n    return { ...item, value };\n  }\n\n  static async loadConfig<T = any>(\n    key: string\n  ): Promise<ResponseConfig<R<Config<T>>>> {\n    const where = new Where();\n\n    where.addCondition(\"key\", \"=\", key);\n\n    const dataViewRequest = ConfigTable.instance.dataViewRequest;\n    const response = await dataViewRequest.allList({\n      data: { condition: where },\n    });\n\n    return {\n      ...response,\n      data: {\n        ...response.data,\n        data: response.data.data?.[0] ?? null,\n      },\n    };\n  }\n}\n\n(window as any).ConfigTable = ConfigTable;\n\ndefineDataTable(ConfigTable);\n"],"names":["DataTable","TableColumn","TableActionColumn","Where","defineDataTable"],"mappings":";;;;;;AAWO,MAAM,oBAAoBA,YAAkB,CAAA;AAAA,EACjD,OAAe,SAAgC,GAAA,IAAA,CAAA;AAAA,EAE/C,WAAW,QAAwB,GAAA;AACjC,IAAI,IAAA,CAAC,YAAY,SAAW,EAAA;AAC1B,MAAY,WAAA,CAAA,SAAA,GAAY,IAAI,WAAY,EAAA,CAAA;AACxC,MAAY,WAAA,CAAA,SAAA,CAAU,WAAW,QAAS,EAAA,CAAA;AAAA,KAC5C;AAEA,IAAA,OAAO,WAAY,CAAA,SAAA,CAAA;AAAA,GACrB;AAAA,EAEA,WAAA,CAAY,OAA4B,GAAA,EAAI,EAAA;AAC1C,IAAA,KAAA,CAAM,EAAE,IAAA,EAAM,QAAU,EAAA,GAAG,SAAS,CAAA,CAAA;AAAA,GACtC;AAAA,EAEA,MAAgB,UAAa,GAAA;AAC3B,IAAA,MAAM,MAAM,UAAW,EAAA,CAAA;AAEvB,IAAA,IAAA,CAAK,UAAW,CAAA;AAAA,MACd,IAAIC,cAAY,CAAA,EAAE,MAAM,KAAO,EAAA,KAAA,EAAO,sBAAO,CAAA;AAAA,MAC7C,IAAIA,cAAY,CAAA,EAAE,MAAM,MAAQ,EAAA,KAAA,EAAO,gBAAM,CAAA;AAAA,MAC7C,IAAIC,oBAAkB,EAAA;AAAA,KACvB,CAAA,CAAA;AAAA,GACH;AAAA,EAEA,WAAW,IAAsB,EAAA;AAC/B,IAAA,IAAI,QAAQ,IAAK,CAAA,KAAA,CAAA;AAEjB,IAAI,IAAA;AACF,MAAQ,KAAA,GAAA,IAAA,CAAK,MAAM,KAAK,CAAA,CAAA;AAAA,aACjB,CAAG,EAAA;AAAA,KAAC;AAEb,IAAO,OAAA,EAAE,GAAG,IAAA,EAAM,KAAM,EAAA,CAAA;AAAA,GAC1B;AAAA,EAEA,aAAa,WACX,GACuC,EAAA;AACvC,IAAM,MAAA,KAAA,GAAQ,IAAIC,aAAM,EAAA,CAAA;AAExB,IAAM,KAAA,CAAA,YAAA,CAAa,KAAO,EAAA,GAAA,EAAK,GAAG,CAAA,CAAA;AAElC,IAAM,MAAA,eAAA,GAAkB,YAAY,QAAS,CAAA,eAAA,CAAA;AAC7C,IAAM,MAAA,QAAA,GAAW,MAAM,eAAA,CAAgB,OAAQ,CAAA;AAAA,MAC7C,IAAA,EAAM,EAAE,SAAA,EAAW,KAAM,EAAA;AAAA,KAC1B,CAAA,CAAA;AAED,IAAO,OAAA;AAAA,MACL,GAAG,QAAA;AAAA,MACH,IAAM,EAAA;AAAA,QACJ,GAAG,QAAS,CAAA,IAAA;AAAA,QACZ,IAAM,EAAA,QAAA,CAAS,IAAK,CAAA,IAAA,GAAO,CAAC,CAAK,IAAA,IAAA;AAAA,OACnC;AAAA,KACF,CAAA;AAAA,GACF;AACF,CAAA;AAEC,MAAA,CAAe,WAAc,GAAA,WAAA,CAAA;AAE9BC,+BAAA,CAAgB,WAAW,CAAA;;;;"}

package/dist/cjs/dataview/member/MemberForm.js

@@ -15,6 +15,7 @@ require('../department/DepartmentForm.js');
 var DepartmentTable = require('../department/DepartmentTable.js');
 require('../department/DepartmentTree.js');
 var pattern = require('../../constants/pattern.js');
+var WebFileUploadContext = require('../../components/upload-file/context/WebFileUploadContext.js');
 
 class MemberForm extends dm.DataForm {
   constructor(options = {}) {
@@ -39,7 +40,10 @@ class MemberForm extends dm.DataForm {
         name: "avatar",
         label: "\u5934\u50CF",
         defaultValue: null,
-        componentInfo: "MKFormImageUpload"
+        componentInfo: "MKFormImageUpload",
+        componentProps: {
+          uploadContext: new WebFileUploadContext.WebFileUploadContext()
+        }
       }),
       new dm.FormColumn({
         name: "roles",

package/dist/cjs/dataview/member/MemberForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"MemberForm.js","sources":["../../../../src/dataview/member/MemberForm.ts"],"sourcesContent":["import { DataForm, DataFormOptions, FormColumn } from \"@maketribe/dm\";\nimport { defineDataForm } from \"../../define-data-form\";\nimport { RoleTable } from \"../role\";\nimport { DepartmentTable } from \"../department\";\nimport { WebFileUpload } from \"@maketribe/request\";\nimport { EMAIL_PATTERN } from \"../../constants\";\nimport { WebFileUploadContext } from \"../../components/upload-file\";\nexport type MemberResult = {\n  id: string;\n  name: string;\n  wechatNo: string;\n  nickName: string;\n  email: string;\n  phone: string;\n  account: string;\n  avatar: string;\n  roles: any[];\n  depts: any[];\n  valid: number;\n};\n\nexport type Member = {\n  id: string;\n  name: string;\n  wechatNo: string;\n  nickName: string;\n  email: string;\n  phone: string;\n  account: string;\n  avatar: string | null;\n  roles: any[];\n  depts: any[];\n  valid: number;\n};\n\nexport class MemberForm<\n  T extends MemberResult = MemberResult,\n  F extends Member = Member\n> extends DataForm<T, F> {\n  constructor(options: DataFormOptions = {}) {\n    super({ name: \"ms-member\", ...options });\n  }\n\n  protected async initialize() {\n    await super.initialize();\n\n    this.setColumns([\n      new FormColumn({ name: \"id\", label: \"编号\" }),\n      new FormColumn({ name: \"name\", label: \"姓名\", required: true }),\n      new FormColumn({ name: \"wechatNo\", label: \"微信号\", defaultValue: null }),\n      new FormColumn({ name: \"nickName\", label: \"昵称\", required: true }),\n      new FormColumn({\n        name: \"email\",\n        label: \"邮箱\",\n        required: true,\n        rules: [{ message: \"邮箱格式有误\", pattern: EMAIL_PATTERN }],\n      }),\n      new FormColumn({ name: \"phone\", label: \"手机号\", defaultValue: null }),\n      new FormColumn({ name: \"account\", label: \"账号\", required: true }),\n      new FormColumn({\n        name: \"avatar\",\n        label: \"头像\",\n        defaultValue: null,\n        componentInfo: \"MKFormImageUpload\",\n      }),\n      new FormColumn({\n        name: \"roles\",\n        label: \"角色\",\n        defaultValue: null,\n        componentInfo: \"MKFormDataTableSelect\",\n        componentProps: {\n          multiple: true,\n          labelFieldName: \"name\",\n          dataTable: new RoleTable(),\n        },\n      }),\n      new FormColumn({\n        name: \"depts\",\n        label: \"部门\",\n        defaultValue: null,\n        componentInfo: \"MKFormDataTableSelect\",\n        componentProps: {\n          multiple: true,\n          labelFieldName: \"name\",\n          dataTable: new DepartmentTable(),\n        },\n      }),\n      new FormColumn({ name: \"memo\", label: \"备注\" }),\n    ]);\n  }\n\n  formatSubmitData(data: any) {\n    const { roles, depts, ...rest } = data;\n\n    const rolesArr = roles?.map((item: any) => {\n      return { roleId: item };\n    });\n    const deptsArr = depts?.map((item: any) => {\n      return { deptId: item };\n    });\n    return { ...rest, roles: rolesArr, depts: deptsArr };\n  }\n\n  formatItem(item: T): F {\n    return {\n      id: item.id,\n      name: item.name || \"\",\n      wechatNo: item.wechatNo || \"\",\n      nickName: item.nickName || \"\",\n      email: item.email || \"\",\n      phone: item.phone || \"\",\n      account: item.account || \"\",\n      avatar: item.avatar,\n      roles: item.roles?.map((role) => role.roleId),\n      depts: item.depts?.map((department) => department.deptId),\n      valid: item.valid,\n    } as F;\n  }\n}\n\ndefineDataForm(MemberForm);\n"],"names":["DataForm","FormColumn","EMAIL_PATTERN","RoleTable","DepartmentTable","defineDataForm"],"mappings":"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"}
+{"version":3,"file":"MemberForm.js","sources":["../../../../src/dataview/member/MemberForm.ts"],"sourcesContent":["import { DataForm, DataFormOptions, FormColumn } from \"@maketribe/dm\";\nimport { defineDataForm } from \"../../define-data-form\";\nimport { RoleTable } from \"../role\";\nimport { DepartmentTable } from \"../department\";\nimport { EMAIL_PATTERN } from \"../../constants\";\nimport { WebFileUploadContext } from \"../../components/upload-file/context/WebFileUploadContext\";\n\nexport type MemberResult = {\n  id: string;\n  name: string;\n  wechatNo: string;\n  nickName: string;\n  email: string;\n  phone: string;\n  account: string;\n  avatar: string;\n  roles: any[];\n  depts: any[];\n  valid: number;\n};\n\nexport type Member = {\n  id: string;\n  name: string;\n  wechatNo: string;\n  nickName: string;\n  email: string;\n  phone: string;\n  account: string;\n  avatar: string | null;\n  roles: any[];\n  depts: any[];\n  valid: number;\n};\n\nexport class MemberForm<\n  T extends MemberResult = MemberResult,\n  F extends Member = Member\n> extends DataForm<T, F> {\n  constructor(options: DataFormOptions = {}) {\n    super({ name: \"ms-member\", ...options });\n  }\n\n  protected async initialize() {\n    await super.initialize();\n\n    // let uploadFileModule: any = await import(\n    //   \"../../components/upload-file/context/WebFileUploadContext\"\n    // );\n    // uploadFileModule = uploadFileModule.default || uploadFileModule;\n\n    this.setColumns([\n      new FormColumn({ name: \"id\", label: \"编号\" }),\n      new FormColumn({ name: \"name\", label: \"姓名\", required: true }),\n      new FormColumn({ name: \"wechatNo\", label: \"微信号\", defaultValue: null }),\n      new FormColumn({ name: \"nickName\", label: \"昵称\", required: true }),\n      new FormColumn({\n        name: \"email\",\n        label: \"邮箱\",\n        required: true,\n        rules: [{ message: \"邮箱格式有误\", pattern: EMAIL_PATTERN }],\n      }),\n      new FormColumn({ name: \"phone\", label: \"手机号\", defaultValue: null }),\n      new FormColumn({ name: \"account\", label: \"账号\", required: true }),\n      new FormColumn({\n        name: \"avatar\",\n        label: \"头像\",\n        defaultValue: null,\n        componentInfo: \"MKFormImageUpload\",\n        componentProps: {\n          uploadContext: new WebFileUploadContext(),\n        },\n      }),\n      new FormColumn({\n        name: \"roles\",\n        label: \"角色\",\n        defaultValue: null,\n        componentInfo: \"MKFormDataTableSelect\",\n        componentProps: {\n          multiple: true,\n          labelFieldName: \"name\",\n          dataTable: new RoleTable(),\n        },\n      }),\n      new FormColumn({\n        name: \"depts\",\n        label: \"部门\",\n        defaultValue: null,\n        componentInfo: \"MKFormDataTableSelect\",\n        componentProps: {\n          multiple: true,\n          labelFieldName: \"name\",\n          dataTable: new DepartmentTable(),\n        },\n      }),\n      new FormColumn({ name: \"memo\", label: \"备注\" }),\n    ]);\n  }\n\n  formatSubmitData(data: any) {\n    const { roles, depts, ...rest } = data;\n\n    const rolesArr = roles?.map((item: any) => {\n      return { roleId: item };\n    });\n    const deptsArr = depts?.map((item: any) => {\n      return { deptId: item };\n    });\n    return { ...rest, roles: rolesArr, depts: deptsArr };\n  }\n\n  formatItem(item: T): F {\n    return {\n      id: item.id,\n      name: item.name || \"\",\n      wechatNo: item.wechatNo || \"\",\n      nickName: item.nickName || \"\",\n      email: item.email || \"\",\n      phone: item.phone || \"\",\n      account: item.account || \"\",\n      avatar: item.avatar,\n      roles: item.roles?.map((role) => role.roleId),\n      depts: item.depts?.map((department) => department.deptId),\n      valid: item.valid,\n    } as F;\n  }\n}\n\ndefineDataForm(MemberForm);\n"],"names":["DataForm","FormColumn","EMAIL_PATTERN","WebFileUploadContext","RoleTable","DepartmentTable","defineDataForm"],"mappings":"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"}

package/dist/esm/components/data-model/data-table/views/table-view/table-view.js

@@ -1,4 +1,4 @@
-import { defineComponent, computed, unref, createVNode, Fragment, createTextVNode } from 'vue';
+import { defineComponent, computed, unref, watch, createVNode, Fragment, createTextVNode } from 'vue';
 import { ElCard, ElButton } from 'element-plus';
 import { MKButton } from '../../../../button/index.js';
 import { MKTableClassifySearch } from './classify-search/index.js';
@@ -16,6 +16,14 @@ var TableView = /* @__PURE__ */ defineComponent({
   }) {
     const dataTable = computed(() => props.dataTable);
     const pageSizes = computed(() => unref(dataTable).pageSizes);
+    watch(dataTable, (dataTable2) => {
+      const dataFilter = dataTable2.dataFilter;
+      if (dataFilter.getColumns().length === 0) {
+        dataFilter.setReady();
+      }
+    }, {
+      immediate: true
+    });
     return () => {
       const pagination = slots.pagination?.({
         dataTable: unref(dataTable)
@@ -46,7 +54,7 @@ var TableView = /* @__PURE__ */ defineComponent({
               "class": "header-box-main"
             }, null), createVNode("div", {
               "class": "header-box-tools"
-            }, [createVNode(MKDataFilterPopover, {
+            }, [_dataTable.dataFilter.getColumns().length ? createVNode(MKDataFilterPopover, {
               "dataTable": _dataTable
             }, {
               default: () => [createVNode(ElButton, null, {
@@ -54,7 +62,7 @@ var TableView = /* @__PURE__ */ defineComponent({
                   "iconClass": "Filter"
                 }, null)]
               })]
-            }), buttons])]);
+            }) : null, buttons])]);
           } else {
             tools = createVNode("div", {
               "class": "mk-table-view__selection-tip"

package/dist/esm/components/data-model/data-table/views/table-view/table-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-view.js","sources":["../../../../../../../src/components/data-model/data-table/views/table-view/table-view.tsx"],"sourcesContent":["import { Fragment, VNode, computed, defineComponent, unref } from \"vue\";\nimport { ElButton, ElCard } from \"element-plus\";\n\nimport { MKButton } from \"../../../../button\";\nimport { MKTableClassifySearch } from \"./classify-search\";\nimport { MKDataTablePagination } from \"../../../data-table-pagination\";\nimport { MKDataFilterPopover } from \"../../../data-filter-popover\";\nimport { MKSvgIcon } from \"../../../../svg-icon\";\nimport { MKTable } from \"../table\";\nimport { tableViewProps } from \"./table-view-options\";\n\nexport default defineComponent({\n  name: \"MKTableView\",\n  props: tableViewProps,\n  setup(props, { slots }) {\n    const dataTable = computed(() => props.dataTable);\n\n    const pageSizes = computed(() => unref(dataTable).pageSizes);\n\n    return () => {\n      const pagination =\n        slots.pagination?.({ dataTable: unref(dataTable) }) ||\n        (unref(pageSizes).length ? (\n          <MKDataTablePagination dataTable={unref(dataTable)} />\n        ) : null);\n\n      return (\n        <ElCard\n          class=\"mk-table-view\"\n          v-slots={{\n            header: () => {\n              const _dataTable = unref(dataTable);\n\n              const buttons = _dataTable.buttonTools\n                .filter((button) => button.predicate())\n                .map((button) => (\n                  <MKButton button={button} onClick={() => button.handler()} />\n                ));\n\n              let classifySearch: any = slots[\"classify-search\"]?.() ?? null;\n              if (\n                !classifySearch &&\n                _dataTable.classifySearch.getClassifySearchItems().length\n              ) {\n                classifySearch = <MKTableClassifySearch />;\n              }\n\n              let tools: VNode;\n\n              if (!_dataTable.getSelection().length) {\n                tools = (\n                  <Fragment>\n                    <div class=\"header-box-main\"></div>\n                    <div class=\"header-box-tools\">\n                      <MKDataFilterPopover dataTable={_dataTable}>\n                        <ElButton>\n                          <MKSvgIcon iconClass=\"Filter\" />\n                        </ElButton>\n                      </MKDataFilterPopover>\n                      {buttons}\n                    </div>\n                  </Fragment>\n                );\n              } else {\n                tools = (\n                  <div class=\"mk-table-view__selection-tip\">\n                    <div class=\"mk-table-view__selection-tip-left\">\n                      <span>\n                        已选中\n                        <span class=\"selection-count\">\n                          {_dataTable.getSelection().length}\n                        </span>\n                        项\n                      </span>\n                    </div>\n                    <div class=\"mk-table-view__selection-tip-right\">\n                      {_dataTable.batchActionButtonTools.map((button) => (\n                        <MKButton\n                          link\n                          button={button}\n                          onClick={() => button.handler()}\n                        />\n                      ))}\n                      <ElButton\n                        link\n                        onClick={() => _dataTable.clearSelection()}\n                      >\n                        取消选择\n                      </ElButton>\n                    </div>\n                  </div>\n                );\n              }\n\n              return (\n                <Fragment>\n                  {classifySearch}\n                  <div class=\"mk-table-view__header header-box\">{tools}</div>\n                </Fragment>\n              );\n            },\n          }}\n        >\n          {slots.default?.({ dataTable: unref(dataTable) }) || (\n            <MKTable dataTable={unref(dataTable)} />\n          )}\n          {pagination}\n        </ElCard>\n      );\n    };\n  },\n});\n"],"names":["name","props","tableViewProps","setup","slots","dataTable","computed","pageSizes","unref","pagination","length","_createVNode","MKDataTablePagination","ElCard","default","MKTable","header","_dataTable","buttons","buttonTools","filter","button","predicate","map","MKButton","onClick","handler","classifySearch","getClassifySearchItems","MKTableClassifySearch","tools","getSelection","_Fragment","MKDataFilterPopover","ElButton","MKSvgIcon","_createTextVNode","batchActionButtonTools","clearSelection"],"mappings":"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"}
+{"version":3,"file":"table-view.js","sources":["../../../../../../../src/components/data-model/data-table/views/table-view/table-view.tsx"],"sourcesContent":["import { Fragment, VNode, computed, defineComponent, unref, watch } from \"vue\";\nimport { ElButton, ElCard } from \"element-plus\";\n\nimport { MKButton } from \"../../../../button\";\nimport { MKTableClassifySearch } from \"./classify-search\";\nimport { MKDataTablePagination } from \"../../../data-table-pagination\";\nimport { MKDataFilterPopover } from \"../../../data-filter-popover\";\nimport { MKSvgIcon } from \"../../../../svg-icon\";\nimport { MKTable } from \"../table\";\nimport { tableViewProps } from \"./table-view-options\";\n\nexport default defineComponent({\n  name: \"MKTableView\",\n  props: tableViewProps,\n  setup(props, { slots }) {\n    const dataTable = computed(() => props.dataTable);\n\n    const pageSizes = computed(() => unref(dataTable).pageSizes);\n\n    watch(\n      dataTable,\n      (dataTable) => {\n        const dataFilter = dataTable.dataFilter;\n\n        if (dataFilter.getColumns().length === 0) {\n          dataFilter.setReady();\n        }\n      },\n      { immediate: true }\n    );\n\n    return () => {\n      const pagination =\n        slots.pagination?.({ dataTable: unref(dataTable) }) ||\n        (unref(pageSizes).length ? (\n          <MKDataTablePagination dataTable={unref(dataTable)} />\n        ) : null);\n\n      return (\n        <ElCard\n          class=\"mk-table-view\"\n          v-slots={{\n            header: () => {\n              const _dataTable = unref(dataTable);\n\n              const buttons = _dataTable.buttonTools\n                .filter((button) => button.predicate())\n                .map((button) => (\n                  <MKButton button={button} onClick={() => button.handler()} />\n                ));\n\n              let classifySearch: any = slots[\"classify-search\"]?.() ?? null;\n              if (\n                !classifySearch &&\n                _dataTable.classifySearch.getClassifySearchItems().length\n              ) {\n                classifySearch = <MKTableClassifySearch />;\n              }\n\n              let tools: VNode;\n\n              if (!_dataTable.getSelection().length) {\n                tools = (\n                  <Fragment>\n                    <div class=\"header-box-main\"></div>\n                    <div class=\"header-box-tools\">\n                      {_dataTable.dataFilter.getColumns().length ? (\n                        <MKDataFilterPopover dataTable={_dataTable}>\n                          <ElButton>\n                            <MKSvgIcon iconClass=\"Filter\" />\n                          </ElButton>\n                        </MKDataFilterPopover>\n                      ) : null}\n                      {buttons}\n                    </div>\n                  </Fragment>\n                );\n              } else {\n                tools = (\n                  <div class=\"mk-table-view__selection-tip\">\n                    <div class=\"mk-table-view__selection-tip-left\">\n                      <span>\n                        已选中\n                        <span class=\"selection-count\">\n                          {_dataTable.getSelection().length}\n                        </span>\n                        项\n                      </span>\n                    </div>\n                    <div class=\"mk-table-view__selection-tip-right\">\n                      {_dataTable.batchActionButtonTools.map((button) => (\n                        <MKButton\n                          link\n                          button={button}\n                          onClick={() => button.handler()}\n                        />\n                      ))}\n                      <ElButton\n                        link\n                        onClick={() => _dataTable.clearSelection()}\n                      >\n                        取消选择\n                      </ElButton>\n                    </div>\n                  </div>\n                );\n              }\n\n              return (\n                <Fragment>\n                  {classifySearch}\n                  <div class=\"mk-table-view__header header-box\">{tools}</div>\n                </Fragment>\n              );\n            },\n          }}\n        >\n          {slots.default?.({ dataTable: unref(dataTable) }) || (\n            <MKTable dataTable={unref(dataTable)} />\n          )}\n          {pagination}\n        </ElCard>\n      );\n    };\n  },\n});\n"],"names":["name","props","tableViewProps","setup","slots","dataTable","computed","pageSizes","unref","watch","dataFilter","getColumns","length","setReady","immediate","pagination","_createVNode","MKDataTablePagination","ElCard","default","MKTable","header","_dataTable","buttons","buttonTools","filter","button","predicate","map","MKButton","onClick","handler","classifySearch","getClassifySearchItems","MKTableClassifySearch","tools","getSelection","_Fragment","MKDataFilterPopover","ElButton","MKSvgIcon","_createTextVNode","batchActionButtonTools","clearSelection"],"mappings":"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"}

package/dist/esm/dataview/config/ConfigForm.js

@@ -61,6 +61,11 @@ class ConfigForm extends DataForm {
           }
         ],
         componentInfo: this.resolveType(defaultType)
+      }),
+      new FormColumn({
+        name: "memo",
+        label: "\u5907\u6CE8",
+        defaultValue: ""
       })
     ]);
     this.dataChangeEvent.on(({ data }) => {

package/dist/esm/dataview/config/ConfigForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigForm.js","sources":["../../../../src/dataview/config/ConfigForm.ts"],"sourcesContent":["import {\n  DataForm,\n  DataFormOptions,\n  FormColumn,\n  IComponents,\n} from \"@maketribe/dm\";\nimport { defineDataForm } from \"../../define-data-form\";\nimport { ConfigComponents, ITypeResolver } from \"../../core\";\n\nexport type Config<T = any> = {\n  id: string;\n  key: string;\n  type: string;\n  value: T;\n};\n\nexport type ConfigFormOptions = DataFormOptions & {\n  typeResolver?: ITypeResolver<Config>;\n  configComponent?: IComponents;\n};\n\nexport class ConfigForm\n  extends DataForm<Config>\n  implements ITypeResolver<Config>\n{\n  configComponent: IComponents;\n\n  constructor(options: ConfigFormOptions = {}) {\n    super({ name: \"ms-cfg\", ...options });\n\n    this.configComponent = options.configComponent ?? new ConfigComponents();\n  }\n\n  protected async initialize() {\n    await super.initialize();\n\n    const defaultType = \"string\";\n    this.setColumns([\n      new FormColumn({ name: \"id\", label: \"编号\" }),\n      new FormColumn({ name: \"key\", label: \"配置键\", required: true }),\n      new FormColumn({\n        name: \"type\",\n        label: \"类型\",\n        componentInfo: \"MKFormDataSelect\",\n        defaultValue: defaultType,\n        required: true,\n        componentProps: {\n          options: [\n            { value: \"string\", label: \"字符串\" },\n            { value: \"int\", label: \"整数\" },\n            { value: \"json\", label: \"JSON\" },\n          ],\n          onChange: () => {\n            this.handleTypeChange(this.data);\n\n            if (this.data) {\n              this.data.value = null;\n            }\n          },\n        },\n      }),\n      new FormColumn({\n        name: \"value\",\n        label: \"配置值\",\n        required: true,\n        defaultValue: null,\n        rules: [\n          {\n            validator: (rule, value, callback) => {\n              if (this.data?.type === \"json\") {\n                try {\n                  JSON.parse(value);\n                } catch (e) {\n                  callback(new Error(\"JSON格式错误\"));\n                }\n              }\n\n              callback();\n            },\n          },\n        ],\n        componentInfo: this.resolveType(defaultType),\n      }),\n    ]);\n\n    this.dataChangeEvent.on(({ data }) => {\n      this.handleTypeChange(data);\n    });\n  }\n\n  handleTypeChange(data: Config | null) {\n    if (!data) {\n      return;\n    }\n\n    const valueFormColumn = this.getColumn(\"value\")!;\n    valueFormColumn.componentInfo =\n      this.configComponent.resolveComponent(this.resolveItemType(data!)) ||\n      this.configComponent.resolveComponent(\"MKFormInput\")!;\n  }\n\n  formatItem(item: Config): Config {\n    let value = item.value;\n\n    if (item.type !== \"json\") {\n      try {\n        value = JSON.parse(item.value);\n      } catch (e) {}\n    }\n\n    return { ...item, value };\n  }\n\n  formatSubmitData(data: any) {\n    return {\n      ...data,\n      value: data.type === \"json\" ? data.value : JSON.stringify(data.value),\n    };\n  }\n\n  resolveType(type: string) {\n    switch (type) {\n      case \"int\":\n        return \"MKConfigInputNumber\";\n      case \"json\":\n        return \"MKConfigJsonEditor\";\n      default:\n        return \"MKConfigInput\";\n    }\n  }\n\n  resolveItemType(config: Config) {\n    return this.resolveType(config.type);\n  }\n}\n\ndefineDataForm(ConfigForm);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ConfigForm.js","sources":["../../../../src/dataview/config/ConfigForm.ts"],"sourcesContent":["import {\n  DataForm,\n  DataFormOptions,\n  FormColumn,\n  IComponents,\n} from \"@maketribe/dm\";\nimport { defineDataForm } from \"../../define-data-form\";\nimport { ConfigComponents, ITypeResolver } from \"../../core\";\n\nexport type Config<T = any> = {\n  id: string;\n  key: string;\n  type: string;\n  value: T;\n};\n\nexport type ConfigFormOptions = DataFormOptions & {\n  typeResolver?: ITypeResolver<Config>;\n  configComponent?: IComponents;\n};\n\nexport class ConfigForm\n  extends DataForm<Config>\n  implements ITypeResolver<Config>\n{\n  configComponent: IComponents;\n\n  constructor(options: ConfigFormOptions = {}) {\n    super({ name: \"ms-cfg\", ...options });\n\n    this.configComponent = options.configComponent ?? new ConfigComponents();\n  }\n\n  protected async initialize() {\n    await super.initialize();\n\n    const defaultType = \"string\";\n    this.setColumns([\n      new FormColumn({ name: \"id\", label: \"编号\" }),\n      new FormColumn({ name: \"key\", label: \"配置键\", required: true }),\n      new FormColumn({\n        name: \"type\",\n        label: \"类型\",\n        componentInfo: \"MKFormDataSelect\",\n        defaultValue: defaultType,\n        required: true,\n        componentProps: {\n          options: [\n            { value: \"string\", label: \"字符串\" },\n            { value: \"int\", label: \"整数\" },\n            { value: \"json\", label: \"JSON\" },\n          ],\n          onChange: () => {\n            this.handleTypeChange(this.data);\n\n            if (this.data) {\n              this.data.value = null;\n            }\n          },\n        },\n      }),\n      new FormColumn({\n        name: \"value\",\n        label: \"配置值\",\n        required: true,\n        defaultValue: null,\n        rules: [\n          {\n            validator: (rule, value, callback) => {\n              if (this.data?.type === \"json\") {\n                try {\n                  JSON.parse(value);\n                } catch (e) {\n                  callback(new Error(\"JSON格式错误\"));\n                }\n              }\n\n              callback();\n            },\n          },\n        ],\n        componentInfo: this.resolveType(defaultType),\n      }),\n      new FormColumn({\n        name: \"memo\",\n        label: \"备注\",\n        defaultValue: \"\",\n      }),\n    ]);\n\n    this.dataChangeEvent.on(({ data }) => {\n      this.handleTypeChange(data);\n    });\n  }\n\n  handleTypeChange(data: Config | null) {\n    if (!data) {\n      return;\n    }\n\n    const valueFormColumn = this.getColumn(\"value\")!;\n    valueFormColumn.componentInfo =\n      this.configComponent.resolveComponent(this.resolveItemType(data!)) ||\n      this.configComponent.resolveComponent(\"MKFormInput\")!;\n  }\n\n  formatItem(item: Config): Config {\n    let value = item.value;\n\n    if (item.type !== \"json\") {\n      try {\n        value = JSON.parse(item.value);\n      } catch (e) {}\n    }\n\n    return { ...item, value };\n  }\n\n  formatSubmitData(data: any) {\n    return {\n      ...data,\n      value: data.type === \"json\" ? data.value : JSON.stringify(data.value),\n    };\n  }\n\n  resolveType(type: string) {\n    switch (type) {\n      case \"int\":\n        return \"MKConfigInputNumber\";\n      case \"json\":\n        return \"MKConfigJsonEditor\";\n      default:\n        return \"MKConfigInput\";\n    }\n  }\n\n  resolveItemType(config: Config) {\n    return this.resolveType(config.type);\n  }\n}\n\ndefineDataForm(ConfigForm);\n"],"names":[],"mappings":"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"}

package/dist/esm/dataview/config/ConfigTable.js

@@ -17,8 +17,8 @@ class ConfigTable extends DataTable {
   async initialize() {
     await super.initialize();
     this.setColumns([
-      new TableColumn({ name: "id", label: "\u7F16\u53F7", visible: false }),
       new TableColumn({ name: "key", label: "\u914D\u7F6E\u952E" }),
+      new TableColumn({ name: "memo", label: "\u5907\u6CE8" }),
       new TableActionColumn()
     ]);
   }

package/dist/esm/dataview/config/ConfigTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigTable.js","sources":["../../../../src/dataview/config/ConfigTable.ts"],"sourcesContent":["import { Where } from \"@maketribe/request\";\nimport {\n  DataTable,\n  DataTableOptions,\n  TableColumn,\n  TableActionColumn,\n} from \"@maketribe/dm\";\nimport { Config } from \"./ConfigForm\";\nimport { R, ResponseConfig } from \"@maketribe/request\";\nimport { defineDataTable } from \"../../define-data-table\";\n\nexport class ConfigTable extends DataTable<Config> {\n  private static _instance: ConfigTable | null = null;\n\n  static get instance(): ConfigTable {\n    if (!ConfigTable._instance) {\n      ConfigTable._instance = new ConfigTable();\n      ConfigTable._instance.dataFilter.setReady();\n    }\n\n    return ConfigTable._instance;\n  }\n\n  constructor(options: DataTableOptions = {}) {\n    super({ name: \"ms-cfg\", ...options });\n  }\n\n  protected async initialize() {\n    await super.initialize();\n\n    this.setColumns([\n      new TableColumn({ name: \"id\", label: \"编号\", visible: false }),\n      new TableColumn({ name: \"key\", label: \"配置键\" }),\n      new TableActionColumn(),\n    ]);\n  }\n\n  formatItem(item: Config): Config {\n    let value = item.value;\n\n    try {\n      value = JSON.parse(value);\n    } catch (e) {}\n\n    return { ...item, value };\n  }\n\n  static async loadConfig<T = any>(\n    key: string\n  ): Promise<ResponseConfig<R<Config<T>>>> {\n    const where = new Where();\n\n    where.addCondition(\"key\", \"=\", key);\n\n    const dataViewRequest = ConfigTable.instance.dataViewRequest;\n    const response = await dataViewRequest.allList({\n      data: { condition: where },\n    });\n\n    return {\n      ...response,\n      data: {\n        ...response.data,\n        data: response.data.data?.[0] ?? null,\n      },\n    };\n  }\n}\n\n(window as any).ConfigTable = ConfigTable;\n\ndefineDataTable(ConfigTable);\n"],"names":[],"mappings":";;;;AAWO,MAAM,oBAAoB,SAAkB,CAAA;AAAA,EACjD,OAAe,SAAgC,GAAA,IAAA,CAAA;AAAA,EAE/C,WAAW,QAAwB,GAAA;AACjC,IAAI,IAAA,CAAC,YAAY,SAAW,EAAA;AAC1B,MAAY,WAAA,CAAA,SAAA,GAAY,IAAI,WAAY,EAAA,CAAA;AACxC,MAAY,WAAA,CAAA,SAAA,CAAU,WAAW,QAAS,EAAA,CAAA;AAAA,KAC5C;AAEA,IAAA,OAAO,WAAY,CAAA,SAAA,CAAA;AAAA,GACrB;AAAA,EAEA,WAAA,CAAY,OAA4B,GAAA,EAAI,EAAA;AAC1C,IAAA,KAAA,CAAM,EAAE,IAAA,EAAM,QAAU,EAAA,GAAG,SAAS,CAAA,CAAA;AAAA,GACtC;AAAA,EAEA,MAAgB,UAAa,GAAA;AAC3B,IAAA,MAAM,MAAM,UAAW,EAAA,CAAA;AAEvB,IAAA,IAAA,CAAK,UAAW,CAAA;AAAA,MACd,IAAI,YAAY,EAAE,IAAA,EAAM,MAAM,KAAO,EAAA,cAAA,EAAM,OAAS,EAAA,KAAA,EAAO,CAAA;AAAA,MAC3D,IAAI,WAAY,CAAA,EAAE,MAAM,KAAO,EAAA,KAAA,EAAO,sBAAO,CAAA;AAAA,MAC7C,IAAI,iBAAkB,EAAA;AAAA,KACvB,CAAA,CAAA;AAAA,GACH;AAAA,EAEA,WAAW,IAAsB,EAAA;AAC/B,IAAA,IAAI,QAAQ,IAAK,CAAA,KAAA,CAAA;AAEjB,IAAI,IAAA;AACF,MAAQ,KAAA,GAAA,IAAA,CAAK,MAAM,KAAK,CAAA,CAAA;AAAA,aACjB,CAAG,EAAA;AAAA,KAAC;AAEb,IAAO,OAAA,EAAE,GAAG,IAAA,EAAM,KAAM,EAAA,CAAA;AAAA,GAC1B;AAAA,EAEA,aAAa,WACX,GACuC,EAAA;AACvC,IAAM,MAAA,KAAA,GAAQ,IAAI,KAAM,EAAA,CAAA;AAExB,IAAM,KAAA,CAAA,YAAA,CAAa,KAAO,EAAA,GAAA,EAAK,GAAG,CAAA,CAAA;AAElC,IAAM,MAAA,eAAA,GAAkB,YAAY,QAAS,CAAA,eAAA,CAAA;AAC7C,IAAM,MAAA,QAAA,GAAW,MAAM,eAAA,CAAgB,OAAQ,CAAA;AAAA,MAC7C,IAAA,EAAM,EAAE,SAAA,EAAW,KAAM,EAAA;AAAA,KAC1B,CAAA,CAAA;AAED,IAAO,OAAA;AAAA,MACL,GAAG,QAAA;AAAA,MACH,IAAM,EAAA;AAAA,QACJ,GAAG,QAAS,CAAA,IAAA;AAAA,QACZ,IAAM,EAAA,QAAA,CAAS,IAAK,CAAA,IAAA,GAAO,CAAC,CAAK,IAAA,IAAA;AAAA,OACnC;AAAA,KACF,CAAA;AAAA,GACF;AACF,CAAA;AAEC,MAAA,CAAe,WAAc,GAAA,WAAA,CAAA;AAE9B,eAAA,CAAgB,WAAW,CAAA;;;;"}
+{"version":3,"file":"ConfigTable.js","sources":["../../../../src/dataview/config/ConfigTable.ts"],"sourcesContent":["import { Where } from \"@maketribe/request\";\nimport {\n  DataTable,\n  DataTableOptions,\n  TableColumn,\n  TableActionColumn,\n} from \"@maketribe/dm\";\nimport { Config } from \"./ConfigForm\";\nimport { R, ResponseConfig } from \"@maketribe/request\";\nimport { defineDataTable } from \"../../define-data-table\";\n\nexport class ConfigTable extends DataTable<Config> {\n  private static _instance: ConfigTable | null = null;\n\n  static get instance(): ConfigTable {\n    if (!ConfigTable._instance) {\n      ConfigTable._instance = new ConfigTable();\n      ConfigTable._instance.dataFilter.setReady();\n    }\n\n    return ConfigTable._instance;\n  }\n\n  constructor(options: DataTableOptions = {}) {\n    super({ name: \"ms-cfg\", ...options });\n  }\n\n  protected async initialize() {\n    await super.initialize();\n\n    this.setColumns([\n      new TableColumn({ name: \"key\", label: \"配置键\" }),\n      new TableColumn({ name: \"memo\", label: \"备注\" }),\n      new TableActionColumn(),\n    ]);\n  }\n\n  formatItem(item: Config): Config {\n    let value = item.value;\n\n    try {\n      value = JSON.parse(value);\n    } catch (e) {}\n\n    return { ...item, value };\n  }\n\n  static async loadConfig<T = any>(\n    key: string\n  ): Promise<ResponseConfig<R<Config<T>>>> {\n    const where = new Where();\n\n    where.addCondition(\"key\", \"=\", key);\n\n    const dataViewRequest = ConfigTable.instance.dataViewRequest;\n    const response = await dataViewRequest.allList({\n      data: { condition: where },\n    });\n\n    return {\n      ...response,\n      data: {\n        ...response.data,\n        data: response.data.data?.[0] ?? null,\n      },\n    };\n  }\n}\n\n(window as any).ConfigTable = ConfigTable;\n\ndefineDataTable(ConfigTable);\n"],"names":[],"mappings":";;;;AAWO,MAAM,oBAAoB,SAAkB,CAAA;AAAA,EACjD,OAAe,SAAgC,GAAA,IAAA,CAAA;AAAA,EAE/C,WAAW,QAAwB,GAAA;AACjC,IAAI,IAAA,CAAC,YAAY,SAAW,EAAA;AAC1B,MAAY,WAAA,CAAA,SAAA,GAAY,IAAI,WAAY,EAAA,CAAA;AACxC,MAAY,WAAA,CAAA,SAAA,CAAU,WAAW,QAAS,EAAA,CAAA;AAAA,KAC5C;AAEA,IAAA,OAAO,WAAY,CAAA,SAAA,CAAA;AAAA,GACrB;AAAA,EAEA,WAAA,CAAY,OAA4B,GAAA,EAAI,EAAA;AAC1C,IAAA,KAAA,CAAM,EAAE,IAAA,EAAM,QAAU,EAAA,GAAG,SAAS,CAAA,CAAA;AAAA,GACtC;AAAA,EAEA,MAAgB,UAAa,GAAA;AAC3B,IAAA,MAAM,MAAM,UAAW,EAAA,CAAA;AAEvB,IAAA,IAAA,CAAK,UAAW,CAAA;AAAA,MACd,IAAI,WAAY,CAAA,EAAE,MAAM,KAAO,EAAA,KAAA,EAAO,sBAAO,CAAA;AAAA,MAC7C,IAAI,WAAY,CAAA,EAAE,MAAM,MAAQ,EAAA,KAAA,EAAO,gBAAM,CAAA;AAAA,MAC7C,IAAI,iBAAkB,EAAA;AAAA,KACvB,CAAA,CAAA;AAAA,GACH;AAAA,EAEA,WAAW,IAAsB,EAAA;AAC/B,IAAA,IAAI,QAAQ,IAAK,CAAA,KAAA,CAAA;AAEjB,IAAI,IAAA;AACF,MAAQ,KAAA,GAAA,IAAA,CAAK,MAAM,KAAK,CAAA,CAAA;AAAA,aACjB,CAAG,EAAA;AAAA,KAAC;AAEb,IAAO,OAAA,EAAE,GAAG,IAAA,EAAM,KAAM,EAAA,CAAA;AAAA,GAC1B;AAAA,EAEA,aAAa,WACX,GACuC,EAAA;AACvC,IAAM,MAAA,KAAA,GAAQ,IAAI,KAAM,EAAA,CAAA;AAExB,IAAM,KAAA,CAAA,YAAA,CAAa,KAAO,EAAA,GAAA,EAAK,GAAG,CAAA,CAAA;AAElC,IAAM,MAAA,eAAA,GAAkB,YAAY,QAAS,CAAA,eAAA,CAAA;AAC7C,IAAM,MAAA,QAAA,GAAW,MAAM,eAAA,CAAgB,OAAQ,CAAA;AAAA,MAC7C,IAAA,EAAM,EAAE,SAAA,EAAW,KAAM,EAAA;AAAA,KAC1B,CAAA,CAAA;AAED,IAAO,OAAA;AAAA,MACL,GAAG,QAAA;AAAA,MACH,IAAM,EAAA;AAAA,QACJ,GAAG,QAAS,CAAA,IAAA;AAAA,QACZ,IAAM,EAAA,QAAA,CAAS,IAAK,CAAA,IAAA,GAAO,CAAC,CAAK,IAAA,IAAA;AAAA,OACnC;AAAA,KACF,CAAA;AAAA,GACF;AACF,CAAA;AAEC,MAAA,CAAe,WAAc,GAAA,WAAA,CAAA;AAE9B,eAAA,CAAgB,WAAW,CAAA;;;;"}

package/dist/esm/dataview/member/MemberForm.js

@@ -13,6 +13,7 @@ import '../department/DepartmentForm.js';
 import { DepartmentTable } from '../department/DepartmentTable.js';
 import '../department/DepartmentTree.js';
 import { EMAIL_PATTERN } from '../../constants/pattern.js';
+import { WebFileUploadContext } from '../../components/upload-file/context/WebFileUploadContext.js';
 
 class MemberForm extends DataForm {
   constructor(options = {}) {
@@ -37,7 +38,10 @@ class MemberForm extends DataForm {
         name: "avatar",
         label: "\u5934\u50CF",
         defaultValue: null,
-        componentInfo: "MKFormImageUpload"
+        componentInfo: "MKFormImageUpload",
+        componentProps: {
+          uploadContext: new WebFileUploadContext()
+        }
       }),
       new FormColumn({
         name: "roles",

package/dist/esm/dataview/member/MemberForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"MemberForm.js","sources":["../../../../src/dataview/member/MemberForm.ts"],"sourcesContent":["import { DataForm, DataFormOptions, FormColumn } from \"@maketribe/dm\";\nimport { defineDataForm } from \"../../define-data-form\";\nimport { RoleTable } from \"../role\";\nimport { DepartmentTable } from \"../department\";\nimport { WebFileUpload } from \"@maketribe/request\";\nimport { EMAIL_PATTERN } from \"../../constants\";\nimport { WebFileUploadContext } from \"../../components/upload-file\";\nexport type MemberResult = {\n  id: string;\n  name: string;\n  wechatNo: string;\n  nickName: string;\n  email: string;\n  phone: string;\n  account: string;\n  avatar: string;\n  roles: any[];\n  depts: any[];\n  valid: number;\n};\n\nexport type Member = {\n  id: string;\n  name: string;\n  wechatNo: string;\n  nickName: string;\n  email: string;\n  phone: string;\n  account: string;\n  avatar: string | null;\n  roles: any[];\n  depts: any[];\n  valid: number;\n};\n\nexport class MemberForm<\n  T extends MemberResult = MemberResult,\n  F extends Member = Member\n> extends DataForm<T, F> {\n  constructor(options: DataFormOptions = {}) {\n    super({ name: \"ms-member\", ...options });\n  }\n\n  protected async initialize() {\n    await super.initialize();\n\n    this.setColumns([\n      new FormColumn({ name: \"id\", label: \"编号\" }),\n      new FormColumn({ name: \"name\", label: \"姓名\", required: true }),\n      new FormColumn({ name: \"wechatNo\", label: \"微信号\", defaultValue: null }),\n      new FormColumn({ name: \"nickName\", label: \"昵称\", required: true }),\n      new FormColumn({\n        name: \"email\",\n        label: \"邮箱\",\n        required: true,\n        rules: [{ message: \"邮箱格式有误\", pattern: EMAIL_PATTERN }],\n      }),\n      new FormColumn({ name: \"phone\", label: \"手机号\", defaultValue: null }),\n      new FormColumn({ name: \"account\", label: \"账号\", required: true }),\n      new FormColumn({\n        name: \"avatar\",\n        label: \"头像\",\n        defaultValue: null,\n        componentInfo: \"MKFormImageUpload\",\n      }),\n      new FormColumn({\n        name: \"roles\",\n        label: \"角色\",\n        defaultValue: null,\n        componentInfo: \"MKFormDataTableSelect\",\n        componentProps: {\n          multiple: true,\n          labelFieldName: \"name\",\n          dataTable: new RoleTable(),\n        },\n      }),\n      new FormColumn({\n        name: \"depts\",\n        label: \"部门\",\n        defaultValue: null,\n        componentInfo: \"MKFormDataTableSelect\",\n        componentProps: {\n          multiple: true,\n          labelFieldName: \"name\",\n          dataTable: new DepartmentTable(),\n        },\n      }),\n      new FormColumn({ name: \"memo\", label: \"备注\" }),\n    ]);\n  }\n\n  formatSubmitData(data: any) {\n    const { roles, depts, ...rest } = data;\n\n    const rolesArr = roles?.map((item: any) => {\n      return { roleId: item };\n    });\n    const deptsArr = depts?.map((item: any) => {\n      return { deptId: item };\n    });\n    return { ...rest, roles: rolesArr, depts: deptsArr };\n  }\n\n  formatItem(item: T): F {\n    return {\n      id: item.id,\n      name: item.name || \"\",\n      wechatNo: item.wechatNo || \"\",\n      nickName: item.nickName || \"\",\n      email: item.email || \"\",\n      phone: item.phone || \"\",\n      account: item.account || \"\",\n      avatar: item.avatar,\n      roles: item.roles?.map((role) => role.roleId),\n      depts: item.depts?.map((department) => department.deptId),\n      valid: item.valid,\n    } as F;\n  }\n}\n\ndefineDataForm(MemberForm);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"MemberForm.js","sources":["../../../../src/dataview/member/MemberForm.ts"],"sourcesContent":["import { DataForm, DataFormOptions, FormColumn } from \"@maketribe/dm\";\nimport { defineDataForm } from \"../../define-data-form\";\nimport { RoleTable } from \"../role\";\nimport { DepartmentTable } from \"../department\";\nimport { EMAIL_PATTERN } from \"../../constants\";\nimport { WebFileUploadContext } from \"../../components/upload-file/context/WebFileUploadContext\";\n\nexport type MemberResult = {\n  id: string;\n  name: string;\n  wechatNo: string;\n  nickName: string;\n  email: string;\n  phone: string;\n  account: string;\n  avatar: string;\n  roles: any[];\n  depts: any[];\n  valid: number;\n};\n\nexport type Member = {\n  id: string;\n  name: string;\n  wechatNo: string;\n  nickName: string;\n  email: string;\n  phone: string;\n  account: string;\n  avatar: string | null;\n  roles: any[];\n  depts: any[];\n  valid: number;\n};\n\nexport class MemberForm<\n  T extends MemberResult = MemberResult,\n  F extends Member = Member\n> extends DataForm<T, F> {\n  constructor(options: DataFormOptions = {}) {\n    super({ name: \"ms-member\", ...options });\n  }\n\n  protected async initialize() {\n    await super.initialize();\n\n    // let uploadFileModule: any = await import(\n    //   \"../../components/upload-file/context/WebFileUploadContext\"\n    // );\n    // uploadFileModule = uploadFileModule.default || uploadFileModule;\n\n    this.setColumns([\n      new FormColumn({ name: \"id\", label: \"编号\" }),\n      new FormColumn({ name: \"name\", label: \"姓名\", required: true }),\n      new FormColumn({ name: \"wechatNo\", label: \"微信号\", defaultValue: null }),\n      new FormColumn({ name: \"nickName\", label: \"昵称\", required: true }),\n      new FormColumn({\n        name: \"email\",\n        label: \"邮箱\",\n        required: true,\n        rules: [{ message: \"邮箱格式有误\", pattern: EMAIL_PATTERN }],\n      }),\n      new FormColumn({ name: \"phone\", label: \"手机号\", defaultValue: null }),\n      new FormColumn({ name: \"account\", label: \"账号\", required: true }),\n      new FormColumn({\n        name: \"avatar\",\n        label: \"头像\",\n        defaultValue: null,\n        componentInfo: \"MKFormImageUpload\",\n        componentProps: {\n          uploadContext: new WebFileUploadContext(),\n        },\n      }),\n      new FormColumn({\n        name: \"roles\",\n        label: \"角色\",\n        defaultValue: null,\n        componentInfo: \"MKFormDataTableSelect\",\n        componentProps: {\n          multiple: true,\n          labelFieldName: \"name\",\n          dataTable: new RoleTable(),\n        },\n      }),\n      new FormColumn({\n        name: \"depts\",\n        label: \"部门\",\n        defaultValue: null,\n        componentInfo: \"MKFormDataTableSelect\",\n        componentProps: {\n          multiple: true,\n          labelFieldName: \"name\",\n          dataTable: new DepartmentTable(),\n        },\n      }),\n      new FormColumn({ name: \"memo\", label: \"备注\" }),\n    ]);\n  }\n\n  formatSubmitData(data: any) {\n    const { roles, depts, ...rest } = data;\n\n    const rolesArr = roles?.map((item: any) => {\n      return { roleId: item };\n    });\n    const deptsArr = depts?.map((item: any) => {\n      return { deptId: item };\n    });\n    return { ...rest, roles: rolesArr, depts: deptsArr };\n  }\n\n  formatItem(item: T): F {\n    return {\n      id: item.id,\n      name: item.name || \"\",\n      wechatNo: item.wechatNo || \"\",\n      nickName: item.nickName || \"\",\n      email: item.email || \"\",\n      phone: item.phone || \"\",\n      account: item.account || \"\",\n      avatar: item.avatar,\n      roles: item.roles?.map((role) => role.roleId),\n      depts: item.depts?.map((department) => department.deptId),\n      valid: item.valid,\n    } as F;\n  }\n}\n\ndefineDataForm(MemberForm);\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maketribe/ms-app",
-  "version": "3.0.26",
+  "version": "3.0.28",
   "description": "",
   "main": "dist/cjs",
   "files": [
@@ -21,9 +21,9 @@
     "vue-codemirror": "^6.1.1",
     "vue-router": "^4.2.4",
     "@maketribe/dm": "^3.0.11",
-    "@maketribe/request": "^1.1.12",
-    "@maketribe/locale": "^1.0.5",
-    "@maketribe/utils": "^1.1.4"
+    "@maketribe/utils": "^1.1.4",
+    "@maketribe/request": "^2.0.2",
+    "@maketribe/locale": "^1.0.5"
   },
   "scripts": {
     "build": "npm run clean && npm run build:js && npm run build:type && npm run build:style",

package/src/components/data-model/data-table/views/table-view/table-view.tsx

@@ -1,4 +1,4 @@
-import { Fragment, VNode, computed, defineComponent, unref } from "vue";
+import { Fragment, VNode, computed, defineComponent, unref, watch } from "vue";
 import { ElButton, ElCard } from "element-plus";
 
 import { MKButton } from "../../../../button";
@@ -17,6 +17,18 @@ export default defineComponent({
 
     const pageSizes = computed(() => unref(dataTable).pageSizes);
 
+    watch(
+      dataTable,
+      (dataTable) => {
+        const dataFilter = dataTable.dataFilter;
+
+        if (dataFilter.getColumns().length === 0) {
+          dataFilter.setReady();
+        }
+      },
+      { immediate: true }
+    );
+
     return () => {
       const pagination =
         slots.pagination?.({ dataTable: unref(dataTable) }) ||
@@ -52,11 +64,13 @@ export default defineComponent({
                   <Fragment>
                     <div class="header-box-main"></div>
                     <div class="header-box-tools">
-                      <MKDataFilterPopover dataTable={_dataTable}>
-                        <ElButton>
-                          <MKSvgIcon iconClass="Filter" />
-                        </ElButton>
-                      </MKDataFilterPopover>
+                      {_dataTable.dataFilter.getColumns().length ? (
+                        <MKDataFilterPopover dataTable={_dataTable}>
+                          <ElButton>
+                            <MKSvgIcon iconClass="Filter" />
+                          </ElButton>
+                        </MKDataFilterPopover>
+                      ) : null}
                       {buttons}
                     </div>
                   </Fragment>

package/src/dataview/config/ConfigForm.ts

@@ -81,6 +81,11 @@ export class ConfigForm
         ],
         componentInfo: this.resolveType(defaultType),
       }),
+      new FormColumn({
+        name: "memo",
+        label: "备注",
+        defaultValue: "",
+      }),
     ]);
 
     this.dataChangeEvent.on(({ data }) => {

package/src/dataview/config/ConfigTable.ts

@@ -29,8 +29,8 @@ export class ConfigTable extends DataTable<Config> {
     await super.initialize();
 
     this.setColumns([
-      new TableColumn({ name: "id", label: "编号", visible: false }),
       new TableColumn({ name: "key", label: "配置键" }),
+      new TableColumn({ name: "memo", label: "备注" }),
       new TableActionColumn(),
     ]);
   }

package/src/dataview/member/MemberForm.ts

@@ -2,9 +2,9 @@ import { DataForm, DataFormOptions, FormColumn } from "@maketribe/dm";
 import { defineDataForm } from "../../define-data-form";
 import { RoleTable } from "../role";
 import { DepartmentTable } from "../department";
-import { WebFileUpload } from "@maketribe/request";
 import { EMAIL_PATTERN } from "../../constants";
-import { WebFileUploadContext } from "../../components/upload-file";
+import { WebFileUploadContext } from "../../components/upload-file/context/WebFileUploadContext";
+
 export type MemberResult = {
   id: string;
   name: string;
@@ -43,7 +43,7 @@ export class MemberForm<
 
   protected async initialize() {
     await super.initialize();
-
+    
     this.setColumns([
       new FormColumn({ name: "id", label: "编号" }),
       new FormColumn({ name: "name", label: "姓名", required: true }),
@@ -62,6 +62,9 @@ export class MemberForm<
         label: "头像",
         defaultValue: null,
         componentInfo: "MKFormImageUpload",
+        componentProps: {
+          uploadContext: new WebFileUploadContext(),
+        },
       }),
       new FormColumn({
         name: "roles",