@airpower/web 0.1.3 → 0.2.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@airpower/web",
   "type": "module",
-  "version": "0.1.3",
+  "version": "0.2.1",
   "description": "AirPower-Web",
   "author": {
     "name": "Hamm",
@@ -19,41 +19,44 @@
   },
   "keywords": [
     "AirPower",
-    "AirPower-Core",
     "AirPower-Web",
     "class-transformer",
     "typescript",
     "oop",
     "class"
   ],
-  "main": "dist/airpower.web.js",
-  "module": "dist/airpower.web.js",
+  "main": "dist/main.js",
+  "module": "dist/main.js",
   "types": "dist/index.d.ts",
   "files": [
     "dist",
     "docs"
   ],
   "scripts": {
-    "build": "tsc && vite build",
+    "build": "eslint && tsc && vite build",
     "lint": "eslint src --ext .ts",
     "preview": "vite preview"
   },
-  "peerDependencies": {
-    "axios": "^1.8.4",
-    "element-plus": "^2.9.7",
-    "vue": "^3.5.13"
-  },
+  "peerDependencies": {},
   "dependencies": {
-    "@airpower/core": "^1.0.2",
+    "@airpower/enum": "^0.0.10",
+    "@airpower/i18n": "^0.0.4",
+    "@airpower/transformer": "^0.1.0",
+    "@airpower/util": "^0.1.2",
+    "@element-plus/icons-vue": "^2.3.1",
     "axios": "^1.8.4",
     "element-plus": "^2.9.7",
-    "vue": "^3.5.13"
+    "qrcode.vue": "^3.6.0",
+    "vue": "^3.5.13",
+    "vue-clipboard3": "^2.0.0",
+    "vue-router": "^4.5.0"
   },
   "devDependencies": {
     "@antfu/eslint-config": "^4.11.0",
     "@types/node": "^22.13.14",
     "@vitejs/plugin-vue": "^5.2.3",
     "eslint": "^9.23.0",
+    "sass-embedded": "^1.86.3",
     "typescript": "^5.8.2",
     "vite": "^6.2.0",
     "vite-plugin-dts": "^4.5.3"

package/dist/airpower.web.js

@@ -1,490 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, toHandlers, withCtx, createElementBlock, Fragment, renderList, ref } from "vue";
-import { DecoratorUtil, getFieldConfig, ClassTransformer, I18n, QueryPageResponse, QueryPageRequest, Page, HttpConfig, AbstractHttp, HttpResponse, HttpStatus, AbstractEntityService } from "@airpower/core";
-export * from "@airpower/core";
-import { ElTable, ElTableColumn, ElMessageBox, ElMessage } from "element-plus";
-import axios from "axios";
-const FIELD_CONFIG_KEY = "Table";
-const FIELD_LIST_KEY = "TableList";
-function Table(config = {}) {
-  return (target, key) => {
-    config.key = key;
-    return DecoratorUtil.setFieldConfig(target, key, FIELD_CONFIG_KEY, config, FIELD_LIST_KEY);
-  };
-}
-function getTableConfig(target, key) {
-  const formConfig = DecoratorUtil.getFieldConfig(target, key, FIELD_CONFIG_KEY, true);
-  if (!formConfig) {
-    return null;
-  }
-  if (!formConfig.enums) {
-    const props = getFieldConfig(target, key);
-    if (props && props.enums) {
-      formConfig.enums = props.enums;
-    }
-  }
-  return formConfig;
-}
-function getTableFieldList(target) {
-  return DecoratorUtil.getFieldList(target, FIELD_LIST_KEY);
-}
-function getTableConfigList(target, keyList) {
-  return DecoratorUtil.getFieldConfigList(target, FIELD_LIST_KEY, FIELD_CONFIG_KEY, keyList).sort((a, b) => (b.orderNumber || 0) - (a.orderNumber || 0)).map((item) => {
-    const props = getFieldConfig(target, item.key);
-    item.label = item.label || props.label || item.key;
-    if (!item.enums) {
-      const fieldConfig = getFieldConfig(target, item.key);
-      if (fieldConfig && fieldConfig.enums) {
-        item.enums = fieldConfig.enums;
-      }
-    }
-    return item;
-  });
-}
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "WebTable",
-  props: {
-    /**
-     * ### 表格列配置
-     */
-    columns: {
-      type: Array
-    },
-    /**
-     * ### 表格数据
-     */
-    data: {
-      type: Array,
-      required: true
-    },
-    /**
-     * ### 表格实体类
-     */
-    clazz: {
-      type: Function,
-      required: true
-    },
-    /**
-     * ### 表格ID
-     * 如传入，选择表格列后会自动缓存
-     */
-    tableId: {
-      type: String,
-      default: ""
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const tableColumns = computed(() => {
-      if (props.columns && props.columns.length > 0) {
-        return props.columns;
-      }
-      const instance = ClassTransformer.newInstance(props.clazz);
-      return getTableConfigList(instance, []);
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ElTable), mergeProps({
-        data: __props.data,
-        "row-key": "id"
-      }, _ctx.$attrs, toHandlers(_ctx.$attrs)), {
-        default: withCtx(() => [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(tableColumns.value, (item) => {
-            return openBlock(), createBlock(unref(ElTableColumn), mergeProps({
-              key: item.key,
-              prop: item.key,
-              ref_for: true
-            }, item), null, 16, ["prop"]);
-          }), 128))
-        ]),
-        _: 1
-      }, 16, ["data"]);
-    };
-  }
-});
-class WebI18n extends I18n {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "Detail", "详情");
-    __publicField(this, "Edit", "编辑");
-    __publicField(this, "Add", "添加");
-    __publicField(this, "EditSuccess", "编辑成功");
-    __publicField(this, "AddSuccess", "添加成功");
-    __publicField(this, "DeleteSuccess", "删除成功");
-    __publicField(this, "SelectPlease", "请选择");
-    __publicField(this, "DisableSuccess", "禁用成功");
-    __publicField(this, "EnableSuccess", "启用成功");
-    __publicField(this, "Confirm", "确定");
-    __publicField(this, "Cancel", "取消");
-    __publicField(this, "ConfirmPlease", "请确认");
-    __publicField(this, "ConfirmToDisable", "是否确认禁用当前选择的数据?");
-    __publicField(this, "ConfirmToEnable", "是否确认启用当前选择的数据?");
-    __publicField(this, "ConfirmToDelete", "是否确认删除当前选择的数据?");
-  }
-}
-class DetailController {
-  /**
-   * ### 创建表格控制器
-   * @param ServiceClass 服务类
-   * @param props `defineProps` 的返回值
-   * @param option `可选` 更多的配置
-   */
-  constructor(ServiceClass, props, option = {}) {
-    __publicField(this, "isLoading", ref(false));
-    __publicField(this, "formData");
-    __publicField(this, "title", ref(WebI18n.get().Detail));
-    __publicField(this, "service");
-    __publicField(this, "option", {});
-    this.service = ClassTransformer.newInstance(ServiceClass);
-    this.service.setLoading(this.isLoading);
-    this.option = option;
-    this.formData = ref(props.param ? props.param.copy() : ClassTransformer.newInstance(this.service.entityClass));
-    this.getDetail();
-  }
-  /**
-   * ### 查询详情方法
-   */
-  async getDetail() {
-    if (this.formData.value.id) {
-      this.formData.value = await this.service.getDetail(this.formData.value.id, this.option.apiUrl);
-      if (this.option.afterGetDetail) {
-        const result = this.option.afterGetDetail(this.formData.value);
-        if (result) {
-          this.formData.value = result;
-        }
-      }
-    }
-  }
-}
-class EditorController extends DetailController {
-  async getDetail() {
-    this.title.value = this.formData.value.id ? WebI18n.get().Edit : WebI18n.get().Add;
-    return super.getDetail();
-  }
-}
-class BaseTableController {
-  /**
-   * ### 创建表格控制器
-   * @param ServiceClass 服务类
-   */
-  constructor(ServiceClass) {
-    __publicField(this, "request");
-    __publicField(this, "response", ref(new QueryPageResponse()));
-    __publicField(this, "list", ref([]));
-    __publicField(this, "selectList", ref([]));
-    __publicField(this, "isLoading", ref(false));
-    __publicField(this, "service");
-    __publicField(this, "option", {});
-    this.service = ClassTransformer.newInstance(ServiceClass);
-    this.request = ref(new QueryPageRequest(this.service.entityClass));
-    this.service.setLoading(this.isLoading);
-    this.getList();
-  }
-  /**
-   * ### 设置配置
-   * @param option 更多配置
-   */
-  setOption(option) {
-    this.option = option;
-    if (option.defaultFilter) {
-      this.request.value.filter = option.defaultFilter;
-    }
-    return this;
-  }
-  /**
-   * ### 查询列表事件
-   */
-  async getList() {
-    let req = this.request.value;
-    if (this.option.beforeSearch) {
-      const result = this.option.beforeSearch(req);
-      if (result) {
-        req = result;
-      }
-    }
-    if (this.option.treeList) {
-      this.list.value = await this.service.getTreeList(req, this.option.apiUrl);
-    } else if (!this.option.unPaginate) {
-      this.response.value = await this.service.getPage(req, this.option.apiUrl);
-      this.list.value = this.response.value.list;
-    } else {
-      this.list.value = await this.service.getList(req, this.option.apiUrl);
-    }
-  }
-  /**
-   * ### 搜索
-   * @param req 请求对象
-   */
-  async search(req) {
-    this.request.value = req;
-    this.getList();
-  }
-  /**
-   * ### 重新加载数据
-   * 会自动返回第一页
-   */
-  async reload() {
-    if (!this.request.value.page) {
-      this.request.value.page = new Page();
-    }
-    this.request.value.page.pageNum = 1;
-    this.search(this.request.value);
-  }
-  /**
-   * ### 添加事件
-   */
-  async add() {
-    if (!this.option.editView) {
-      console.error("请为 useAirTableList 的 option 传入 editView");
-      return;
-    }
-    try {
-    } finally {
-      this.getList();
-    }
-  }
-  /**
-   * ### 点击表格行详情事件
-   * @param row 行数据
-   */
-  async detail(row) {
-    if (!this.option.detailView) {
-      console.error("请为 useAirTableList 的 option 传入 detailView");
-      return;
-    }
-    try {
-      console.warn("需要弹出并携带数据", row, this.option.detailView);
-    } finally {
-      this.reload();
-    }
-  }
-  /**
-   * ### 排序变更事件
-   * @param sort 排序对象
-   */
-  async sortChanged(sort) {
-    this.request.value.sort = sort;
-    this.request.value.page = new Page();
-    this.getList();
-  }
-  /**
-   * ### 选择变更事件
-   * @param list 选择列表
-   */
-  async selectChanged(list) {
-    this.selectList.value = list;
-  }
-  /**
-   * ### 分页变更事件
-   * @param page 分页对象
-   */
-  async pageChanged(page) {
-    this.request.value.page = page;
-    this.getList();
-  }
-}
-class TableController extends BaseTableController {
-  /**
-   * ### 表格行编辑事件
-   * @param row 行数据
-   */
-  async edit(row) {
-    if (!this.option.editView) {
-      console.error("请为 useAirTableList 的 option 传入 editor");
-      return;
-    }
-    try {
-      console.warn("需要弹出并携带数据", row, this.option.editView);
-    } finally {
-      this.getList();
-    }
-  }
-  /**
-   * ### 表格行删除事件
-   * @param row 行数据
-   */
-  async delete(row) {
-    await this.confirmPlease(WebI18n.get().ConfirmToDelete);
-    await this.service.delete(row.id, WebI18n.get().DeleteSuccess);
-    this.getList();
-  }
-  /**
-   * ### 表格行禁用事件
-   * @param row 行数据
-   */
-  async disable(row) {
-    await this.confirmPlease(WebI18n.get().ConfirmToDisable);
-    await this.service.disable(row.id, WebI18n.get().DisableSuccess);
-    this.getList();
-  }
-  /**
-   * ### 表格行启用事件
-   * @param row 行数据
-   */
-  async enable(row) {
-    await this.confirmPlease(WebI18n.get().ConfirmToEnable);
-    await this.service.enable(row.id, WebI18n.get().EnableSuccess);
-    this.getList();
-  }
-  /**
-   * ### 确认提示
-   * @param message 提示信息
-   */
-  async confirmPlease(message) {
-    await ElMessageBox.confirm(
-      message,
-      WebI18n.get().ConfirmPlease,
-      {
-        confirmButtonText: WebI18n.get().Confirm,
-        cancelButtonText: WebI18n.get().Cancel,
-        type: "warning"
-      }
-    );
-  }
-}
-class TableTreeController extends TableController {
-  /**
-   * ### 树表格添加子项事件
-   * @param row 行数据
-   */
-  async onAddRow(row) {
-    if (!this.option.editView) {
-      console.error("请为 useAirTableList 的 option 传入 editor");
-      return;
-    }
-    try {
-      let param = ClassTransformer.newInstance(this.service.entityClass);
-      param.parentId = row.id;
-      if (this.option.beforeAddRow) {
-        const result = this.option.beforeAddRow(param, row);
-        if (result !== void 0) {
-          param = result;
-        }
-      }
-      console.warn("需要弹出并携带数据", param, this.option.editView);
-    } finally {
-      this.reload();
-    }
-  }
-}
-class WebAccessTokenUtil {
-  /**
-   * ### 获取AccessToken
-   */
-  static getAccessToken() {
-    var _a;
-    return ((_a = localStorage.getItem(HttpConfig.authorizationHeaderKey)) == null ? void 0 : _a.toString()) || "";
-  }
-  /**
-   * ### 设置AccessToken
-   * @param accessToken AccessToken
-   */
-  static setAccessToken(accessToken) {
-    localStorage.setItem(HttpConfig.authorizationHeaderKey, accessToken);
-  }
-  /**
-   * ### 移除AccessToken
-   */
-  static removeAccessToken() {
-    localStorage.removeItem(HttpConfig.authorizationHeaderKey);
-  }
-}
-class WebHttp extends AbstractHttp {
-  constructor() {
-    super(...arguments);
-    /**
-     * ### 加载状态
-     */
-    __publicField(this, "loading", ref(false));
-  }
-  async request(body) {
-    const axiosConfig = {};
-    axiosConfig.url = this.getUrl();
-    axiosConfig.headers = this.getHttpHeaders();
-    axiosConfig.timeout = this.getTimeout();
-    axiosConfig.method = this.getMethod();
-    axiosConfig.data = body;
-    const response = new HttpResponse();
-    try {
-      const res = await axios.request(axiosConfig);
-      if (res.status !== HttpStatus.OK) {
-        response.code = res.status;
-        response.message = res.statusText;
-        response.data = res;
-        return response;
-      }
-      response.code = res.data.code;
-      response.message = res.data.message;
-      response.data = res.data.data;
-      return response;
-    } catch (e) {
-      response.code = HttpStatus.INTERNAL_SERVER_ERROR;
-      response.message = e.message;
-      response.data = e;
-      return response;
-    }
-  }
-  /**
-   * # 获取AccessToken
-   */
-  getAccessToken() {
-    return WebAccessTokenUtil.getAccessToken();
-  }
-  startLoading() {
-    this.loading.value = true;
-  }
-  stopLoading() {
-    this.loading.value = false;
-  }
-}
-class AbstractWebService extends AbstractEntityService {
-  constructor() {
-    super(...arguments);
-    /**
-     * ### 是否正在加载中
-     */
-    __publicField(this, "loading", ref(false));
-  }
-  /**
-   * ### 设置加载状态
-   * @param loading 加载状态
-   */
-  setLoading(loading) {
-    this.loading = loading;
-    return this;
-  }
-  /**
-   * ### 创建一个 `Http` 对象
-   * @param url 请求的 `URL`
-   */
-  createHttp(url) {
-    const http = WebHttp.create(url, (error) => {
-      ElMessage.error(error.message);
-    });
-    http.loading = this.loading;
-    return http;
-  }
-  showSuccess(successMessage) {
-    ElMessage.success(successMessage);
-  }
-  showError(errorMessage) {
-    ElMessage.error(errorMessage);
-  }
-}
-export {
-  AbstractWebService,
-  BaseTableController,
-  DetailController,
-  EditorController,
-  Table,
-  TableController,
-  TableTreeController,
-  WebAccessTokenUtil,
-  WebHttp,
-  WebI18n,
-  _sfc_main as WebTable,
-  getTableConfig,
-  getTableConfigList,
-  getTableFieldList
-};

