super-page-runtime 0.0.1-tmp2

package/lib/src/utils/page-init-util.js

@@ -0,0 +1,200 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const http = require("agilebuilder-ui/src/utils/request");
+const vueRouter = require("vue-router");
+const pageDesignTypes = require("./interfaces/page-design-types.js");
+const pageHelperUtil = require("./page-helper-util.js");
+function queryPageDesignByCode(pageCode) {
+  return http.get("/component/super-page-design/runtime/" + pageCode);
+}
+function convertToPageContext(pageDesign, pageRequest) {
+  if (pageDesign == null) {
+    return null;
+  }
+  const pageContext = {
+    uuid: pageDesign.uuid,
+    name: pageDesign.name,
+    label: pageDesign.label,
+    code: pageDesign.code,
+    version: pageDesign.version,
+    dimensions: pageDesign.dimensions,
+    rules: pageDesign.rules,
+    // 表单验证规则
+    tableUuids: pageDesign.tableUuids,
+    // 表格uuid集合
+    tableNames: pageDesign.tableNames,
+    // 当前页面中表格对应的数据表名集合，后台保存子表记录时需要
+    formNoRuleCode: pageDesign.formNoRuleCode,
+    // 表单编号规则
+    judgeHeavyList: pageDesign.judgeHeavyList,
+    // 判重组合字段集合配置
+    conversionCodes: pageDesign.conversionCodes,
+    // 数据转换规则
+    pageType: pageDesign.pageType,
+    // 页面类型：form、list、chart
+    beanName: pageDesign.beanName,
+    // 业务处理类，继承CommonBaseService接口的类
+    importBeanName: pageDesign.importBeanName,
+    // 导入处理类，继承ImportDefinitionService接口的类
+    notIdInitializationList: pageDesign.notIdInitializationList,
+    // 无ID或taskId时初始条件配置
+    subTablePageInfo: pageDesign.subTablePageInfo,
+    // 列表分页信息，格式是：{列表编码: 每页显示多少条记录}，表单页面中校验有分页的子表时提示使用，提示信息格式：第 {pageNum} 页第 {row} 行记录
+    customValidatorUuids: pageDesign.customEvents,
+    // 自定义组件启用了“自定义校验”开关的uuid集合
+    entity: {
+      data: {},
+      task: {},
+      request: getRequestObject(pageRequest),
+      //初始化request对象
+      page: {},
+      context: {},
+      system: {}
+    }
+  };
+  if (pageDesign.props.activeWorkflow && pageDesign.props.workflowSource && pageDesign.props.workflowSource === "link") {
+    pageContext.workflowCode = pageDesign.props.linkWorkflowCode;
+  } else if (pageDesign.props.activeWorkflow && pageDesign.props.workflowSource && pageDesign.props.workflowSource === "create") {
+    pageContext.workflowCode = pageDesign.props.createWorkflowCode;
+  }
+  if (pageDesign.variables) {
+    const pageObj = pageContext.entity.page;
+    for (const variable of pageDesign.variables) {
+      if (variable.name) {
+        if (variable.isArrayElement) {
+          pageObj[variable.name] = [];
+        } else {
+          pageObj[variable.name] = void 0;
+        }
+      }
+    }
+  }
+  Object.assign(pageContext, pageDesign);
+  pageContext.dimensions = getPageDimensions();
+  return pageContext;
+}
+function getPageDimensions() {
+  const winWidth = window.outerWidth;
+  if (!winWidth) {
+    return pageDesignTypes.PageDimensions.PC;
+  }
+  if (winWidth > 768) {
+    return pageDesignTypes.PageDimensions.PC;
+  } else if (winWidth > 414) {
+    return pageDesignTypes.PageDimensions.IPAD;
+  } else {
+    return pageDesignTypes.PageDimensions.PHONE;
+  }
+}
+function getRequestObject(pageRequest) {
+  const requestObj = {};
+  if (pageRequest) {
+    Object.assign(requestObj, pageRequest);
+  }
+  let url = decodeURI(window.location.href);
+  if (url && url.includes("?")) {
+    url = url.substring(url.lastIndexOf("?") + 1);
+    const strs = url.split("&");
+    for (const str of strs) {
+      const paramStrs = str.split("=");
+      requestObj[paramStrs[0]] = paramStrs.length > 1 ? paramStrs[1] : "";
+    }
+  }
+  const route = vueRouter.useRoute();
+  if (route) {
+    if (route.params) {
+      Object.assign(requestObj, route.params);
+    }
+    if (route.query) {
+      Object.assign(requestObj, route.query);
+    }
+  }
+  if (requestObj["_t_"])
+    ;
+  return requestObj;
+}
+function getFormModelFields(pageContext, formItemConfigure) {
+  if (!formItemConfigure) {
+    return ["temp"];
+  }
+  const entity = pageContext.entity;
+  const propsBase = formItemConfigure.props.base ? formItemConfigure.props.base : {};
+  let propName = propsBase.prop;
+  let fields = null;
+  if (!propName || !propName.startsWith("${")) {
+    fields = ["page", formItemConfigure.uuid];
+  } else {
+    propName = propName.substring(2, propName.length - 1);
+    fields = propName.split(".");
+    if (fields.length < 2) {
+      fields = [formItemConfigure.uuid];
+    }
+  }
+  if (entity.data.ID == void 0 && entity.data.ID == void 0) {
+    if (propsBase.defaultValue) {
+      let defaultValue = pageHelperUtil.formatVariableValue(pageContext, propsBase.defaultValue);
+      if (defaultValue != null && defaultValue != void 0) {
+        let isMultiple = false;
+        if (formItemConfigure.name == "checkbox") {
+          isMultiple = true;
+        } else if (formItemConfigure.name == "select") {
+          isMultiple = propsBase.multiple;
+        }
+        if (isMultiple) {
+          defaultValue = (defaultValue + "").split(",");
+        }
+      }
+      pageHelperUtil.setVariableValue(entity, fields, defaultValue);
+    }
+  }
+  return fields;
+}
+function getPermissionCodes(configure, pageContext) {
+  if (!pageContext || pageContext.isTest || !configure) {
+    return "";
+  }
+  const codes = [];
+  if (configure.autoPermissions) {
+    for (const p of configure.autoPermissions) {
+      codes.push(pageContext.code + "." + p.simpleCode);
+    }
+  }
+  if (configure.functionCodes) {
+    const sourceTypes = configure.sourceTypes ? configure.sourceTypes : [];
+    const functionCodes = configure.functionCodes;
+    for (let i = 0; i < functionCodes.length; i++) {
+      const functionCode = functionCodes[i];
+      const sourceType = i < sourceTypes.length ? sourceTypes[i] : "";
+      let newCode = "";
+      if (sourceType == "service") {
+        newCode = functionCode;
+      } else {
+        newCode = pageContext.code + "." + functionCode;
+      }
+      if (!codes.includes(newCode)) {
+        codes.push(newCode);
+      }
+    }
+  }
+  return codes.join(",");
+}
+function queryPageSuperGrids(pageDesign, pageContext, publishVersion) {
+  const tableRuntimes = pageDesign.tableRuntimes;
+  const additionalParamMap = pageContext.entity && pageContext.entity.request && Object.keys(pageContext.entity.request).length > 0 ? pageContext.entity.request : null;
+  let additionalParamMapJson;
+  const pageCode = pageContext.code;
+  if (additionalParamMap) {
+    additionalParamMapJson = JSON.stringify(additionalParamMap);
+  }
+  return http.post("/component/super-page-design/super-grids", {
+    tableRuntimes,
+    additionalParamMapJson,
+    pageCode,
+    publishVersion
+  });
+}
+exports.convertToPageContext = convertToPageContext;
+exports.getFormModelFields = getFormModelFields;
+exports.getPermissionCodes = getPermissionCodes;
+exports.queryPageDesignByCode = queryPageDesignByCode;
+exports.queryPageSuperGrids = queryPageSuperGrids;

