qy-vue-plugins 1.0.1 → 1.0.2

package/dist/types/apply-element-plus-theme.d.ts

@@ -0,0 +1 @@
+export declare function applyElementPlusTheme(): void;

package/dist/types/manageTable/manageTable.vue.d.ts

@@ -1819,12 +1819,12 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
         propertyGroup?: string[] | undefined;
         layoutType?: "text" | "input" | "textArea" | "singleSelect" | "multipleSelect" | "number" | "selectGroup" | "selectSecond" | "cascader" | "imageList" | "voiceList" | "divider" | "datePicker" | "dateTimePicker" | "location" | "inputGroup" | "container" | "switch" | "quadratChart" | "select" | "previewImage" | undefined;
         name?: string | undefined;
+        value?: any;
         type: "custom" | "system";
         title: string;
         layout?: string | undefined;
         property: string;
         unit?: string | null | undefined;
-        value?: any;
         required: boolean;
         disabled?: boolean | undefined;
         placeholder?: string | undefined;
@@ -1867,12 +1867,12 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
         propertyGroup?: string[] | undefined;
         layoutType?: "text" | "input" | "textArea" | "singleSelect" | "multipleSelect" | "number" | "selectGroup" | "selectSecond" | "cascader" | "imageList" | "voiceList" | "divider" | "datePicker" | "dateTimePicker" | "location" | "inputGroup" | "container" | "switch" | "quadratChart" | "select" | "previewImage" | undefined;
         name?: string | undefined;
+        value?: any;
         type: "custom" | "system";
         title: string;
         layout?: string | undefined;
         property: string;
         unit?: string | null | undefined;
-        value?: any;
         required: boolean;
         disabled?: boolean | undefined;
         placeholder?: string | undefined;

package/package/apply-element-plus-theme.ts

@@ -0,0 +1,23 @@
+const elementPlusThemeVars = {
+  "--el-color-primary": "#34c28a",
+  "--el-color-primary-rgb": "52, 194, 138",
+  "--el-color-primary-light-3": "#71d4ad",
+  "--el-color-primary-light-5": "#9ae1c5",
+  "--el-color-primary-light-7": "#c2eddc",
+  "--el-color-primary-light-8": "#d6f3e8",
+  "--el-color-primary-light-9": "#ebf9f3",
+  "--el-color-primary-dark-2": "#2a9b6e",
+};
+
+export function applyElementPlusTheme() {
+  if (typeof document === "undefined") {
+    return;
+  }
+
+  const rootStyle = document.documentElement.style;
+  Object.entries(elementPlusThemeVars).forEach(([name, value]) => {
+    rootStyle.setProperty(name, value);
+  });
+}
+
+applyElementPlusTheme();

package/package/css/common.scss

