@qxs-bns/components 0.0.16 → 0.0.17

package/lib/theme-chalk/tiny-mce-editor.scss

@@ -0,0 +1,23 @@
+@use "mixins/mixins" as *;
+
+@include b(tiny-mce-editor) {
+  :deep(.tox-tinymce) {
+    border-width: 1px;
+    border-radius: 4px;
+
+    .tox-editor-header {
+      box-shadow:
+        0 2px 2px -2px rgb(34 47 62 / 10%),
+        0 4px 4px -4px rgb(34 47 62 / 7%);
+    }
+
+    :deep(.tox-sidebar-wrap) {
+      max-height: 600px;
+      overflow-y: auto;
+    }
+  }
+}
+
+.tox-tinymce-aux {
+  z-index: 2500 !important;
+}

package/lib/theme-chalk/var.css

@@ -0,0 +1,129 @@
+@charset "UTF-8";
+/* Element Chalk Variables */
+/* stylelint-disable no-duplicate-selectors */
+:root {
+  --qxs-color-white: #fff;
+  --qxs-color-black: #000;
+  --qxs-color-primary-rgb: 227;
+  --qxs-color-success-rgb: 58;
+  --qxs-color-warning-rgb: 60;
+  --qxs-color-danger-rgb: 108;
+  --qxs-color-error-rgb: 108;
+  --qxs-color-info-rgb: 153;
+  --qxs-font-size-extra-large: 20px;
+  --qxs-font-size-large: 18px;
+  --qxs-font-size-medium: 16px;
+  --qxs-font-size-base: 14px;
+  --qxs-font-size-small: 13px;
+  --qxs-font-size-extra-small: 12px;
+  --qxs-font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
+  --qxs-font-weight-primary: 500;
+  --qxs-font-line-height-primary: 24px;
+  --qxs-index-normal: 1;
+  --qxs-index-top: 1000;
+  --qxs-index-popper: 2000;
+  --qxs-border-radius-base: 4px;
+  --qxs-border-radius-small: 2px;
+  --qxs-border-radius-round: 20px;
+  --qxs-border-radius-circle: 100%;
+  --qxs-transition-duration: 0.3s;
+  --qxs-transition-duration-fast: 0.2s;
+  --qxs-transition-function-ease-in-out-bezier: cubic-bezier(0.645, 0.045, 0.355, 1);
+  --qxs-transition-function-fast-bezier: cubic-bezier(0.23, 1, 0.32, 1);
+  --qxs-transition-all: all var(--qxs-transition-duration) var(--qxs-transition-function-ease-in-out-bezier);
+  --qxs-transition-fade: opacity var(--qxs-transition-duration) var(--qxs-transition-function-fast-bezier);
+  --qxs-transition-md-fade: transform var(--qxs-transition-duration) var(--qxs-transition-function-fast-bezier), opacity var(--qxs-transition-duration) var(--qxs-transition-function-fast-bezier);
+  --qxs-transition-fade-linear: opacity var(--qxs-transition-duration-fast) linear;
+  --qxs-transition-border: border-color var(--qxs-transition-duration-fast) var(--qxs-transition-function-ease-in-out-bezier);
+  --qxs-transition-box-shadow: box-shadow var(--qxs-transition-duration-fast) var(--qxs-transition-function-ease-in-out-bezier);
+  --qxs-transition-color: color var(--qxs-transition-duration-fast) var(--qxs-transition-function-ease-in-out-bezier);
+  --qxs-component-size-large: 40px;
+  --qxs-component-size: 32px;
+  --qxs-component-size-small: 24px;
+}
+
+:root {
+  color-scheme: light;
+  --qxs-color-primary: #3d61e3;
+  --qxs-color-primary-light-3: rgb(119.2, 144.4, 235.4);
+  --qxs-color-primary-light-5: #9eb0f1;
+  --qxs-color-primary-light-7: rgb(196.8, 207.6, 246.6);
+  --qxs-color-primary-light-8: rgb(216.2, 223.4, 249.4);
+  --qxs-color-primary-light-9: rgb(235.6, 239.2, 252.2);
+  --qxs-color-primary-dark-2: rgb(48.8, 77.6, 181.6);
+  --qxs-color-success: #67c23a;
+  --qxs-color-success-light-3: rgb(148.6, 212.3, 117.1);
+  --qxs-color-success-light-5: rgb(179, 224.5, 156.5);
+  --qxs-color-success-light-7: rgb(209.4, 236.7, 195.9);
+  --qxs-color-success-light-8: rgb(224.6, 242.8, 215.6);
+  --qxs-color-success-light-9: rgb(239.8, 248.9, 235.3);
+  --qxs-color-success-dark-2: rgb(82.4, 155.2, 46.4);
+  --qxs-color-warning: #e6a23c;
+  --qxs-color-warning-light-3: rgb(237.5, 189.9, 118.5);
+  --qxs-color-warning-light-5: rgb(242.5, 208.5, 157.5);
+  --qxs-color-warning-light-7: rgb(247.5, 227.1, 196.5);
+  --qxs-color-warning-light-8: rgb(250, 236.4, 216);
+  --qxs-color-warning-light-9: rgb(252.5, 245.7, 235.5);
+  --qxs-color-warning-dark-2: rgb(184, 129.6, 48);
+  --qxs-color-danger: #f56c6c;
+  --qxs-color-danger-light-3: rgb(248, 152.1, 152.1);
+  --qxs-color-danger-light-5: rgb(250, 181.5, 181.5);
+  --qxs-color-danger-light-7: rgb(252, 210.9, 210.9);
+  --qxs-color-danger-light-8: rgb(253, 225.6, 225.6);
+  --qxs-color-danger-light-9: rgb(254, 240.3, 240.3);
+  --qxs-color-danger-dark-2: rgb(196, 86.4, 86.4);
+  --qxs-color-error: #f56c6c;
+  --qxs-color-error-light-3: rgb(248, 152.1, 152.1);
+  --qxs-color-error-light-5: rgb(250, 181.5, 181.5);
+  --qxs-color-error-light-7: rgb(252, 210.9, 210.9);
+  --qxs-color-error-light-8: rgb(253, 225.6, 225.6);
+  --qxs-color-error-light-9: rgb(254, 240.3, 240.3);
+  --qxs-color-error-dark-2: rgb(196, 86.4, 86.4);
+  --qxs-color-info: #909399;
+  --qxs-color-info-light-3: rgb(177.3, 179.4, 183.6);
+  --qxs-color-info-light-5: rgb(199.5, 201, 204);
+  --qxs-color-info-light-7: rgb(221.7, 222.6, 224.4);
+  --qxs-color-info-light-8: rgb(232.8, 233.4, 234.6);
+  --qxs-color-info-light-9: rgb(243.9, 244.2, 244.8);
+  --qxs-color-info-dark-2: rgb(115.2, 117.6, 122.4);
+  --qxs-bg-color: #fff;
+  --qxs-bg-color-page: #f2f3f5;
+  --qxs-bg-color-overlay: #fff;
+  --qxs-text-color-primary: #303133;
+  --qxs-text-color-regular: #606266;
+  --qxs-text-color-secondary: #909399;
+  --qxs-text-color-placeholder: #a8abb2;
+  --qxs-text-color-disabled: #c0c4cc;
+  --qxs-border-color: #dcdfe6;
+  --qxs-border-color-light: #e4e7ed;
+  --qxs-border-color-lighter: #ebeef5;
+  --qxs-border-color-extra-light: #f2f6fc;
+  --qxs-border-color-dark: #d4d7de;
+  --qxs-border-color-darker: #cdd0d6;
+  --qxs-fill-color: #f0f2f5;
+  --qxs-fill-color-light: #f5f7fa;
+  --qxs-fill-color-lighter: #fafafa;
+  --qxs-fill-color-extra-light: #fafcff;
+  --qxs-fill-color-dark: #ebedf0;
+  --qxs-fill-color-darker: #e6e8eb;
+  --qxs-fill-color-blank: #fff;
+  --qxs-box-shadow: 0 12px 32px 4px rgba(0, 0, 0, 0.04), 0 8px 20px rgba(0, 0, 0, 0.08);
+  --qxs-box-shadow-light: 0 0 12px rgba(0, 0, 0, 0.12);
+  --qxs-box-shadow-lighter: 0 0 6px rgba(0, 0, 0, 0.12);
+  --qxs-box-shadow-dark: 0 16px 48px 16px rgba(0, 0, 0, 0.08), 0 12px 32px rgba(0, 0, 0, 0.12), 0 8px 16px -8px rgba(0, 0, 0, 0.16);
+  --qxs-disabled-bg-color: var(--qxs-fill-color-light);
+  --qxs-disabled-text-color: var(--qxs-text-color-placeholder);
+  --qxs-disabled-border-color: var(--qxs-border-color-light);
+  --qxs-overlay-color: rgba(0, 0, 0, 0.8);
+  --qxs-overlay-color-light: rgba(0, 0, 0, 0.7);
+  --qxs-overlay-color-lighter: rgba(0, 0, 0, 0.5);
+  --qxs-mask-color: rgba(255, 255, 255, 0.9);
+  --qxs-mask-color-extra-light: rgba(255, 255, 255, 0.3);
+  --qxs-border-width: 1px;
+  --qxs-border-style: solid;
+  --qxs-border-color-hover: var(--qxs-text-color-disabled);
+  --qxs-border: var(--qxs-border-width) var(--qxs-border-style) var(--qxs-border-color);
+  --qxs-svg-monochrome-grey: var(--qxs-border-color);
+}
+
+/* stylelint-enable no-duplicate-selectors */