package/lib/src/utils/store-util.d.ts

@@ -0,0 +1,15 @@
+export declare function getStoreInfo(pageCode: any, pageVersion: any, key: any): any;
+export declare function setStoreInfo(pageCode: any, pageVersion: any, key: string, value: any): void;
+/**
+ * 删除某属性
+ * @param {*} pageCode
+ * @param {*} key
+ */
+export declare function deleteStoreInfo(pageCode: any, pageVersion: any, key: any): void;
+/**
+* 获得页面缓存的key
+* @param pageCode
+* @param pageVersion
+* @returns
+*/
+export declare function getPageStoreKey(pageCode: any, pageVersion: any): string;

package/lib/src/utils/store-util.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const store = require("./store.js");
+function setStoreInfo(pageCode, pageVersion, key, value) {
+  const pageKey = getPageStoreKey(pageCode, pageVersion);
+  let pageCodeStoreInfo = store.get(pageKey);
+  if (!pageCodeStoreInfo) {
+    pageCodeStoreInfo = {};
+    store.set(pageKey, pageCodeStoreInfo);
+  }
+  pageCodeStoreInfo[key] = value;
+}
+function getPageStoreKey(pageCode, pageVersion) {
+  return pageCode + ":" + pageVersion;
+}
+exports.getPageStoreKey = getPageStoreKey;
+exports.setStoreInfo = setStoreInfo;