package/dist/components/WebTable.vue.d.ts

@@ -1,22 +0,0 @@
-import { ClassConstructor, Entity } from '@airpower/core';
-import { ITableFieldConfig } from '../decorator';
-declare const _default: <E extends Entity>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<Pick<Partial<{
-        tableId: string;
-    }> & Omit<{
-        readonly data: E[];
-        readonly clazz: ClassConstructor<E>;
-        readonly tableId: string;
-        readonly columns?: ITableFieldConfig[] | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "tableId">, "columns" | "data" | "clazz" | "tableId"> & {} & Partial<{}>> & import('vue').PublicProps;
-    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
-    attrs: any;
-    slots: {};
-    emit: {};
-}>) => import('vue').VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
-};
-export default _default;
-type __VLS_PrettifyLocal<T> = {
-    [K in keyof T]: T[K];
-} & {};

package/dist/controller/DetailController.d.ts

@@ -1,29 +0,0 @@
-import { Entity, IJson } from '@airpower/core';
-import { Ref } from 'vue';
-import { AbstractWebService } from '../service';
-import { IDetailControllerOption } from './interface';
-/**
- * # 详情控制器
- *
- * @author Hamm.cn
- */
-export declare class DetailController<E extends Entity, S extends AbstractWebService<E>, O extends IDetailControllerOption<E> = IDetailControllerOption<E>> {
-    isLoading: Ref<boolean, boolean>;
-    formData: Ref<E>;
-    title: Ref<string, string>;
-    protected service: S;
-    protected option: O;
-    /**
-     * ### 创建表格控制器
-     * @param ServiceClass 服务类
-     * @param props `defineProps` 的返回值
-     * @param option `可选` 更多的配置
-     */
-    constructor(ServiceClass: new () => S & {
-        entityClass: new () => E;
-    }, props: IJson, option?: O);
-    /**
-     * ### 查询详情方法
-     */
-    getDetail(): Promise<void>;
-}