package/lib/theme-chalk/var.scss

@@ -0,0 +1,87 @@
+// CSS3 var
+@use "common/var" as *;
+@use "mixins/var" as *;
+@use "mixins/mixins" as *;
+
+// for better performance do not dynamically change the root variable if you really
+// do not need that, since this could introduce recalculation overhead for rendering.
+// https://lisilinhart.info/posts/css-variables-performance/
+
+// common
+/* stylelint-disable no-duplicate-selectors */
+:root {
+  @include set-css-var-value("color-white", $color-white);
+  @include set-css-var-value("color-black", $color-black);
+
+  // get rgb
+  @each $type in (primary, success, warning, danger, error, info) {
+    @include set-css-color-rgb($type);
+  }
+
+  // Typography
+  @include set-component-css-var("font-size", $font-size);
+  @include set-component-css-var("font-family", $font-family);
+  @include set-css-var-value("font-weight-primary", 500);
+  @include set-css-var-value("font-line-height-primary", 24px);
+
+  // z-index --qxs-index-#{$type}
+  @include set-component-css-var("index", $z-index);
+
+  // --qxs-border-radius-#{$type}
+  @include set-component-css-var("border-radius", $border-radius);
+
+  // Transition
+  // refer to this website to get the bezier motion function detail
+  // https://cubic-bezier.com/#p1,p2,p3,p4 (change px as your function parameter)
+  @include set-component-css-var("transition-duration", $transition-duration);
+  @include set-component-css-var("transition-function", $transition-function);
+  @include set-component-css-var("transition", $transition);
+
+  // common component size
+  @include set-component-css-var("component-size", $common-component-size);
+}
+
+// for light
+:root {
+  color-scheme: light;
+
+  // --qxs-color-#{$type}
+  // --qxs-color-#{$type}-light-{$i}
+  @each $type in (primary, success, warning, danger, error, info) {
+    @include set-css-color-type($colors, $type);
+  }
+
+  // color-scheme
+  // Background --qxs-bg-color-#{$type}
+  @include set-component-css-var("bg-color", $bg-color);
+  // --qxs-text-color-#{$type}
+  @include set-component-css-var("text-color", $text-color);
+  // --qxs-border-color-#{$type}
+  @include set-component-css-var("border-color", $border-color);
+  // Fill --qxs-fill-color-#{$type}
+  @include set-component-css-var("fill-color", $fill-color);
+
+  // Box-shadow
+  // --qxs-box-shadow-#{$type}
+  @include set-component-css-var("box-shadow", $box-shadow);
+  // Disable base
+  @include set-component-css-var("disabled", $disabled);
+
+  // overlay & mask
+  @include set-component-css-var("overlay-color", $overlay-color);
+  @include set-component-css-var("mask-color", $mask-color);
+
+  // Border
+  @include set-css-var-value("border-width", $border-width);
+  @include set-css-var-value("border-style", $border-style);
+  @include set-css-var-value("border-color-hover", $border-color-hover);
+  @include set-css-var-value(
+    "border",
+    getCssVar("border-width") getCssVar("border-style")
+    getCssVar("border-color")
+  );
+
+  // Svg
+  @include css-var-from-global("svg-monochrome-grey", "border-color");
+}
+/* stylelint-enable no-duplicate-selectors */

