@agile-team/wl-skills-kit 2.11.1 → 2.11.2

package/files/.wl-skills/src/components/local/c_listModal/data.ts

@@ -1,41 +1,41 @@
-import {
-  AbstractPageQueryHook,
-  BaseQueryItemDesc,
-  ActionButtonDesc,
-  TableColumnDesc
-} from "@/types/page";
-import { RequestMethod } from "@jhlc/types/src/request-type";
-
-export function createPage(
-  listApi: string,
-  constQueryParam: Record<string, any>,
-  queryItemsConfig: BaseQueryItemDesc<any>[],
-  columns: TableColumnDesc<any>[],
-  requestMethod: RequestMethod
-) {
-  let Page = new (class extends AbstractPageQueryHook {
-    constructor() {
-      super({
-        requestMethod: requestMethod,
-        url: {
-          list: listApi
-        },
-        constQueryParam: () => constQueryParam
-      });
-    }
-
-    queryDef(): BaseQueryItemDesc<any>[] {
-      return queryItemsConfig;
-    }
-
-    toolbarDef(): ActionButtonDesc[] {
-      return [];
-    }
-
-    columnsDef(): TableColumnDesc<any>[] {
-      return [{ type: "index", label: "序号", width: 60 }, ...columns];
-    }
-  })();
-
-  return Page.create() as any;
-}
+import {
+  AbstractPageQueryHook,
+  BaseQueryItemDesc,
+  ActionButtonDesc,
+  TableColumnDesc
+} from "@/types/page";
+import { RequestMethod } from "@jhlc/types/src/request-type";
+
+export function createPage(
+  listApi: string,
+  constQueryParam: Record<string, any>,
+  queryItemsConfig: BaseQueryItemDesc<any>[],
+  columns: TableColumnDesc<any>[],
+  requestMethod: RequestMethod
+) {
+  let Page = new (class extends AbstractPageQueryHook {
+    constructor() {
+      super({
+        requestMethod: requestMethod,
+        url: {
+          list: listApi
+        },
+        constQueryParam: () => constQueryParam
+      });
+    }
+
+    queryDef(): BaseQueryItemDesc<any>[] {
+      return queryItemsConfig;
+    }
+
+    toolbarDef(): ActionButtonDesc[] {
+      return [];
+    }
+
+    columnsDef(): TableColumnDesc<any>[] {
+      return [{ type: "index", label: "序号", width: 60 }, ...columns];
+    }
+  })();
+
+  return Page.create() as any;
+}

package/files/.wl-skills/src/components/local/c_listModal/index.vue