package/dist/controller/EditorController.d.ts

@@ -1,11 +0,0 @@
-import { Entity } from '@airpower/core';
-import { AbstractWebService } from '../service';
-import { DetailController } from './DetailController';
-/**
- * # 编辑器控制器
- *
- * @author Hamm.cn
- */
-export declare class EditorController<E extends Entity, S extends AbstractWebService<E>> extends DetailController<E, S> {
-    getDetail(): Promise<void>;
-}

package/dist/controller/index.d.ts

@@ -1,4 +0,0 @@
-export * from './DetailController';
-export * from './EditorController';
-export * from './interface';
-export * from './table';

package/dist/controller/interface/index.d.ts

@@ -1,4 +0,0 @@
-export * from './IDetailControllerOption';
-export * from './ITableControllerOption';
-export * from './ITableTreeControllerOption';
-export * from './IUseEditorOption';

package/dist/controller/table/BaseTableController.d.ts

@@ -1,68 +0,0 @@
-import { Entity, QuerySort, Page, QueryPageRequest, QueryPageResponse } from '@airpower/core';
-import { Ref } from 'vue';
-import { AbstractWebService } from '../../service';
-import { ITableControllerOption } from '../interface';
-/**
- * # 表格控制器基类
- *
- * @author Hamm.cn
- */
-export declare class BaseTableController<E extends Entity, S extends AbstractWebService<E>, O extends ITableControllerOption<E> = ITableControllerOption<E>> {
-    request: Ref<QueryPageRequest<E>>;
-    response: Ref<QueryPageResponse<E>>;
-    list: Ref<E[]>;
-    selectList: Ref<E[]>;
-    isLoading: Ref<boolean, boolean>;
-    protected service: S;
-    protected option: O;
-    /**
-     * ### 创建表格控制器
-     * @param ServiceClass 服务类
-     */
-    constructor(ServiceClass: new () => S & {
-        entityClass: new () => E;
-    });
-    /**
-     * ### 设置配置
-     * @param option 更多配置
-     */
-    setOption(option: O): this;
-    /**
-     * ### 查询列表事件
-     */
-    getList(): Promise<void>;
-    /**
-     * ### 搜索
-     * @param req 请求对象
-     */
-    search(req: QueryPageRequest<E>): Promise<void>;
-    /**
-     * ### 重新加载数据
-     * 会自动返回第一页
-     */
-    reload(): Promise<void>;
-    /**
-     * ### 添加事件
-     */
-    add(): Promise<void>;
-    /**
-     * ### 点击表格行详情事件
-     * @param row 行数据
-     */
-    detail(row: E): Promise<void>;
-    /**
-     * ### 排序变更事件
-     * @param sort 排序对象
-     */
-    sortChanged(sort?: QuerySort): Promise<void>;
-    /**
-     * ### 选择变更事件
-     * @param list 选择列表
-     */
-    selectChanged(list: E[]): Promise<void>;
-    /**
-     * ### 分页变更事件
-     * @param page 分页对象
-     */
-    pageChanged(page: Page): Promise<void>;
-}