package/package.json

@@ -1,8 +1,30 @@
 {
   "name": "@qxs-bns/components",
-  "type": "module",
-  "version": "0.0.16",
-  "description": "Vue 3 Component Library",
+  "version": "0.0.17",
+  "main": "lib/index.js",
+  "module": "es/index.mjs",
+  "types": "es/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./es/index.d.ts",
+      "import": "./es/index.mjs",
+      "require": "./lib/index.js"
+    },
+    "./es": {
+      "types": "./es/index.d.ts",
+      "import": "./es/index.mjs"
+    },
+    "./lib": {
+      "types": "./lib/index.d.ts",
+      "import": "./lib/index.js"
+    },
+    "./*": "./*"
+  },
+  "files": [
+    "es",
+    "lib",
+    "theme-chalk"
+  ],
   "license": "MIT",
   "homepage": "https://trry-hub.github.io/qxs-bns/",
   "repository": {
@@ -18,30 +40,21 @@
     "ui",
     "vue3"
   ],
-  "main": "./es/index.js",
-  "module": "./es/index.js",
-  "files": [
-    "es",
-    "lib"
-  ],
+  "type": "module",
+  "description": "Vue 3 Component Library",
   "peerDependencies": {
     "@element-plus/icons-vue": "^2.3.1",
     "element-plus": "^2.9.4",
     "vue": "^3.5.12"
   },
   "dependencies": {
-    "@qxs-bns/directives": "0.0.11",
-    "@qxs-bns/hooks": "0.0.1",
-    "@qxs-bns/utils": "0.0.17",
+    "@qxs-bns/directives": "latest",
+    "@qxs-bns/hooks": "latest",
+    "@qxs-bns/utils": "latest",
     "lodash-es": "^4.17.21"
   },