@@ -1,136 +1,136 @@
-<template>
-  <jh-dialog
-    v-model="visible"
-    :width="width"
-    :title="title"
-    :close-on-click-modal="false"
-    :close-on-press-escape="false"
-  >
-    <BaseQuery
-      :form="queryParam"
-      :items="queryItems"
-      :columns="queryColumns"
-      :label-width="queryLabelWidth"
-      @select="select"
-      @reset="resetQuery"
-    />
-
-    <BaseTable
-      ref="tableRef"
-      :data="list"
-      :columns="columns"
-      showToolbar
-      highlightCurrentRow
-      currentRowSelectMethod="click"
-      @row-dblclick="handleRowDblclick"
-    />
-
-    <jh-pagination
-      v-show="page.total && page.total > 0"
-      :total="page.total || 0"
-      v-model:currentPage="page.current"
-      v-model:pageSize="page.size"
-      @current-change="select"
-      @size-change="select"
-    />
-    <template #footer v-if="showFooterButtons">
-      <div class="dialog-footer">
-        <BaseToolbar :items="cancelConfirmButtons(close, confirm)" />
-      </div>
-    </template>
-  </jh-dialog>
-</template>
-
-<script setup lang="ts">
-import { TableColumnDesc, BaseQueryItemDesc } from "@/types/page";
-import { cancelConfirmButtons } from "@jhlc/common-core/src/components/toolbar/toolbar-data";
-import { RequestMethod } from "@jhlc/types/src/request-type";
-import { createPage } from "./data";
-
-interface Props {
-  width?: string;
-  title?: string;
-  queryColumns?: number;
-  queryLabelWidth?: string;
-  queryItems?: BaseQueryItemDesc[];
-  tableColumns?: TableColumnDesc[];
-  apiPath?: string;
-  requestMethod?: RequestMethod;
-  showFooterButtons?: boolean;
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  width: "1200px",
-  title: "",
-  queryColumns: 4,
-  queryLabelWidth: "100px",
-  queryItems: () => [],
-  tableColumns: () => [],
-  apiPath: "",
-  requestMethod: RequestMethod.get,
-  showFooterButtons: true
-});
-
-const emits = defineEmits(["ok"]);
-
-// 弹窗显示状态
-const visible = ref(false);
-// 固定的查询参数
-const constQueryParam = ref<Record<string, any>>({});
-
-const Page = createPage(
-  props.apiPath,
-  constQueryParam.value,
-  props.queryItems,
-  props.tableColumns,
-  props.requestMethod
-);
-
-const {
-  tableRef: tableRef,
-  page: page,
-  list: list,
-  queryParam: queryParam,
-  queryItems: queryItems,
-  columns: columns,
-  select: select,
-  resetQuery: resetQuery
-} = Page;
-
-// 确定函数
-const confirm = () => {
-  const selectedRows = tableRef.value?.getSelection();
-  emits("ok", selectedRows);
-  close();
-};
-
-// 双击行函数
-const handleRowDblclick = (row: any) => {
-  if (!props.showFooterButtons) return;
-  emits("ok", row);
-  close();
-};
-
-// 打开弹窗
-const open = (params: Record<string, any>) => {
-  if (params) {
-    Object.assign(constQueryParam.value, params);
-  }
-  resetQuery();
-  visible.value = true;
-};
-
-// 关闭弹窗
-const close = () => {
-  visible.value = false;
-  list.value = [];
-};
-
-// 暴露方法
-defineExpose({
-  open,
-  close
-});
-</script>
-
-<style scoped lang="scss" src="./index.scss"></style>
+<template>
+  <jh-dialog
+    v-model="visible"
+    :width="width"
+    :title="title"
+    :close-on-click-modal="false"
+    :close-on-press-escape="false"
+  >
+    <BaseQuery
+      :form="queryParam"
+      :items="queryItems"
+      :columns="queryColumns"
+      :label-width="queryLabelWidth"
+      @select="select"
+      @reset="resetQuery"
+    />
+
+    <BaseTable
+      ref="tableRef"
+      :data="list"
+      :columns="columns"
+      showToolbar
+      highlightCurrentRow
+      currentRowSelectMethod="click"
+      @row-dblclick="handleRowDblclick"
+    />
+
+    <jh-pagination
+      v-show="page.total && page.total > 0"
+      :total="page.total || 0"
+      v-model:currentPage="page.current"
+      v-model:pageSize="page.size"
+      @current-change="select"
+      @size-change="select"
+    />
+    <template #footer v-if="showFooterButtons">
+      <div class="dialog-footer">
+        <BaseToolbar :items="cancelConfirmButtons(close, confirm)" />
+      </div>
+    </template>
+  </jh-dialog>
+</template>
+
+<script setup lang="ts">
+import { TableColumnDesc, BaseQueryItemDesc } from "@/types/page";
+import { cancelConfirmButtons } from "@jhlc/common-core/src/components/toolbar/toolbar-data";
+import { RequestMethod } from "@jhlc/types/src/request-type";
+import { createPage } from "./data";
+
+interface Props {
+  width?: string;
+  title?: string;
+  queryColumns?: number;
+  queryLabelWidth?: string;
+  queryItems?: BaseQueryItemDesc[];
+  tableColumns?: TableColumnDesc[];
+  apiPath?: string;
+  requestMethod?: RequestMethod;
+  showFooterButtons?: boolean;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  width: "1200px",
+  title: "",
+  queryColumns: 4,
+  queryLabelWidth: "100px",
+  queryItems: () => [],
+  tableColumns: () => [],
+  apiPath: "",
+  requestMethod: RequestMethod.get,
+  showFooterButtons: true
+});
+
+const emits = defineEmits(["ok"]);
+
+// 弹窗显示状态
+const visible = ref(false);
+// 固定的查询参数
+const constQueryParam = ref<Record<string, any>>({});
+
+const Page = createPage(
+  props.apiPath,
+  constQueryParam.value,
+  props.queryItems,
+  props.tableColumns,
+  props.requestMethod
+);
+
+const {
+  tableRef: tableRef,
+  page: page,
+  list: list,
+  queryParam: queryParam,
+  queryItems: queryItems,
+  columns: columns,
+  select: select,
+  resetQuery: resetQuery
+} = Page;
+
+// 确定函数
+const confirm = () => {
+  const selectedRows = tableRef.value?.getSelection();
+  emits("ok", selectedRows);
+  close();
+};
+
+// 双击行函数
+const handleRowDblclick = (row: any) => {
+  if (!props.showFooterButtons) return;
+  emits("ok", row);
+  close();
+};
+
+// 打开弹窗
+const open = (params: Record<string, any>) => {
+  if (params) {
+    Object.assign(constQueryParam.value, params);
+  }
+  resetQuery();
+  visible.value = true;
+};
+
+// 关闭弹窗
+const close = () => {
+  visible.value = false;
+  list.value = [];
+};
+
+// 暴露方法
+defineExpose({
+  open,
+  close
+});
+</script>
+
+<style scoped lang="scss" src="./index.scss"></style>