package/lib/src/utils/store.d.ts

@@ -0,0 +1,2 @@
+declare const store: Map<any, any>;
+export default store;

package/lib/src/utils/store.js

@@ -0,0 +1,3 @@
+"use strict";
+const store = /* @__PURE__ */ new Map();
+module.exports = store;

package/lib/src/utils/table-utils.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const commonUtil = require("./common-util.js");
+const http = require("agilebuilder-ui/src/utils/request");
+function getDataTypeMap(system, tableName) {
+  return new Promise((resolve, reject) => {
+    getDataTypeMapRequest(system, tableName).then((dataTypeMap) => {
+      resolve(dataTypeMap);
+    }).catch(() => {
+      reject(new Error("获得数据表：" + tableName + "的字段类型集合失败"));
+    });
+  });
+}
+function getDataTypeMapRequest(system, tableName) {
+  const baseUrl = commonUtil.getBaseUrl(system);
+  return http.get(baseUrl + "/dsc/commons/tables/" + tableName + "/data-types");
+}
+function popupToPage(params) {
+  window["$eventBus"].$emit(params.pageCode + "_open-dialog", params);
+}
+exports.getDataTypeMap = getDataTypeMap;
+exports.getDataTypeMapRequest = getDataTypeMapRequest;
+exports.popupToPage = popupToPage;

package/lib/super-page-dialog/index.js

@@ -0,0 +1,3 @@
+"use strict";
+const superPageDialog_vue_vue_type_script_setup_true_lang = require("./super-page-dialog.vue.js");
+module.exports = superPageDialog_vue_vue_type_script_setup_true_lang;

package/lib/super-page-dialog/super-page-dialog.vue.js