-  "types": "./es/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./es/index.js",
-      "require": "./lib/index.js",
-      "types": "./index.d.ts"
-    },
-    "./*": "./*"
+  "devDependencies": {
+    "@types/lodash-es": "^4.17.12",
+    "@vitejs/plugin-vue": "^5.2.1"
   }
 }

package/es/_virtual/_plugin-vue_export-helper.js

@@ -1,10 +0,0 @@
-var _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-
-export { _export_sfc as default };
-//# sourceMappingURL=_plugin-vue_export-helper.js.map

package/es/_virtual/_plugin-vue_export-helper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"_plugin-vue_export-helper.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/es/index.js

@@ -1,17 +0,0 @@
-import installer from './src/defaults.js';
-export { QxsDataChart } from './src/data-chart/index.js';
-export { QxsFileUpload } from './src/file-upload/index.js';
-export { QxsFixedActionBar } from './src/fixed-action-bar/index.js';
-export { QxsImageUpload } from './src/image-upload/index.js';
-export { QxsPhotoCropTool } from './src/photo-crop-tool/index.js';
-export { QxsSubjectAction } from './src/subject-action/index.js';
-export { QxsSubjectLayout } from './src/subject-layout/index.js';
-export { QxsSubjectList } from './src/subject-list/index.js';
-export { QxsSubjectType } from './src/subject-type/index.js';
-export { QxsTinyMceEditor } from './src/tiny-mce-editor/index.js';
-
-const install = installer.install;
-const version = installer.version;
-
-export { installer as default, install, version };
-//# sourceMappingURL=index.js.map

package/es/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../packages/components/index.ts"],"sourcesContent":["import installer from './src/defaults'\n\nexport * from './src/components'\n\nexport const install = installer.install\nexport const version = installer.version\nexport default installer\n"],"names":["install","installer","version"],"mappings":";;;;;;;;;;;;AAIaA,MAAAA,UAAUC,SAAU,CAAAD;AACpBE,MAAAA,UAAUD,SAAU,CAAAC;;;;"}

package/es/node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js