package/files/.wl-skills/src/components/local/c_spliterTitle/index.scss

@@ -1,25 +1,25 @@
-.spliter-title {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  background: white;
-  padding: 8px 0;
-
-  .title-bar {
-    width: 4px;
-    height: 20px;
-    background: var(--el-color-primary);
-    margin-right: 8px;
-    flex-shrink: 0;
-  }
-
-  .title-text {
-    line-height: 20px;
-    flex-shrink: 0;
-    margin-right: 8px;
-  }
-
-  .el-divider--horizontal {
-    margin: 18px 0;
-  }
-}
+.spliter-title {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  background: white;
+  padding: 8px 0;
+
+  .title-bar {
+    width: 4px;
+    height: 20px;
+    background: var(--el-color-primary);
+    margin-right: 8px;
+    flex-shrink: 0;
+  }
+
+  .title-text {
+    line-height: 20px;
+    flex-shrink: 0;
+    margin-right: 8px;
+  }
+
+  .el-divider--horizontal {
+    margin: 18px 0;
+  }
+}

package/files/.wl-skills/src/components/local/c_spliterTitle/index.vue

@@ -1,21 +1,21 @@
-<template>
-  <div class="spliter-title">
-    <div class="title-bar"></div>
-    <span class="title-text">{{ title }}</span>
-    <el-divider  />
-  </div>
-</template>
-
-<script setup lang="ts">
-interface Props {
-  title: string;
-}
-
-withDefaults(defineProps<Props>(), {
-  title: ""
-});
-</script>
-
-<style scoped lang="scss">
-@import "./index.scss";
-</style>
+<template>
+  <div class="spliter-title">
+    <div class="title-bar"></div>
+    <span class="title-text">{{ title }}</span>
+    <el-divider  />
+  </div>
+</template>
+
+<script setup lang="ts">
+interface Props {
+  title: string;
+}
+
+withDefaults(defineProps<Props>(), {
+  title: ""
+});
+</script>
+
+<style scoped lang="scss">
+@import "./index.scss";
+</style>