@@ -0,0 +1,33 @@
+.qy-flex-col {
+  display: flex;
+  flex-direction: column;
+}
+.qy-flex-row {
+  display: flex;
+  flex-direction: row;
+}
+.qy-flex-center {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.qy-flex-justify {
+  display: flex;
+  justify-content: center;
+}
+.qy-flex-align {
+  display: flex;
+  align-items: center;
+}
+
+.qy-flex-between {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.qy-flex-align-end {
+  display: flex;
+  justify-content: flex-end;
+}

package/package/css/element-plus-theme.scss

@@ -0,0 +1,30 @@
+:root {
+  --el-color-primary: #34c28a;
+  --el-color-primary-rgb: 52, 194, 138;
+  --el-color-primary-light-3: #71d4ad;
+  --el-color-primary-light-5: #9ae1c5;
+  --el-color-primary-light-7: #c2eddc;
+  --el-color-primary-light-8: #d6f3e8;
+  --el-color-primary-light-9: #ebf9f3;
+  --el-color-primary-dark-2: #2a9b6e;
+}
+
+.el-button--primary {
+  --el-button-bg-color: var(--el-color-primary);
+  --el-button-border-color: var(--el-color-primary);
+  --el-button-hover-bg-color: var(--el-color-primary-light-3);
+  --el-button-hover-border-color: var(--el-color-primary-light-3);
+  --el-button-active-bg-color: var(--el-color-primary-dark-2);
+  --el-button-active-border-color: var(--el-color-primary-dark-2);
+  --el-button-outline-color: var(--el-color-primary-light-5);
+}
+
+.el-button--primary.is-plain {
+  --el-button-bg-color: var(--el-color-primary-light-9);
+  --el-button-border-color: var(--el-color-primary-light-5);
+  --el-button-text-color: var(--el-color-primary);
+  --el-button-hover-bg-color: var(--el-color-primary);
+  --el-button-hover-border-color: var(--el-color-primary);
+  --el-button-active-bg-color: var(--el-color-primary-dark-2);
+  --el-button-active-border-color: var(--el-color-primary-dark-2);
+}

package/package/css/map.scss

@@ -0,0 +1,42 @@
+.research-location-icon-el {
+  width: 32px;
+  height: 32px;
+  .research-location-img-el {
+    width: 100%;
+    height: auto;
+  }
+}
+
+.research-location-point {
+  width: 28px;
+  height: 44px;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: center;
+
+  .research-location-point-content {
+    width: 28px;
+    height: 28px;
+    border-radius: 50%;
+    background-color: #fff;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    .research-location-point-content-inner {
+      width: 22px;
+      height: 22px;
+      background-color: red;
+      border-radius: 50%;
+    }
+  }
+
+  .research-location-point-line {
+    width: 6px;
+    height: 16px;
+    background-color: #fff;
+    border-bottom-left-radius: 3px;
+    border-bottom-right-radius: 3px;
+  }
+}

package/package/element-plus-style.ts

@@ -0,0 +1,48 @@
+import "element-plus/es/components/alert/style/css";
+import "element-plus/es/components/autocomplete/style/css";
+import "element-plus/es/components/button/style/css";
+import "element-plus/es/components/carousel/style/css";
+import "element-plus/es/components/carousel-item/style/css";
+import "element-plus/es/components/cascader/style/css";
+import "element-plus/es/components/checkbox/style/css";
+import "element-plus/es/components/checkbox-group/style/css";
+import "element-plus/es/components/col/style/css";
+import "element-plus/es/components/collapse/style/css";
+import "element-plus/es/components/collapse-item/style/css";
+import "element-plus/es/components/color-picker/style/css";
+import "element-plus/es/components/date-picker/style/css";
+import "element-plus/es/components/dialog/style/css";
+import "element-plus/es/components/divider/style/css";
+import "element-plus/es/components/dropdown/style/css";
+import "element-plus/es/components/dropdown-item/style/css";
+import "element-plus/es/components/dropdown-menu/style/css";
+import "element-plus/es/components/empty/style/css";
+import "element-plus/es/components/form/style/css";
+import "element-plus/es/components/form-item/style/css";
+import "element-plus/es/components/icon/style/css";
+import "element-plus/es/components/image/style/css";
+import "element-plus/es/components/input/style/css";
+import "element-plus/es/components/input-number/style/css";
+import "element-plus/es/components/loading/style/css";
+import "element-plus/es/components/message/style/css";
+import "element-plus/es/components/message-box/style/css";
+import "element-plus/es/components/notification/style/css";
+import "element-plus/es/components/option/style/css";
+import "element-plus/es/components/option-group/style/css";
+import "element-plus/es/components/pagination/style/css";
+import "element-plus/es/components/popover/style/css";
+import "element-plus/es/components/radio/style/css";
+import "element-plus/es/components/radio-group/style/css";
+import "element-plus/es/components/scrollbar/style/css";
+import "element-plus/es/components/select/style/css";
+import "element-plus/es/components/slider/style/css";
+import "element-plus/es/components/switch/style/css";
+import "element-plus/es/components/tab-pane/style/css";
+import "element-plus/es/components/table/style/css";
+import "element-plus/es/components/table-column/style/css";
+import "element-plus/es/components/tabs/style/css";
+import "element-plus/es/components/tooltip/style/css";
+import "element-plus/es/components/tree-select/style/css";
+import "element-plus/es/components/upload/style/css";
+import "./css/element-plus-theme.scss";
+import "./apply-element-plus-theme";

package/package/manageTable/index.ts

@@ -1,7 +1,12 @@
+import "../element-plus-style";
+import { applyElementPlusTheme } from "../apply-element-plus-theme";
+
 import MangerTable from "./manageTable.vue";
 import imageReview from "./components/imageReview.vue";
 import { speciesNameQueryKey } from "./ProvideKeys";
 import { filterEventBus, sortEventBus } from "./EventKeys";
+
+applyElementPlusTheme();
 // 命名导出
 export { MangerTable, imageReview, speciesNameQueryKey, filterEventBus, sortEventBus };
 

package/package/mapbox/index.ts

@@ -1,3 +1,6 @@
+import "../element-plus-style";
+import { applyElementPlusTheme } from "../apply-element-plus-theme";
+
 import MapView from "./MapView.vue";
 import MapLayer from "./components/mapLayer.vue";
 import MapTopic from "./components/mapTopic.vue";
@@ -8,6 +11,8 @@ import MapCompass from "./components/mapCompass.vue";
 import MapTools from "./components/MapTools.vue";
 import MapLegend from "./components/MapLegend.vue";
 import { mapStyleChangedBus, locateToLayerCenterKeyBus } from "./EventKeys";
+
+applyElementPlusTheme();
 // Exporting all components and the mapStyleChangedBus for use in other parts of the application
 // This allows for easy import of all map-related components and functionality
 // in other modules or components within the application.

package/package/mapboxV2/index.ts

@@ -1,3 +1,6 @@
+import "../element-plus-style";
+import { applyElementPlusTheme } from "../apply-element-plus-theme";
+
 import MapView from "./MapView.vue";
 import MapLayer from "./pages/MapLayer.vue";
 import MapTopic from "./components/mapTopic.vue";
@@ -8,6 +11,8 @@ import MapCompass from "./components/mapCompass.vue";
 import MapTools from "./components/MapTools.vue";
 import MapLegend from "./components/MapLegend.vue";
 import { mapStyleChangedBus, locateToLayerCenterKeyBus } from "./EventKeys";
+
+applyElementPlusTheme();
 // Exporting all components and the mapStyleChangedBus for use in other parts of the application
 // This allows for easy import of all map-related components and functionality
 // in other modules or components within the application.

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "qy-vue-plugins",
   "private": false,
-  "version": "1.0.1",
+  "version": "1.0.2",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -51,7 +51,12 @@
     "package/manageTable/*.js",
     "package/manageTable/*.ts",
     "package/manageTable/components/*.js",
-    "package/manageTable/components/*.ts"
+    "package/manageTable/components/*.ts",
+    "package/apply-element-plus-theme.js",
+    "package/apply-element-plus-theme.ts",
+    "package/element-plus-style.js",
+    "package/element-plus-style.ts",
+    "package/css/*.scss"
   ],
   "devDependencies": {
     "@types/mapbox__mapbox-gl-draw": "^1.4.9",
@@ -72,7 +77,14 @@
   "main": "./dist/index.cjs",
   "module": "./dist/index.mjs",
   "style": "./dist/qy-vue-plugins.css",
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss",
+    "./dist/apply-element-plus-theme.mjs",
+    "./dist/apply-element-plus-theme.cjs",
+    "./dist/element-plus-style.mjs",
+    "./dist/element-plus-style.cjs"
+  ],
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",
@@ -320,6 +332,18 @@
       "require": "./dist/types/manageTable.cjs"
     },
     "./qy-vue-plugins.css": "./dist/qy-vue-plugins.css",
+    "./element-plus-style": {
+      "types": "./dist/types/element-plus-style.d.ts",
+      "import": "./dist/element-plus-style.mjs",
+      "require": "./dist/element-plus-style.cjs",
+      "default": "./dist/element-plus-style.mjs"
+    },
+    "./apply-element-plus-theme": {
+      "types": "./dist/types/apply-element-plus-theme.d.ts",
+      "import": "./dist/apply-element-plus-theme.mjs",
+      "require": "./dist/apply-element-plus-theme.cjs",
+      "default": "./dist/apply-element-plus-theme.mjs"
+    },
     "./dist/types/*": {
       "types": "./dist/types/*"
     },