@@ -1,27 +0,0 @@
-function styleInject(css, ref) {
-  if (ref === void 0) ref = {};
-  var insertAt = ref.insertAt;
-  if (typeof document === 'undefined') {
-    return;
-  }
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-export { styleInject as default };
-//# sourceMappingURL=style-inject.es.js.map

package/es/node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style-inject.es.js","sources":["../../../../../../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n"],"names":["styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode"],"mappings":"AAAA,SAASA,WAAWA,CAACC,GAAG,EAAEC,GAAG,EAAE;EAC7B,IAAKA,GAAG,KAAK,MAAM,EAAGA,GAAG,GAAG,EAAE;AAC9B,EAAA,IAAIC,QAAQ,GAAGD,GAAG,CAACC,QAAQ;AAE3B,EAAA,IAAY,OAAOC,QAAQ,KAAK,WAAW,EAAE;AAAE,IAAA;AAAQ;AAEvD,EAAA,IAAIC,IAAI,GAAGD,QAAQ,CAACC,IAAI,IAAID,QAAQ,CAACE,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AACpE,EAAA,IAAIC,KAAK,GAAGH,QAAQ,CAACI,aAAa,CAAC,OAAO,CAAC;EAC3CD,KAAK,CAACE,IAAI,GAAG,UAAU;EAEvB,IAAIN,QAAQ,KAAK,KAAK,EAAE;IACtB,IAAIE,IAAI,CAACK,UAAU,EAAE;MACnBL,IAAI,CAACM,YAAY,CAACJ,KAAK,EAAEF,IAAI,CAACK,UAAU,CAAC;AAC3C,KAAC,MAAM;AACLL,MAAAA,IAAI,CAACO,WAAW,CAACL,KAAK,CAAC;AACzB;AACF,GAAC,MAAM;AACLF,IAAAA,IAAI,CAACO,WAAW,CAACL,KAAK,CAAC;AACzB;EAEA,IAAIA,KAAK,CAACM,UAAU,EAAE;AACpBN,IAAAA,KAAK,CAACM,UAAU,CAACC,OAAO,GAAGb,GAAG;AAChC,GAAC,MAAM;IACLM,KAAK,CAACK,WAAW,CAACR,QAAQ,CAACW,cAAc,CAACd,GAAG,CAAC,CAAC;AACjD;AACF;;;;","x_google_ignoreList":[0]}

package/es/package.json.js

@@ -1,4 +0,0 @@
-var version = "0.0.16";
-
-export { version };
-//# sourceMappingURL=package.json.js.map

package/es/package.json.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"package.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/es/src/components.js

@@ -1,11 +0,0 @@
-export { QxsDataChart } from './data-chart/index.js';
-export { QxsFileUpload } from './file-upload/index.js';
-export { QxsFixedActionBar } from './fixed-action-bar/index.js';
-export { QxsImageUpload } from './image-upload/index.js';
-export { QxsPhotoCropTool } from './photo-crop-tool/index.js';
-export { QxsSubjectAction } from './subject-action/index.js';
-export { QxsSubjectLayout } from './subject-layout/index.js';
-export { QxsSubjectList } from './subject-list/index.js';
-export { QxsSubjectType } from './subject-type/index.js';
-export { QxsTinyMceEditor } from './tiny-mce-editor/index.js';
-//# sourceMappingURL=components.js.map

package/es/src/components.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"components.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/es/src/data-chart/index.js

@@ -1,7 +0,0 @@
-import { withInstall } from '../withInstall.js';
-import component from './src/data-chart.vue.js';
-
-const QxsDataChart = withInstall(component);
-
-export { QxsDataChart, QxsDataChart as default };
-//# sourceMappingURL=index.js.map

package/es/src/data-chart/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/components/src/data-chart/index.ts"],"sourcesContent":["import { withInstall } from '../withInstall'\nimport component from './src/data-chart.vue'\n\nconst QxsDataChart = withInstall(component)\n\nexport {\n  QxsDataChart,\n}\nexport default QxsDataChart\n"],"names":["QxsDataChart","withInstall","component"],"mappings":";;;AAGA,MAAMA,YAAA,GAAeC,YAAYC,SAAS;;;;"}

package/es/src/data-chart/src/data-chart.vue.js

@@ -1,8 +0,0 @@
-import _sfc_main from './data-chart.vue2.js';
-import './data-chart.vue3.js';
-import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.js';
-
-var component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-28590d9c"]]);
-
-export { component as default };
-//# sourceMappingURL=data-chart.vue.js.map

package/es/src/data-chart/src/data-chart.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"data-chart.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/es/src/data-chart/src/data-chart.vue2.js

@@ -1,108 +0,0 @@
-import { defineComponent, computed, watchEffect, defineAsyncComponent, provide, createBlock, openBlock, resolveDynamicComponent } from 'vue';
-import { JsonToExcel } from '@qxs-bns/utils';
-import { cloneDeep, merge } from 'lodash-es';
-import { defaultChartOption } from './utils/config.js';
-import { InjectionChartMerge } from './utils/injectionKeys.js';
-import { useDataToExcelJson } from './utils/useCharts.js';
-
-var _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "QxsDataChart"
-  },
-  __name: "data-chart",
-  props: {
-    modelName: { type: String, required: false, default: "" },
-    showTypeName: { type: String, required: false, default: "table" },
-    subShowType: { type: String, required: false },
-    data: { type: Object, required: false, default: () => ({
-      data: [],
-      desc: {
-        colDesc: [],
-        showDesc: {
-          showType: 0,
-          chartOptions: "{}",
-          jsCodeSnippet: ""
-        },
-        groupByDesc: []
-      }
-    }) },
-    chartOptions: { type: null, required: false, default: () => ({}) },
-    jsCodeSnippet: { type: String, required: false, default: "" }
-  },
-  setup(__props, { expose: __expose }) {
-    const coms = {};
-    const defaultChartOptionCopy = computed(() => {
-      return cloneDeep(defaultChartOption[__props.showTypeName]);
-    });
-    const formatPublicData = computed(() => {
-      const { desc: { colDesc = [], groupByDesc = [] } = {}, data = [] } = __props.data;
-      let xValue = [];
-      let xGroupByDesc = null;
-      xValue = groupByDesc?.map((groupByDescItem) => {
-        if (groupByDescItem.xAxis) {
-          xGroupByDesc = groupByDescItem;
-        }
-        return groupByDescItem;
-      });
-      const dataValue = xGroupByDesc ? data.filter((item) => item && item[xGroupByDesc.colDesc]) : data;
-      return {
-        colDesc,
-        modelName: __props.modelName,
-        subShowType: __props.subShowType,
-        xGroupByDesc: xGroupByDesc || {
-          groupByDesc: null,
-          groupByValues: null,
-          colDesc: null,
-          xAxis: false
-        },
-        groupByDesc: xValue,
-        data: dataValue
-      };
-    });
-    function exportExal() {
-      if (__props.data.data.length === 0) {
-        console.log("\u6682\u65E0\u6570\u636E");
-        return;
-      }
-      const arr = useDataToExcelJson(__props.data);
-      JsonToExcel(__props.modelName, arr);
-    }
-    function merge$1(config, defaultConfig) {
-      const mergeOpt = merge({}, defaultChartOptionCopy.value, config, defaultConfig);
-      let conf = mergeOpt || {};
-      if (__props.jsCodeSnippet) {
-        try {
-          const dynamicFunction = new Function(
-            "config",
-            `"use strict"; ${__props.jsCodeSnippet}; return config;`
-          );
-          conf = dynamicFunction(conf);
-        } catch (error) {
-          console.error("\u4EE3\u7801\u6267\u884C\u5931\u8D25:", error);
-        }
-      }
-      return conf;
-    }
-    watchEffect(() => {
-      if (coms[__props.showTypeName]) {
-        return;
-      }
-      coms[__props.showTypeName] = defineAsyncComponent(() => import(`./components/${__props.showTypeName}.vue`));
-    });
-    __expose({
-      exportExal
-    });
-    provide(InjectionChartMerge, merge$1);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(coms[_ctx.showTypeName]), {
-        class: "data-chart",
-        "sub-show-type": _ctx.subShowType,
-        "chart-data": formatPublicData.value,
-        "chart-options": _ctx.chartOptions
-      }, null, 8, ["sub-show-type", "chart-data", "chart-options"]);
-    };
-  }
-});
-
-export { _sfc_main as default };
-//# sourceMappingURL=data-chart.vue2.js.map