@@ -0,0 +1,73 @@
+"use strict";
+const vue = require("vue");
+const superPage_vue_vue_type_script_setup_true_lang = require("../runtime/views/super-page.vue.js");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "super-page-dialog",
+  props: {
+    parentPageContext: {},
+    parentPageEventParams: {},
+    jumpPageSetting: {},
+    isTest: { type: Boolean }
+  },
+  emits: ["open", "opened", "close", "closed"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const showContent = vue.ref(true);
+    const myJumpPageSetting = props.jumpPageSetting ? props.jumpPageSetting : null;
+    const width = vue.ref(null);
+    const title = vue.ref(null);
+    const pageCode = vue.ref(null);
+    const dataId = vue.ref(null);
+    const taskId = vue.ref(null);
+    const pageRequest = vue.ref({});
+    if (myJumpPageSetting) {
+      title.value = myJumpPageSetting && myJumpPageSetting["jumpPageTitle"] ? myJumpPageSetting["jumpPageTitle"] : null;
+      width.value = myJumpPageSetting && myJumpPageSetting["jumpPageWidth"] ? myJumpPageSetting["jumpPageWidth"] : "100%";
+      pageCode.value = myJumpPageSetting && myJumpPageSetting["pageCode"];
+      dataId.value = myJumpPageSetting && myJumpPageSetting["dataId"] ? myJumpPageSetting["dataId"] : null;
+      taskId.value = myJumpPageSetting && myJumpPageSetting["taskId"] ? myJumpPageSetting["taskId"] : null;
+      if (props.parentPageEventParams) {
+        try {
+          const pageParams = JSON.parse(JSON.stringify(props.parentPageEventParams));
+          if (pageParams["pageContext"]) {
+            delete pageParams["pageContext"];
+          }
+          if (pageParams["configureObj"]) {
+            delete pageParams["configureObj"];
+          }
+          Object.assign(pageRequest.value, props.parentPageEventParams);
+        } catch (error) {
+          console.error(error);
+        }
+      }
+      pageRequest.value["id"] = dataId.value;
+      pageRequest.value["taskId"] = taskId.value;
+    }
+    return (_ctx, _cache) => {
+      const _component_el_drawer = vue.resolveComponent("el-drawer");
+      return vue.openBlock(), vue.createBlock(_component_el_drawer, {
+        modelValue: showContent.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => showContent.value = $event),
+        "with-header": !title.value,
+        title: title.value,
+        direction: "btt",
+        size: width.value,
+        onOpen: _cache[1] || (_cache[1] = ($event) => emits("open")),
+        onOpened: _cache[2] || (_cache[2] = ($event) => emits("opened")),
+        onClose: _cache[3] || (_cache[3] = ($event) => emits("close")),
+        onClosed: _cache[4] || (_cache[4] = ($event) => emits("closed"))
+      }, {
+        default: vue.withCtx(() => [
+          pageCode.value ? (vue.openBlock(), vue.createBlock(superPage_vue_vue_type_script_setup_true_lang, {
+            key: 0,
+            pageCode: pageCode.value,
+            pageRequest: pageRequest.value
+          }, null, 8, ["pageCode", "pageRequest"])) : vue.createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["modelValue", "with-header", "title", "size"]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/super-page-dialog/super-page-dialog.vue2.js

@@ -0,0 +1,3 @@
+"use strict";
+const superPageDialog_vue_vue_type_script_setup_true_lang = require("./super-page-dialog.vue.js");
+module.exports = superPageDialog_vue_vue_type_script_setup_true_lang;

package/lib/wf-editor/index.js

@@ -0,0 +1,3 @@
+"use strict";
+const wfEditor = require("./wf-editor.vue.js");
+module.exports = wfEditor;

package/lib/wf-editor/wf-editor.css

@@ -0,0 +1,4 @@
+
+button[data-v-c38a8dd9] {
+  color: blue;
+}

package/lib/wf-editor/wf-editor.vue.js

@@ -0,0 +1,15 @@
+"use strict";
+const vue = require("vue");
+;/* empty css                */
+const _pluginVue_exportHelper = require("../_virtual/_plugin-vue_export-helper.js");
+const _sfc_main = {};
+const _withScopeId = (n) => (vue.pushScopeId("data-v-c38a8dd9"), n = n(), vue.popScopeId(), n);
+const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("button", null, "Editoraaaaa", -1));
+const _hoisted_2 = [
+  _hoisted_1
+];
+function _sfc_render(_ctx, _cache) {
+  return vue.openBlock(), vue.createElementBlock("div", null, _hoisted_2);
+}
+const WfEditor = /* @__PURE__ */ _pluginVue_exportHelper(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-c38a8dd9"]]);
+module.exports = WfEditor;

package/package-ws.json

@@ -0,0 +1,70 @@
+{
+  "name": "super-page-runtime",
+  "version": "1.0.10",
+  "description": "AgileBuilder super page runtime",
+  "license": "ISC",
+  "main": "src/index.ts",
+  "files": [
+    "dist/*"
+  ],
+  "typings": "dist/lib/index.d.ts",
+  "scripts": {
+    "dev": "vite",
+    "build": "run-p type-check \"build-only {@}\" --",
+    "preview": "vite preview",
+    "test:unit": "vitest",
+    "test:e2e": "start-server-and-test preview http://localhost:4173 'cypress run --e2e'",
+    "test:e2e:dev": "start-server-and-test 'vite dev --port 4173' http://localhost:4173 'cypress open --e2e'",
+    "build-only": "vite build",
+    "type-check": "vue-tsc --build --force",
+    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
+    "format": "prettier --write src/"
+  },
+  "dependencies": {
+    "@vueup/vue-quill": "^1.2.0",
+    "@vueuse/core": "^10.9.0",
+    "agilebuilder-ui": "1.0.13",
+    "async-validator": "^4.2.5",
+    "dayjs": "^1.11.11",
+    "echarts": "^5.5.0",
+    "jsbarcode": "^3.11.6",
+    "nprogress": "^0.2.0",
+    "qrcode": "^1.5.3",
+    "quill": "^2.0.1",
+    "uuid": "^9.0.1",
+    "vue-awesome": "^4.5.0",
+    "vue-codemirror": "^6.1.1",
+    "mitt": "^3.0.1",
+    "vue-draggable-plus": "^0.3.5",
+    "vue-echarts": "^6.6.9"
+  },
+  "devDependencies": {
+    "@element-plus/icons": "^0.0.11",
+    "@element-plus/icons-vue": "^2.3.1",
+    "@rushstack/eslint-patch": "^1.3.3",
+    "@types/jsdom": "^21.1.6",
+    "@types/node": "^20.11.28",
+    "@vitejs/plugin-vue-jsx": "^3.1.0",
+    "@vue/eslint-config-prettier": "^8.0.0",
+    "@vue/test-utils": "^2.4.4",
+    "axios": "^1.6.8",
+    "cypress": "^13.6.6",
+    "element-plus": "^2.6.1",
+    "eslint": "^8.49.0",
+    "eslint-plugin-cypress": "^2.15.1",
+    "eslint-plugin-vue": "^9.17.0",
+    "js-cookie": "^3.0.5",
+    "jsdom": "^24.0.0",
+    "saas": "^1.0.0",
+    "sass": "^1.72.0",
+    "start-server-and-test": "^2.0.3",
+    "typescript": "^5.4.5",
+    "vite": "^5.1.6",
+    "vite-plugin-dts": "^3.9.1",
+    "vitest": "^1.3.1",
+    "vue": "^3.4.21",
+    "vue-i18n": "^9.10.2",
+    "vue-router": "^4.3.0",
+    "vuex": "^4.1.0"
+  }
+}

package/package.json

@@ -0,0 +1,67 @@
+{
+  "name": "super-page-runtime",
+  "version": "0.0.1-tmp2",
+  "description": "AgileBuilder super page runtime",
+  "license": "ISC",
+  "main": "lib/index.js",
+  "typings": "lib/index.d.ts",
+  "scripts": {
+    "dev": "vite",
+    "build": "run-p type-check \"build-only {@}\" --",
+    "preview": "vite preview",
+    "test:unit": "vitest",
+    "test:e2e": "start-server-and-test preview http://localhost:4173 'cypress run --e2e'",
+    "test:e2e:dev": "start-server-and-test 'vite dev --port 4173' http://localhost:4173 'cypress open --e2e'",
+    "build-only": "vite build",
+    "type-check": "vue-tsc --build --force",
+    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
+    "format": "prettier --write src/"
+  },
+  "dependencies": {
+    "@vueup/vue-quill": "^1.2.0",
+    "@vueuse/core": "^10.9.0",
+    "agilebuilder-ui": "1.0.13",
+    "async-validator": "^4.2.5",
+    "dayjs": "^1.11.11",
+    "echarts": "^5.5.0",
+    "jsbarcode": "^3.11.6",
+    "mitt": "^3.0.1",
+    "nprogress": "^0.2.0",
+    "qrcode": "^1.5.3",
+    "quill": "^2.0.1",
+    "uuid": "^9.0.1",
+    "vue-awesome": "^4.5.0",
+    "vue-codemirror": "^6.1.1",
+    "vue-draggable-plus": "^0.3.5",
+    "vue-echarts": "^6.6.9"
+  },
+  "devDependencies": {
+    "@element-plus/icons": "^0.0.11",
+    "@element-plus/icons-vue": "^2.3.1",
+    "@rushstack/eslint-patch": "^1.3.3",
+    "@types/jsdom": "^21.1.6",
+    "@types/node": "^20.11.28",
+    "@vitejs/plugin-vue-jsx": "^3.1.0",
+    "@vue/eslint-config-prettier": "^8.0.0",
+    "@vue/test-utils": "^2.4.4",
+    "axios": "^1.6.8",
+    "cypress": "^13.6.6",
+    "element-plus": "^2.6.1",
+    "eslint": "^8.49.0",
+    "eslint-plugin-cypress": "^2.15.1",
+    "eslint-plugin-vue": "^9.17.0",
+    "js-cookie": "^3.0.5",
+    "jsdom": "^24.0.0",
+    "saas": "^1.0.0",
+    "sass": "^1.72.0",
+    "start-server-and-test": "^2.0.3",
+    "typescript": "^5.4.5",
+    "vite": "^5.1.6",
+    "vite-plugin-dts": "^3.9.1",
+    "vitest": "^1.3.1",
+    "vue": "^3.4.21",
+    "vue-i18n": "^9.10.2",
+    "vue-router": "^4.3.0",
+    "vuex": "^4.1.0"
+  }
+}

package/src/assets/base.css

@@ -0,0 +1,86 @@
+/* color palette from <https://github.com/vuejs/theme> */
+:root {
+  --vt-c-white: #ffffff;
+  --vt-c-white-soft: #f8f8f8;
+  --vt-c-white-mute: #f2f2f2;
+
+  --vt-c-black: #181818;
+  --vt-c-black-soft: #222222;
+  --vt-c-black-mute: #282828;
+
+  --vt-c-indigo: #2c3e50;
+
+  --vt-c-divider-light-1: rgba(60, 60, 60, 0.29);
+  --vt-c-divider-light-2: rgba(60, 60, 60, 0.12);
+  --vt-c-divider-dark-1: rgba(84, 84, 84, 0.65);
+  --vt-c-divider-dark-2: rgba(84, 84, 84, 0.48);
+
+  --vt-c-text-light-1: var(--vt-c-indigo);
+  --vt-c-text-light-2: rgba(60, 60, 60, 0.66);
+  --vt-c-text-dark-1: var(--vt-c-white);
+  --vt-c-text-dark-2: rgba(235, 235, 235, 0.64);
+}
+
+/* semantic color variables for this project */
+:root {
+  --color-background: var(--vt-c-white);
+  --color-background-soft: var(--vt-c-white-soft);
+  --color-background-mute: var(--vt-c-white-mute);
+
+  --color-border: var(--vt-c-divider-light-2);
+  --color-border-hover: var(--vt-c-divider-light-1);
+
+  --color-heading: var(--vt-c-text-light-1);
+  --color-text: var(--vt-c-text-light-1);
+
+  --section-gap: 160px;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --color-background: var(--vt-c-black);
+    --color-background-soft: var(--vt-c-black-soft);
+    --color-background-mute: var(--vt-c-black-mute);
+
+    --color-border: var(--vt-c-divider-dark-2);
+    --color-border-hover: var(--vt-c-divider-dark-1);
+
+    --color-heading: var(--vt-c-text-dark-1);
+    --color-text: var(--vt-c-text-dark-2);
+  }
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+  margin: 0;
+  font-weight: normal;
+}
+
+body {
+  min-height: 100vh;
+  color: var(--color-text);
+  background: var(--color-background);
+  transition:
+    color 0.5s,
+    background-color 0.5s;
+  line-height: 1.6;
+  font-family:
+    Inter,
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
+    Roboto,
+    Oxygen,
+    Ubuntu,
+    Cantarell,
+    'Fira Sans',
+    'Droid Sans',
+    'Helvetica Neue',
+    sans-serif;
+  font-size: 15px;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}

package/src/assets/chart-themes/theme1.ts

@@ -0,0 +1,6 @@
+// theme.js
+export default {
+  // 全局样式变量
+  color: ['red', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc']
+  // 其他样式设置...
+};

package/src/assets/chart-themes/theme2.ts

@@ -0,0 +1,6 @@
+// theme.js
+export default {
+  // 全局样式变量
+  color: ['yellow', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc']
+  // 其他样式设置...
+};

package/src/assets/chart-themes/theme3.ts

@@ -0,0 +1,6 @@
+// theme.js
+export default {
+  // 全局样式变量
+  color: ['green', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc']
+  // 其他样式设置...
+};