package/es/src/data-chart/src/data-chart.vue2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"data-chart.vue2.js","sources":["../../../../../../packages/components/src/data-chart/src/data-chart.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { EChartData, EChartsOption, IFormatPublicData } from './types'\nimport type { IconRow } from './types/index'\nimport { JsonToExcel } from '@qxs-bns/utils'\nimport { cloneDeep, merge as lodashMerge } from 'lodash-es'\nimport { computed, defineAsyncComponent, provide, watchEffect } from 'vue'\nimport { defaultChartOption } from './utils/config'\nimport { InjectionChartMerge } from './utils/injectionKeys'\nimport { useDataToExcelJson } from './utils/useCharts'\n\ndefineOptions({\n  name: 'QxsDataChart',\n})\nconst {\n  showTypeName = 'table',\n  subShowType,\n  modelName = '',\n  data: propData = {\n    data: [],\n    desc: {\n      colDesc: [],\n      showDesc: {\n        showType: 0,\n        chartOptions: '{}',\n        jsCodeSnippet: '',\n      },\n      groupByDesc: [],\n    },\n  },\n  chartOptions = {},\n  jsCodeSnippet = '',\n} = defineProps<{\n  modelName?: string\n  showTypeName?: IconRow['showTypeName']\n  subShowType?: string\n  data?: EChartData\n  chartOptions?: EChartsOption\n  jsCodeSnippet?: string\n}>()\n\nconst coms: {\n  [key: string]: any\n} = {}\n\nconst defaultChartOptionCopy = computed(() => {\n  return cloneDeep(defaultChartOption[showTypeName])\n})\n\nconst formatPublicData = computed<IFormatPublicData>(() => {\n  const { desc: { colDesc = [], groupByDesc = [] } = {}, data = [] } = propData\n\n  // 处理 X 轴数据\n  let xValue = []\n\n  let xGroupByDesc: EChartData['desc']['groupByDesc'][0] | null = null\n  xValue = groupByDesc?.map((groupByDescItem) => {\n    // if (groupByDescItem.colValues) {\n    //   groupByDescItem.colValuesDesc = {}\n    //   groupByDescItem.colValues.split(',')?.forEach((item) => {\n    //     const [key, value] = item.split(':')\n    //     groupByDescItem.colValuesDesc[key] = value\n    //   })\n    // }\n    if (groupByDescItem.xAxis) {\n      xGroupByDesc = groupByDescItem\n    }\n    return groupByDescItem\n  })\n\n  const dataValue = xGroupByDesc ? data.filter(item => item && item[xGroupByDesc!.colDesc!]) : data\n\n  // if (xGroupByDesc && xGroupByDesc.colValuesDesc && Object.keys(xGroupByDesc.colValuesDesc).length) {\n  //   const { colDesc: colDescItem, colValuesDesc } = xGroupByDesc\n  //   console.log('colDesc: colDescItem, colValuesDesc: ', colDescItem, colValuesDesc)\n  //   dataValue = dataValue.map((item) => {\n  //     if (typeof item[colDescItem] === 'number') {\n  //       item[colDescItem] = colValuesDesc[item[colDescItem]]\n  //     }\n  //     return item\n  //   })\n  // }\n\n  return {\n    colDesc,\n    modelName,\n    subShowType,\n    xGroupByDesc: (xGroupByDesc || {\n      groupByDesc: null,\n      groupByValues: null,\n      colDesc: null,\n      xAxis: false,\n    }),\n    groupByDesc: xValue,\n    data: dataValue,\n  }\n})\n\n// 导出数据\nfunction exportExal() {\n  if (propData.data.length === 0) {\n    // useMessage.error('暂无数据')\n    console.log('暂无数据')\n    return\n  }\n  const arr = useDataToExcelJson(propData)\n  JsonToExcel(modelName, arr)\n}\nfunction merge(config: EChartsOption, defaultConfig: EChartsOption) {\n  const mergeOpt = lodashMerge({}, defaultChartOptionCopy.value, config, defaultConfig)\n  let conf = mergeOpt || {}\n  if (jsCodeSnippet) {\n    try {\n      // 用 Function 构造函数替代 eval\n      const dynamicFunction = new Function(\n        'config',\n        `\"use strict\"; ${jsCodeSnippet}; return config;`\n      );\n      \n      // 执行动态函数并传递 conf 参数\n      conf = dynamicFunction(conf);\n    } catch (error) {\n      console.error(\"代码执行失败:\", error);\n    }\n  }\n  return conf\n}\n\nwatchEffect(() => {\n  if (coms[showTypeName]) {\n    return\n  }\n  coms[showTypeName] = defineAsyncComponent(() => import(`./components/${showTypeName}.vue`))\n})\n\ndefineExpose({\n  exportExal,\n})\nprovide(InjectionChartMerge, merge)\n</script>\n\n<template>\n  <component\n    :is=\"coms[showTypeName]\"\n    class=\"data-chart\"\n    :sub-show-type=\"subShowType\"\n    :chart-data=\"formatPublicData\"\n    :chart-options=\"chartOptions\"\n  />\n</template>\n\n<style scoped lang=\"scss\">\n.data-chart {\n  height: 100%;\n}\n</style>\n"],"names":["merge","lodashMerge"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,IAAA,MAAM,OAEF,EAAC;AAEL,IAAM,MAAA,sBAAA,GAAyB,SAAS,MAAM;AAC5C,MAAA,OAAO,SAAU,CAAA,kBAAA,CAAmB,oBAAY,CAAC,CAAA;AAAA,KAClD,CAAA;AAED,IAAM,MAAA,gBAAA,GAAmB,SAA4B,MAAM;AACzD,MAAA,MAAM,EAAE,IAAM,EAAA,EAAE,OAAU,GAAA,IAAI,WAAc,GAAA,EAAG,EAAA,GAAI,EAAI,EAAA,IAAA,GAAO,EAAC,KAAM,OAAA,CAAA,IAAA;AAGrE,MAAA,IAAI,SAAS,EAAC;AAEd,MAAA,IAAI,YAA4D,GAAA,IAAA;AAChE,MAAS,MAAA,GAAA,WAAA,EAAa,GAAI,CAAA,CAAC,eAAoB,KAAA;AAQ7C,QAAA,IAAI,gBAAgB,KAAO,EAAA;AACzB,UAAe,YAAA,GAAA,eAAA;AAAA;AAEjB,QAAO,OAAA,eAAA;AAAA,OACR,CAAA;AAED,MAAM,MAAA,SAAA,GAAY,YAAe,GAAA,IAAA,CAAK,MAAO,CAAA,CAAA,IAAA,KAAQ,QAAQ,IAAK,CAAA,YAAA,CAAc,OAAQ,CAAC,CAAI,GAAA,IAAA;AAa7F,MAAO,OAAA;AAAA,QACL,OAAA;AAAA,QACA,WAAS,OAAA,CAAA,SAAA;AAAA,QACT,aAAW,OAAA,CAAA,WAAA;AAAA,QACX,cAAe,YAAgB,IAAA;AAAA,UAC7B,WAAa,EAAA,IAAA;AAAA,UACb,aAAe,EAAA,IAAA;AAAA,UACf,OAAS,EAAA,IAAA;AAAA,UACT,KAAO,EAAA;AAAA,SACT;AAAA,QACA,WAAa,EAAA,MAAA;AAAA,QACb,IAAM,EAAA;AAAA,OACR;AAAA,KACD,CAAA;AAGD,IAAA,SAAS,UAAa,GAAA;AACpB,MAAA,IAAI,aAAS,IAAK,CAAA,MAAA,KAAW,CAAG,EAAA;AAE9B,QAAA,OAAA,CAAQ,IAAI,0BAAM,CAAA;AAClB,QAAA;AAAA;AAEF,MAAM,MAAA,GAAA,GAAM,kBAAmB,CAAA,OAAA,CAAQ,IAAA,CAAA;AACvC,MAAY,WAAA,CAAA,OAAA,CAAA,WAAW,GAAG,CAAA;AAAA;AAE5B,IAAS,SAAAA,OAAA,CAAM,QAAuB,aAA8B,EAAA;AAClE,MAAA,MAAM,WAAWC,KAAY,CAAA,IAAI,sBAAuB,CAAA,KAAA,EAAO,QAAQ,aAAa,CAAA;AACpF,MAAI,IAAA,IAAA,GAAO,YAAY,EAAC;AACxB,MAAA,IAAI,QAAA,aAAe,EAAA;AACjB,QAAI,IAAA;AAEF,UAAA,MAAM,kBAAkB,IAAI,QAAA;AAAA,YAC1B,QAAA;AAAA,YACA,CAAA,cAAA,EAAiB,QAAA,aAAa,CAAA,gBAAA;AAAA,WAChC;AAGA,UAAA,IAAA,GAAO,gBAAgB,IAAI,CAAA;AAAA,iBACpB,KAAO,EAAA;AACd,UAAQ,OAAA,CAAA,KAAA,CAAM,yCAAW,KAAK,CAAA;AAAA;AAChC;AAEF,MAAO,OAAA,IAAA;AAAA;AAGT,IAAA,WAAA,CAAY,MAAM;AAChB,MAAI,IAAA,IAAA,CAAK,OAAY,CAAA,YAAA,CAAG,EAAA;AACtB,QAAA;AAAA;AAEF,MAAK,IAAA,CAAA,OAAA,CAAA,YAAY,CAAI,GAAA,oBAAA,CAAqB,MAAM,OAAO,CAAA,aAAA,EAAgB,OAAY,CAAA,YAAA,CAAO,IAAA,CAAA,CAAA,CAAA;AAAA,KAC3F,CAAA;AAED,IAAa,QAAA,CAAA;AAAA,MACX;AAAA,KACD,CAAA;AACD,IAAA,OAAA,CAAQ,qBAAqBD,OAAK,CAAA;;;;;;;;;;;;;;"}

package/es/src/data-chart/src/data-chart.vue3.js

@@ -1,7 +0,0 @@
-import styleInject from '../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".data-chart[data-v-28590d9c] {\n  height: 100%;\n}";
-styleInject(css_248z);
-
-export { css_248z as default };
-//# sourceMappingURL=data-chart.vue3.js.map

package/es/src/data-chart/src/data-chart.vue3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"data-chart.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}